/* =============================================================================
   far360 — A MENUSOR TELEFONOS ALAKJA (admin fejlec + ugyfelportal fejlec).

   MIERT ONALLO FAJL es nem a nav.css vege: a nav.css 176 sor, a hazirendi korlat
   200 — az osszecsukhato fiok nem fer bele. A felelosseg is mas: a nav.css a
   menusor ARCULATA, ez a fajl a 992 px alatti VISELKEDES (osszecsukott fiok +
   kapcsologomb). Ugyanaz a kivalasi minta, mint a portal-video.css-nel.

   MERT INDOK (2026-09-26, 375x812 pontos nezetablak, elo peldany):
   * az admin fejlec 360 px magas volt egy 812 px-es kepernyon (44,3%), mert a
     .f-admin-nav 23 eleme NYOLC sorba tordelodott (a nav maga 247 px);
   * a portal fejlece 246 px (a .f-portal-nav ket sor, 108 px);
   * a 12 admin menupont 19 px, a „Kijelentkezes" 16 px, a „Beallitasok" 28 px
     magas volt — a WCAG 2.5.5 44x44-et, a 2.5.8 24x24-et ker.
   Osszecsukva az admin fejlec 76 px, a portal fejlece 100 px, es a fiokban minden
   elem 44 px magas.

   SPECIFIKUSSAG — NE EGYSZERUSITSD .f-nav-mobil-ra: a portal.css a _Stilusok
   partial UTAN toltodik be (_PortalLayout.cshtml), es ott a
   .f-portal-nav { display: flex } all. Egy osztalynyi (0-1-0) szabaly itt
   hatastalan lenne a portalon, ezert minden szabaly .f-header elotaggal (0-2-0)
   fut. Aki ezt „egyszerusiti", a portal navigaciojat rontja el — csendben.

   AKADALYMENTESSEG: a fiok zart allapotban display:none, tehat a fokusz-sorrendbol
   is kiesik — ez a HELYES viselkedes, nem kell hozza inert. A kapcsolo
   aria-expanded/aria-controls huzalozasa a Views/Shared/_NavKapcsolo.cshtml-ben
   van, a nyitas/zaras a wwwroot/js/nav-mobil.js-ben.
   ============================================================================= */

/* 993 px-tol a kapcsolo nincs jelen — a menusor a megszokott asztali alakjaban all. */
.f-nav-kapcsolo { display: none; }

@media (max-width: 992px) {
    .f-nav-kapcsolo {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        min-width: 44px;
        min-height: 44px;
        padding: 0 0.7rem;
        background: none;
        border: 1px solid rgba(255, 255, 255, .22);
        border-radius: var(--f-radius-sm);
        font-family: var(--f-font-mono);
        font-size: 0.75rem;
        font-weight: 500;
        letter-spacing: 0.07em;
        text-transform: uppercase;
        color: #E6E6E6;
        cursor: pointer;
    }
    .f-public .f-nav-kapcsolo {
        color: var(--f-ink);
        border-color: var(--glass-line-soft);
    }

    /* Harom vonal, betukeszlet-fuggetlenul (a DM Mono-ban nincs hamburger-jel). */
    .f-nav-kapcsolo__ikon {
        width: 16px;
        height: 2px;
        background: currentColor;
        box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor;
    }

    /* A fiok a .f-header__inner HARMADIK sora (order: 3 + 100% szelesseg).
       A max-height a K-5 kockazat ellen van: nyitott fiokkal a ragado fejlec
       ujra elnyelne a kepernyot, igy viszont a fiok maga gorgethetove valik. */
    .f-header .f-nav-mobil {
        display: none;
        order: 3;
        flex-direction: column;
        /* A flex-wrap: wrap-ot (nav.css / portal.css) KI KELL kapcsolni: oszlop-iranyu
           flexben a wrap UJ OSZLOPBA tordeli azt, ami a max-height ala nem fer be —
           merve 654 px-es vizszintes gorgetes a nyitott fiokban. */
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 0;
        width: 100%;
        max-height: 70vh;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 0.4rem;
    }
    .f-header .f-nav-mobil--nyitva { display: flex; }

    .f-header .f-nav-mobil > a,
    .f-header .f-nav-mobil .f-link-button,
    .f-header .f-nav-mobil .f-nav-dropdown__toggle {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        padding: 0 0.25rem;
        font-size: 0.8rem;
    }
    .f-header .f-nav-mobil .f-admin-nav__logout,
    .f-header .f-nav-mobil .f-portal-nav__logout { width: 100%; }
    .f-header .f-nav-mobil .f-link-button { justify-content: flex-start; }

    /* A lenyilo menu telefonon BEHUZOTT ALLISTA: az absolute pozicionalas a
       fiokbol kilogna (levagott feliratok). A nav.css 992-es left:0 szabalya
       ezert itt felulirasra kerul — de NEM torolheto, mert 993-1200 px kozott
       tovabbra is az az ervenyes. */
    .f-header .f-nav-mobil .f-nav-dropdown { width: 100%; }
    .f-header .f-nav-mobil .f-nav-dropdown__menu {
        position: static;
        min-width: 0;
        max-width: none;
        margin: 0 0 0 1rem;
        padding: 0;
        background: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: 0;
        box-shadow: none;
    }
    .f-header .f-nav-mobil .f-nav-dropdown__menu a {
        display: flex;
        align-items: center;
        min-height: 44px;
        padding: 0 0.7rem;
        font-size: 0.8rem;
    }

    /* A fejlecbeli ertesites-jelzes (VisszatoltesJelzo) is a fiokba kerul. */
    .f-header .f-nav-mobil .f-ertesito-jelzes { min-height: 44px; }
}