/* Grillandia – főoldal: „Teljesen egyedi kültéri konyhát szeretne?” szekció (gl-custom) stílusa.
   2026-10-12: a korábbi topbar.css-ből leválasztva (a felső hirdetősáv megszűnt, a szekció stílusa marad). */
/* ---------- Főoldal: „Teljesen egyedi kültéri konyhát szeretne?” blokk ---------- */
.sec-title h2.gl-custom-title { text-transform: uppercase; padding-bottom: 6px; }
.sec-title .text.gl-custom-text { margin-top: 14px; font-size: 17px; line-height: 1.65em; max-width: 900px; margin-left: auto; margin-right: auto; }
.sec-title .text.gl-custom-note { margin-top: 10px; font-size: 17px; line-height: 1.65em; max-width: 900px; margin-left: auto; margin-right: auto; }
.gl-custom-cta { margin: 26px 0 6px; text-align: center; }
.gl-custom-cta .theme-btn { text-transform: none; margin-bottom: 0; }
@media (max-width: 767px) {
    .sec-title h2.gl-custom-title { font-size: 28px; line-height: 1.2em; }
    .sec-title .text.gl-custom-text { font-size: 16px; line-height: 1.6em; }
    .sec-title .text.gl-custom-note { font-size: 16px; line-height: 1.6em; }
    .gl-custom-cta { margin-top: 20px; }
}

/* Egyedi konyha ajánló blokk – halvány barna háttérdoboz egységes belső margóval */
.sec-title.gl-custom-box {
    /* teljes képernyőszélességű sáv; a tartalom középen marad */
    background: #fbf7f2; border-top: 1px solid #ecdfd1;   /* 2026-10-12: nagyon halvány barna (korábban #f6efe7) */ border-bottom: 1px solid #ecdfd1; border-radius: 0;
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);
    padding: 80px 24px 82px;   /* 2026-10-12: több margó fent-lent (korábban 56px 24px 58px) */
}
.sec-title.gl-custom-box > * { max-width: 1000px; margin-left: auto; margin-right: auto; }
.sec-title.gl-custom-box h2.gl-custom-title { margin-top: 0; }
.sec-title.gl-custom-box .text { margin-bottom: 0; padding-bottom: 0; }
.sec-title.gl-custom-box .text.gl-custom-text { margin-top: 16px; }
.sec-title.gl-custom-box .text.gl-custom-note { margin-top: 16px; }
.sec-title.gl-custom-box .gl-custom-cta { margin-top: 28px; }
.sec-title.gl-custom-box .gl-custom-cta { margin-bottom: 0; }
@media (max-width: 767px) {
    .sec-title.gl-custom-box { padding: 52px 20px 54px; }   /* 2026-10-12: korábban 36px 20px 38px */
}
/* a slider és a barna sáv között ne legyen fehér rés */
.portfolio-section-two.gl-custom-section { padding-top: 0; }
.sec-title.gl-custom-box { border-top: 0; margin-bottom: 70px; }   /* a képes rész fölött ugyanakkora köz, mint alatta (70 px) */
/* kiemelés: félkövér + közeli, finom aláhúzás, amely a lelógó betűknél (g, j, p, y) megszakad */
.gl-hl {
    font-weight: 600; color: #8f5627;   /* nem link: nincs aláhúzás, a kiemelést a szín + vastagság adja */
}
/* végleges szöveg: link a tervezőre és elérhetőség sor */
.gl-custom-box .gl-custom-link { color: #8f5627; text-decoration: underline; text-decoration-color: #B87333; text-underline-offset: 3px; }
.gl-custom-box .gl-custom-link:hover { color: #B87333; }
.sec-title.gl-custom-box .text.gl-custom-contact { margin-top: 10px; font-size: 17px; font-weight: 500; letter-spacing: .2px; }
.gl-custom-box .gl-custom-contact a { color: #212121; text-decoration: none; white-space: nowrap; }
.gl-custom-box .gl-custom-contact a:hover { color: #B87333; }
@media (max-width: 767px) { .sec-title.gl-custom-box .text.gl-custom-contact { font-size: 16px; } }

/* 2026-09-25: háttérkép az egyedi konyha blokk mögött – alul középre rögzítve, 30% átlátszóság.
   A kép alsó 20%-a (a konyha lába) már a képfájlból le van vágva, így a blokk alja „belevág” a konyhába. */
.sec-title.gl-custom-box { position: relative; isolation: isolate; overflow: hidden; }
.sec-title.gl-custom-box::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: url("../images/egyedi-konyha-hatter.webp") no-repeat center bottom / min(860px, 100%) auto;
    opacity: .9;
    display: none;   /* 2026-10-12: a háttérkonyha-kép egyelőre kivéve – a display: none sor törlésével visszaállítható (a lenti padding-bottom szabályt is vissza kell tenni) */
}
/* 2026-10-12: kép nélkül normál alsó margó. A képhez tartozó szabály (visszaállításhoz):
   .sec-title.gl-custom-box { padding-bottom: calc(min(860px, 100vw - 30px) * 0.315 + 36px); } */
/* 2026-09-25: buborék – nem teljes szélességű sáv, hanem lekerekített doboz, pont olyan széles, mint az alatta lévő kártyák sora */
/* 2026-10-12: a doboz teljes szélességű sáv, és közvetlenül a hero alatt kezdődik (nincs köz). A korábbi „buborék” változat:
   margin-left/right: 0; margin-top: 60px (mobilon 30px); border: 1px solid rgba(160,120,80,.08); border-radius: 14px (mobilon 12px) */
.portfolio-section-two.gl-custom-section { overflow-x: hidden; overflow-x: clip; }   /* a teljes szélességű kitörés ne okozzon vízszintes görgetősávot */
.sec-title.gl-custom-box {
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); margin-top: 0;
    border: 0; border-radius: 0;
}