/*
 * HEADER-CLEANUP-02B | 2026-10-06
 * Conservative refinement on top of HEADER-CLEANUP-01.
 */


/* ---------------------------------------------------------
   HEADER GEOMETRY
   Keep original main-menu typography.
   Only add breathing room after logo on wide desktops.
   --------------------------------------------------------- */

@media (min-width: 1200px) {

    body.lumina #lumina-header .lumina__brand {
        flex: 0 0 auto !important;
        margin-inline-end: clamp(1.4rem, 2.4vw, 2.6rem) !important;
    }

    body.lumina #lumina-header .lumina__nav {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        margin-inline-start: auto !important;
    }

    body.lumina #lumina-header .lumina__header-utilities {
        margin-inline-start: .7rem !important;
    }
}


/* ---------------------------------------------------------
   CURRENCY
   Desktop: one centered CSS label above EUR + Váltás.
   We deliberately keep the template's accessible label hidden.
   Mobile keeps the existing drawer pseudo-label from custom.css.
   --------------------------------------------------------- */

@media (min-width: 992px) {

    body.lumina #lumina-header
    .lumina__header-utilities
    .lumina__currency {
        display: grid !important;
        grid-template-columns: auto auto !important;
        grid-template-areas:
            "caption caption"
            "select apply" !important;

        align-items: center !important;
        justify-content: center !important;

        column-gap: .22rem !important;
        row-gap: .12rem !important;

        margin: 0 !important;
    }

    body.lumina #lumina-header
    .lumina__header-utilities
    .lumina__currency::before {
        content: "Pénznem";

        grid-area: caption;

        display: block !important;

        width: 100%;

        margin: 0 0 .02rem !important;
        padding: 0 !important;

        color: currentColor !important;

        opacity: .58;

        font-size: .53rem !important;
        font-weight: 650;

        letter-spacing: .08em;
        line-height: 1;

        text-align: center;
        text-transform: uppercase;
    }

    body.lumina #lumina-header
    .lumina__header-utilities
    .lumina__currency-select {
        grid-area: select;

        min-width: 4.2rem !important;
        max-width: 4.65rem !important;

        min-height: 32px !important;

        padding:
            .2rem
            1.55rem
            .2rem
            .56rem !important;

        font-size: .74rem !important;
    }

    body.lumina #lumina-header
    .lumina__header-utilities
    .lumina__currency-apply {
        grid-area: apply;

        min-height: 32px !important;

        margin-inline-start: 0 !important;

        padding:
            .2rem
            .6rem !important;

        font-size: .68rem !important;
    }
}


/* ---------------------------------------------------------
   VENDÉGEKNEK
   Explicit coordinates: no DOM reordering, no auto-placement drift.

   col 1: Foglalási feltételek / Foglalási segítség
   col 2: Kedvenc szállásaim / Foglalásaim
   col 3: Belépési segítség / Adataim és jelszavam

   FIÓK:
   Regisztráció / Belépés / Kijelentkezés (if Joomla renders it)
   --------------------------------------------------------- */

@media (min-width: 992px) {

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105 {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .ss-mega-intro {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-216 {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-529 {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-242 {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-156 {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-10242 {
        grid-column: 3 !important;
        grid-row: 2 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-226 {
        grid-column: 3 !important;
        grid-row: 3 !important;
    }

    /* Direct recovery links are redundant here;
       Belépési segítség remains the single public entry. */
    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > :is(.item-227, .item-228) {
        display: none !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .ss-section-account {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;

        margin-top: 3px !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-159 {
        grid-column: 1 !important;
        grid-row: 5 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-157 {
        grid-column: 2 !important;
        grid-row: 5 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .item-229 {
        grid-column: 3 !important;
        grid-row: 5 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .ss-mega-footer {
        grid-column: 1 / -1 !important;
        grid-row: 6 !important;
    }
}


/* ---------------------------------------------------------
   PARTNEREK
   Explicit coordinates, so logged-in-only items cannot
   shift unrelated entries into another column.

   col 1 Partner szeretnék lenni
   col 2 Már partner vagyok
   col 3 Segítség
   --------------------------------------------------------- */

@media (min-width: 992px) {

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155 {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .ss-mega-intro {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }


    /* Partner szeretnék lenni */

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-10243 {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-118 {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-267 {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-530 {
        grid-column: 1 !important;
        grid-row: 5 !important;
    }


    /* Már partner vagyok */

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-154 {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-531 {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-232 {
        grid-column: 2 !important;
        grid-row: 4 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-211 {
        grid-column: 2 !important;
        grid-row: 5 !important;
    }


    /* Segítség */

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-251 {
        grid-column: 3 !important;
        grid-row: 2 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-230 {
        grid-column: 3 !important;
        grid-row: 3 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-231 {
        grid-column: 3 !important;
        grid-row: 4 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-233 {
        grid-column: 3 !important;
        grid-row: 5 !important;
    }


    /* Group headings. Remove old generated headings first. */

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > :is(.item-531, .item-230)::before {
        content: none !important;
        display: none !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-154::before {
        content: "MÁR PARTNER VAGYOK";

        display: block !important;

        margin: 0 0 4px !important;
        padding: 1px 7px 5px !important;

        color: #a45132 !important;

        font-size: .61rem !important;
        font-weight: 800 !important;

        letter-spacing: .065em !important;
        line-height: 1.12 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155:not(:has(> .item-154))
    > .item-531::before {
        content: "MÁR PARTNER VAGYOK" !important;

        display: block !important;

        margin: 0 0 4px !important;
        padding: 1px 7px 5px !important;

        color: #a45132 !important;

        font-size: .61rem !important;
        font-weight: 800 !important;

        letter-spacing: .065em !important;
        line-height: 1.12 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .item-251::before {
        content: "SEGÍTSÉG";

        display: block !important;

        margin: 0 0 4px !important;
        padding: 1px 7px 5px !important;

        color: #a45132 !important;

        font-size: .61rem !important;
        font-weight: 800 !important;

        letter-spacing: .065em !important;
        line-height: 1.12 !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > :is(.item-154,.item-531,.item-232,.item-211,
          .item-251,.item-230,.item-231,.item-233) {
        border-left:
            1px solid rgba(28,55,66,.065) !important;

        padding-left:
            10px !important;
    }

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-155
    > .ss-mega-footer {
        grid-column: 1 / -1 !important;
        grid-row: 6 !important;
    }
}


/* Mobile: keep Fiók separator visible.
   Currency label is intentionally NOT added here:
   the existing drawer CSS already supplies exactly one "Pénznem". */

@media (max-width: 991.98px) {

    body.lumina #lumina-nav.ss-nav-v21
    #lumina-submenu-1-105
    > .ss-section-account {
        display: block !important;

        margin: .55rem 0 .15rem !important;

        padding:
            .45rem
            .85rem
            .25rem !important;

        color: #e5b181 !important;

        border-top:
            1px solid rgba(255,255,255,.09) !important;

        font-size: .66rem !important;
        font-weight: 800 !important;

        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }
}


/* HEADER-CLEANUP-02C
   Desktop: keep only the small centred CSS caption above EUR/Váltás.
   The drawer helper label is mobile-only.
*/
@media (min-width: 992px) {
    body.lumina
    #lumina-header
    .lumina__header-utilities
    .ss-drawer-currency-label {
        display: none !important;
    }
}

/* PARTNER-NAV-AUTH-02: explicit guest login, no empty leading account row. */
@media (min-width:992px) {
 body.lumina #lumina-nav.ss-nav-v21 #lumina-submenu-1-155 > .ss-partner-login { grid-column:2!important; grid-row:2!important; border-left:1px solid rgba(28,55,66,.065)!important; padding-left:10px!important; }
 body.lumina #lumina-nav.ss-nav-v21 #lumina-submenu-1-155 > .ss-partner-login::before { content:"MÁR PARTNER VAGYOK"!important; display:block!important; margin:0 0 4px!important; padding:1px 7px 5px!important; color:#a45132!important; font-size:.61rem!important; font-weight:800!important; letter-spacing:.065em!important; line-height:1.12!important; }
 body.lumina #lumina-nav.ss-nav-v21 #lumina-submenu-1-155:has(> .ss-partner-login) > .item-531::before { content:none!important; display:none!important; }
 body.lumina #lumina-nav.ss-nav-v21 #lumina-submenu-1-155:has(> .ss-partner-login) > .item-531 { grid-row:3!important; }
 body.lumina #lumina-nav.ss-nav-v21 #lumina-submenu-1-155:has(> .ss-partner-login) > .item-211 { grid-row:4!important; }
 body.lumina #lumina-nav.ss-nav-v21 #lumina-submenu-1-155:not(:has(> .ss-partner-login)):not(:has(> .item-154)) > .item-531 { grid-row:2!important; }
 body.lumina #lumina-nav.ss-nav-v21 #lumina-submenu-1-155:not(:has(> .ss-partner-login)):not(:has(> .item-154)) > .item-232 { grid-row:3!important; }
 body.lumina #lumina-nav.ss-nav-v21 #lumina-submenu-1-155:not(:has(> .ss-partner-login)):not(:has(> .item-154)) > .item-211 { grid-row:4!important; }
}

/* NAV-HOVER-HOLD-02: JS keeps these panels visible for cursor transfer. */
@media (min-width:992px) and (hover:hover) and (pointer:fine) {
 body.lumina #lumina-nav.ss-nav-v21 > ul > li.ss-mega-parent.ss-hover-held > ul.ss-mega-panel { display:grid!important; }
 body.lumina #lumina-nav.ss-nav-v21 .ss-mega-card.ss-hover-held > ul.lumina__menu-sub { display:block!important; }
}
