/* ============================================================
   Dahinet — Ust navigasyon (masaustu ikonlar + mobil panel)
   ------------------------------------------------------------
   Kaynak: bu dosya HTML ana sayfa menusunun bir kopyasidir.
   KAYNAK: bu dosya HTML ana sayfa menusunun bir kopyasidir.
     index.html  satirlar 111-129  (markup)
     css/navigation.css satirlar 71-118 (mobil kurallar + kirmalilar)

   Ana sayfadan birebir alinan degerler:
     --nav-ink   #142d46   ana metin
     --nav-muted #5d7186   ikincil metin
     --nav-blue  #0066cc   vurgu
     --nav-line  #dde6ef   cizgi/kenarlik
     panel       inset:0 0 0 auto  (SAGDAN), min(420px,100%),
                 translateX(105%) -> none, gölge -16px 0 48px #102d4630,
                 180ms gecis
     overlay     #071d355e, z-index 1001
     toolbar     padding 20px 0, alt cizgi --nav-line
     marka       --nav-blue, Poppins 23px/700, ikon 28px
     kapat       44x44, #f7f9fc zemin, --nav-line kenarlik, 8px kose
     etiket      10px/700, --nav-muted, letter-spacing .12em
     link        min-height 52px, padding 14px 12px, 15px/600
     alt menu    #f7f9fc zemin, #e3eaf3 kenarlik, 10px kose
     urun ogesi  min-height 76px, ikon 40x40 #edf4fc / #2171b9
     hizli islem min-height 48px, #d3deeb kenarlik; SON oge --nav-blue
     hamburger   44x44, #d3deeb kenarlik, cubuk 20x2 --nav-ink

   Fark (bilerek):
     * Ana sayfa 1099px gecisinde mobil menuye gecer. WHMCS temasi masaustu
       kipini `custom.css:511` icinde `@media (min-width: 993px)` +
       `!important` ile kilitliyor ve 5 ayri dosyada birden fazla kirmalilar
       var. Kirilimi 1099'a tasimak bu kilitleri 5 dosyada yeniden yazmayi
       gerektirir; onun yerine temanin kendi 992px gecisi korundu.
       Fark yalnizca 993-1099px araliginda gorunur (tablet yatay).
     * Ana sayfada `nav-product-icon` SVG kullaniyor; WHMCS alt menusi
       Font Awesome ikonu ile ayni 40x40 rozeti kullanmaya devam ediyor.
     * WHMCS alt menusu `ul.dropdown-menu` (Bootstrap isaretligi) ve JS ile
       `.active` sinifi ile aciliyor; ana sayfa `div.dropdown-menu` +
       `hidden` niteligi. CSS ayni gorunumu veriyor, JS degistirilmedi.

   DOM sozlesmeleri (korunur):
     ul.nav-menu#navMenu · button#hamburger (3 span, .active)
     div#navMenuOverlay · button#mobileMenuClose
     button#accountNotificationsCompact[data-toggle=popover][data-notification-source]
     a.btn-icon.btn-cart-compact · a.btn-icon.btn-account-compact
     a.btn-icon.btn-logout-compact · span.icon-badge
     li.dropdown > a.dropdown-toggle[aria-expanded] > ul.dropdown-menu
     li.mobile-menu-toolbar · li.mobile-quick-actions
     li.mobile-menu-section-label · li.mobile-account-menu
     nth-child(5|6|8) masaustu gizleme -> 1-8. `<li>` sirasi degismedi
   ============================================================ */

/* ============================================================
   BOLUM 1 — Ust serit ikonlari (tum genislikler)
   ------------------------------------------------------------
   HTML ana sayfa `css/navigation.css:32-40` ve `index.html:129`
   ile birebir. HTML'de ikonlar dolu Font Awesome degil, cizgi
   (outline) SVG: `fill:none stroke:currentColor stroke-width:1.8`,
   24x24 viewBox, yuvarlak cap/join. Butonlar kenarlikli hap.
   ============================================================ */

/* Renk belirtecleri: mobil panelle ayni, masaustune de uygulanir. */
body.dahinet-theme .dahinet-header {
    --nav-ink: #142d46;
    --nav-muted: #5d7186;
    --nav-blue: #0066cc;
    --nav-line: #dde6ef;
    --nav-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body.dahinet-theme .dn-nav-icon {
    display: block;
    width: 18px;
    height: 18px;
    flex: none;
    overflow: visible;
}

/* Aksiyon dugmeleri: HTML `.nav-action-panel` / `.nav-action-register` */
body.dahinet-theme .dahinet-header .navbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* 44px tema dokunma hedefi (`theme-refresh.css:82-86` `!important` ile
       zorluyor ve WCAG 2.5.5 icin dogru deger); burada da ayni olculuyo. */
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0 !important;
    gap: 0;
    background: #ffffff !important;
    border: 1px solid #cedbe8 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: var(--nav-ink) !important;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-icon .dn-nav-icon {
    width: 19px;
    height: 19px;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-icon:hover,
body.dahinet-theme .dahinet-header .navbar-actions .btn-icon:focus-visible {
    background: #edf4fc !important;
    border-color: #a6c4e4 !important;
    color: var(--nav-blue) !important;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-icon:focus-visible {
    outline: 3px solid #0076d5;
    outline-offset: 2px;
}
/* Cikis: geri dondurulebilir bir eylem gibi gorunmesin diye daha soluk */
body.dahinet-theme .dahinet-header .navbar-actions .btn-logout-compact {
    color: var(--nav-muted) !important;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-logout-compact:hover {
    background: #fdeeee !important;
    border-color: #f0b4b4 !important;
    color: #b91c1c !important;
}

/* Sayac rozeti: HTML'de yok; tema gelenegini koruyup yeni dil ile
   hizaladik. `theme-refresh.css:87` rozeti `background:#1d4ed8 !important`
   ile maviye zorluyordu; bu dosya son katman oldugu icin `!important`
   kullanmak zorunlu. Kirmizi, "burada bir sey var" sinyalini tasir. */
body.dahinet-theme .dahinet-header .navbar-actions .icon-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border: 2px solid #ffffff;
    border-radius: 999px !important;
    background: #d92d20 !important;
    color: #ffffff !important;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

/* Hamburger da ayni kalem ailesine girdi */
body.dahinet-theme .dahinet-header .hamburger {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    padding: 0;
    background: #ffffff !important;
    border: 1px solid #d3deeb !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: var(--nav-ink) !important;
    cursor: pointer;
}
body.dahinet-theme .dahinet-header .hamburger span {
    display: block;
    width: 19px;
    height: 2px;
    background: var(--nav-ink) !important;
    border-radius: 0;
    transition: transform 160ms ease, opacity 160ms ease;
}
body.dahinet-theme .dahinet-header .hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.dahinet-theme .dahinet-header .hamburger.active span:nth-child(2) { opacity: 0; }
body.dahinet-theme .dahinet-header .hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
body.dahinet-theme .dahinet-header .hamburger:focus-visible {
    outline: 3px solid #0076d5;
    outline-offset: 2px;
}

/* Giris / Kayit butonlari: HTML `.nav-action-register` ile ayni */
body.dahinet-theme .dahinet-header .navbar-actions .btn-secondary-outline,
body.dahinet-theme .dahinet-header .navbar-actions .btn-primary-header {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4;
    text-decoration: none;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-secondary-outline {
    background: #ffffff !important;
    border: 1px solid #cedbe8 !important;
    color: var(--nav-ink) !important;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-secondary-outline:hover {
    background: #edf4fc !important;
    border-color: #a6c4e4 !important;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-primary-header {
    background: var(--nav-blue) !important;
    border: 1px solid var(--nav-blue) !important;
    color: #ffffff !important;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-primary-header:hover {
    background: #0054aa !important;
    border-color: #0054aa !important;
}
body.dahinet-theme .dahinet-header .navbar-actions .btn-primary-header .dn-nav-icon {
    width: 16px;
    height: 16px;
}

/* Masaustu nav linklerindeki dolu ikonlar da ayni cizgi diline gecer.
   `custom.css` ve `theme-refresh.css` bu ogeleri kutu olarak boyuyordu. */
body.dahinet-theme .dahinet-header .nav-menu > li > a > i.fas,
body.dahinet-theme .dahinet-header .nav-menu > li > a > i.far,
body.dahinet-theme .dahinet-header .nav-menu > li > a > i.fab {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: inherit;
    width: 17px;
    min-width: 17px;
    font-size: 15px !important;
}

/* Urunler dugmesi: HTML `navigation.css:25` bu ogeyi `inline-flex` +
   `gap:8px` ile kuruyor. `<a>` `inline-block` kalirsa blok olmayan SVG
   chevron asagi satirda kalir ve oge digerlerinden uzun olurdu
   (44px yerine 59px). Ayni kurali birebir uyguluyoruz. */
body.dahinet-theme .dahinet-header .nav-menu .dropdown > a.dropdown-toggle {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 44px;
}
body.dahinet-theme .dahinet-header .nav-menu .dropdown > a.dropdown-toggle > .dn-nav-chevron {
    display: inline-block !important;
    width: 15px;
    height: 15px;
    margin-left: 0;
    flex: none;
    vertical-align: middle;
    color: var(--nav-muted);
    transition: transform 160ms ease;
}
body.dahinet-theme .dahinet-header .nav-menu .dropdown.active > a.dropdown-toggle > .dn-nav-chevron {
    transform: rotate(180deg);
    color: var(--nav-blue);
}

/* ONEMLI — duzeltici kural.
   `custom.css:511-516` masaustunde `.nav-menu > li:nth-child(5|6|8)`
   (Duyurular / Bilgi Bankasi / Iletisim) ogelerini `display:none !important`
   ile gizliyor. `theme-refresh.css` bunu 272-274'te geri gostererek
   duzeltiyordu; o satir bu oturumda "olu katman" sanilip silinince
   uc menu kayboldu. Duzeltici kural buraya, son katmana tasindi.
   `custom.css:3337` ayni iki ogeyi dar ekranlarda gizliyor; onu da
   asagidaki kurallar gecersiz kiliyor. */
@media (min-width: 993px) {
    body.dahinet-theme .dahinet-header .nav-menu > li:nth-child(5),
    body.dahinet-theme .dahinet-header .nav-menu > li:nth-child(6),
    body.dahinet-theme .dahinet-header .nav-menu > li:nth-child(8) {
        display: list-item !important;
    }
}

/* Masaustu: yalnizca mobilde anlamli olan bloklar gizlenir.
   `custom.css:518-525` `.mobile-menu-toolbar`, `.mobile-quick-actions`,
   `.mobile-menu-section-label` ve `.mobile-account-menu` icin zaten
   `display:none !important` uyguluyor; bu iki yeni sinif o listede
   olmadigi icin burada ekleniyor. Aksi halde "KEŞFEDİN" ve "Destek
   talebi olustur" masaustu nav bar'inda gorunur ve ust serit
   dugmelerini tasirdi. */
@media (min-width: 993px) {
    body.dahinet-theme .dahinet-header .nav-menu > li.nav-mobile-label,
    body.dahinet-theme .dahinet-header .nav-menu > li.nav-mobile-help {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dahinet-theme .dahinet-header :is(.btn-icon, .hamburger span, .dn-nav-chevron, .btn-secondary-outline, .btn-primary-header) {
        transition: none !important;
    }
}

/* ============================================================
   BOLUM 2 — Mobil acilir menu (sagdan panel)
   ============================================================ */

@media (max-width: 992px) {

    /* ── Ana sayfadaki renk belirtecleri ── */
    body.dahinet-theme .dahinet-header {
        --nav-ink: #142d46;
        --nav-muted: #5d7186;
        --nav-blue: #0066cc;
        --nav-line: #dde6ef;
        --nav-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    /* ── Panel: SAGDAN ── */
    body.dahinet-theme .dahinet-header .nav-menu {
        position: fixed !important;
        inset: 0 0 0 auto !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        margin: 0 !important;
        width: min(420px, 100%) !important;
        max-width: 420px !important;
        height: 100vh !important;
        height: 100dvh !important;
        padding: 0 24px 24px !important;
        gap: 0 !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        background: #ffffff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        transform: translateX(105%) !important;
        visibility: hidden !important;
        opacity: 1 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        z-index: 1002 !important;
        transition: transform 180ms ease, visibility 180ms ease !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu.active {
        left: auto !important;
        transform: none !important;
        visibility: visible !important;
        box-shadow: -16px 0 48px #102d4630 !important;
    }
    /* Yeni eklenen iki `<li>`yi de gecirmeyen taban: `custom.css:3337`
       `:nth-child(5|6)` mobilde ogeleri gizliyor. */
    body.dahinet-theme .dahinet-header .nav-menu > li { display: list-item !important; }

    /* ── Overlay ── */
    body.dahinet-theme .dahinet-header .nav-menu-overlay {
        display: block !important;
        position: fixed;
        inset: 0;
        background: #071d355e;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        z-index: 1001;
        transition: opacity 180ms ease, visibility 180ms ease;
    }
    body.dahinet-theme .dahinet-header .nav-menu-overlay.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /* ── Ust serit: marka + kapatma ── */
    body.dahinet-theme .dahinet-header .nav-menu > li.mobile-menu-toolbar {
        display: flex !important;
        align-items: center;
        justify-content: space-between !important;
        flex-shrink: 0;
        width: 100% !important;
        min-height: 0;
        margin: 0 0 24px !important;
        padding: 20px 0 !important;
        background: #ffffff !important;
        border-bottom: 1px solid var(--nav-line) !important;
        box-shadow: none !important;
        order: -2;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-brand {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;
        /* `custom.css:4398-4412` bu elemana `font-size:2rem`, 'Plus Jakarta
           Sans' ve `line-height:1` degerlerini `!important` ile veriyor.
           Ana sayfa degeri 23px Poppins; son katman oldugumuz icin
           `!important` kullanmak zorunlu. */
        color: var(--nav-blue) !important;
        font-family: 'Poppins', var(--nav-font) !important;
        font-size: 23px !important;
        font-weight: 700 !important;
        letter-spacing: -.03em !important;
        line-height: 1.2 !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-brand .dn-nav-icon {
        width: 28px !important;
        height: 28px !important;
        color: inherit;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-close {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 0 !important;
        background: #f7f9fc !important;
        border: 1px solid var(--nav-line) !important;
        border-radius: 8px !important;
        box-shadow: none !important;
        color: var(--nav-ink) !important;
        cursor: pointer;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-close .dn-nav-icon {
        width: 20px !important;
        height: 20px !important;
        color: inherit;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-menu-close:hover {
        background: #eef3f9 !important;
    }

    /* ── Bolum etiketi (KEŞFEDİN) ── */
    body.dahinet-theme .dahinet-header .nav-menu > li.nav-mobile-label {
        display: block !important;
        order: -1;
        width: 100%;
        margin: 0 0 10px !important;
        padding: 0 12px !important;
        background: transparent !important;
        color: var(--nav-muted) !important;
        font-family: var(--nav-font);
        font-size: 10px !important;
        font-weight: 700;
        letter-spacing: .12em;
        line-height: 1.4;
    }

    /* ── Ana link listesi ── */
    body.dahinet-theme .dahinet-header .nav-menu > li { width: 100%; margin: 0; }
    body.dahinet-theme .dahinet-header .nav-menu > li > a,
    body.dahinet-theme .dahinet-header .nav-menu .dropdown > a.dropdown-toggle,
    body.dahinet-theme .dahinet-header .nav-menu li.mobile-account-menu > a {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
        min-height: 52px;
        margin: 0;
        padding: 14px 12px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
        font-family: var(--nav-font) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.4;
        white-space: normal !important;
        color: var(--nav-ink) !important;
        text-decoration: none;
    }
    body.dahinet-theme .dahinet-header .nav-menu > li > a::after { display: none !important; }
    body.dahinet-theme .dahinet-header .nav-menu > li > a:hover,
    body.dahinet-theme .dahinet-header .nav-menu > li > a:focus-visible {
        background: #f2f6fb !important;
        color: var(--nav-blue) !important;
    }
    /* Ana sayfada ust duzey linklerin yaninda ikon yok. */
    body.dahinet-theme .dahinet-header .nav-menu > li > a > i.fas,
    body.dahinet-theme .dahinet-header .nav-menu > li > a > i.far,
    body.dahinet-theme .dahinet-header .nav-menu > li > a > i.fab,
    body.dahinet-theme .dahinet-header .nav-menu li.mobile-account-menu > a > i.fas {
        display: none !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu > li > a.active,
    body.dahinet-theme .dahinet-header .nav-menu > li > a.is-active,
    body.dahinet-theme .dahinet-header .nav-menu > li > a.btn-login {
        background: #edf4fc !important;
        color: var(--nav-blue) !important;
    }

    /* ── Alt menu (accordion) ── */
    body.dahinet-theme .dahinet-header .nav-menu .dropdown { width: 100%; }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown > a.dropdown-toggle {
        justify-content: space-between;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown > a.dropdown-toggle > .dn-nav-chevron {
        display: inline-block !important;
        width: 16px !important;
        min-width: 16px !important;
        height: 16px !important;
        margin-left: auto;
        color: var(--nav-muted);
        background: transparent !important;
        border: 0 !important;
        transition: transform 160ms ease;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown.active > a.dropdown-toggle {
        background: #edf4fc !important;
        color: var(--nav-blue) !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown.active > a.dropdown-toggle > .dn-nav-chevron {
        transform: rotate(180deg);
        color: var(--nav-blue);
    }
    /* ESKI MEKANIZMA KAPATILDI. `custom.css:3571-3597` alt menuyu
       `max-height:0` + `overflow:hidden` ile animasyona sokuyordu ve
       `custom.css:673` `display:block !important` veriyordu (gizlemeyi
       opacity ile yapiyor, media sorgusunda degil). Butun degerler
       `!important`: bu dosya cascade'in son katmani.
       Yorumlar blok disinda tutulur; blok ici yorum sonrasi
       bildirimler tarayici tarafindan sessizce dusuyor. */
    body.dahinet-theme .dahinet-header .nav-menu .dropdown > .dropdown-menu,
    body.dahinet-theme .dahinet-header .nav-menu .dropdown.active > .dropdown-menu,
    body.dahinet-theme .dahinet-header .nav-menu .dropdown:focus-within > .dropdown-menu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
        top: auto !important;
        left: auto !important;
        margin: 8px 0 12px !important;
        padding: 6px !important;
        background: #f7f9fc !important;
        border: 1px solid #e3eaf3 !important;
        border-left: 1px solid #e3eaf3 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
        transform: none !important;
        transition: none !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown.active > .dropdown-menu,
    body.dahinet-theme .dahinet-header .nav-menu .dropdown:focus-within > .dropdown-menu {
        display: block !important;
        pointer-events: auto !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu::before { display: none !important; }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu li { width: 100%; }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-width: 0;
        min-height: 76px;
        padding: 12px 8px !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        border-radius: 9px !important;
        box-shadow: none !important;
        color: var(--nav-ink) !important;
        text-decoration: none;
        transform: none !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a::after { display: none !important; }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a:hover,
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a:focus-visible {
        background: #f2f7fd !important;
        border-color: #e1ebf6 !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a > i.fas {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: none;
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        background: #edf4fc !important;
        border: 0 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
        color: #2171b9 !important;
        font-size: 20px !important;
        line-height: 1;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a > div { min-width: 0; }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a strong {
        display: block;
        margin: 0 0 3px;
        font-family: var(--nav-font);
        font-size: 14px !important;
        font-weight: 600;
        line-height: 1.5;
        color: var(--nav-ink) !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .dropdown-menu a span {
        display: block;
        font-family: var(--nav-font);
        font-size: 11px !important;
        font-weight: 400;
        line-height: 1.5;
        color: var(--nav-muted) !important;
    }

    /* ── Hizli islem kartlari ── */
    body.dahinet-theme .dahinet-header .nav-menu > li.mobile-quick-actions {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 10px;
        width: 100%;
        order: 10;
        margin: 24px 0 12px !important;
        padding: 22px 0 0 !important;
        background: transparent !important;
        border-top: 1px solid var(--nav-line) !important;
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
        min-height: 48px;
        padding: 12px !important;
        background: #ffffff !important;
        border: 1px solid #d3deeb !important;
        border-radius: 8px !important;
        box-shadow: none !important;
        color: var(--nav-ink) !important;
        font-family: var(--nav-font);
        font-size: 13px !important;
        font-weight: 600;
        line-height: 1.4;
        text-decoration: none;
    }
    /* Ana sayfa `navigation.css:98`: son kart birincil eylem (mavi). */
    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link:last-child {
        background: var(--nav-blue) !important;
        border-color: var(--nav-blue) !important;
        color: #ffffff !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link:hover {
        background: #eef3f9 !important;
        border-color: var(--nav-blue) !important;
        color: var(--nav-blue) !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link:last-child:hover {
        background: #0054aa !important;
        color: #ffffff !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .mobile-action-link > i.fas {
        width: 18px;
        height: 18px;
        padding: 0;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        color: inherit !important;
        font-size: 15px !important;
    }

    /* ── Hesap kisayollari (giris yapilmis durum) ── */
    body.dahinet-theme .dahinet-header .nav-menu li.mobile-menu-section-label {
        order: 5;
        padding: 22px 12px 8px !important;
        background: transparent !important;
        color: var(--nav-muted) !important;
        font-family: var(--nav-font);
        font-size: 10px !important;
        font-weight: 700;
        letter-spacing: .12em;
        line-height: 1.4;
        text-transform: uppercase;
    }
    body.dahinet-theme .dahinet-header .nav-menu li.mobile-account-menu {
        display: block !important;
        width: 100%;
    }
    body.dahinet-theme .dahinet-header .nav-menu li.mobile-account-menu > a {
        min-height: 48px;
        font-size: 15px !important;
    }

    /* ── Destek satiri ── */
    body.dahinet-theme .dahinet-header .nav-menu > li.nav-mobile-help {
        display: block !important;
        order: 20;
        width: 100%;
        margin: 8px 0 0 !important;
        padding: 0 12px !important;
        background: transparent !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .nav-mobile-help a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 44px;
        padding: 8px 0;
        background: transparent !important;
        border: 0 !important;
        border-radius: 7px !important;
        font-family: var(--nav-font);
        font-size: 12px !important;
        font-weight: 500;
        color: var(--nav-muted) !important;
        text-decoration: none;
    }
    body.dahinet-theme .dahinet-header .nav-menu .nav-mobile-help a:hover {
        color: var(--nav-blue) !important;
    }
    body.dahinet-theme .dahinet-header .nav-menu .nav-mobile-help a > i.fas {
        width: 14px;
        height: 14px;
        padding: 0;
        background: transparent !important;
        border: 0 !important;
        font-size: 13px !important;
        color: inherit !important;
    }

    /* ── Hamburger ── */
    body.dahinet-theme .dahinet-header .hamburger {
        position: relative;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 10px !important;
        background: #ffffff !important;
        border: 1px solid #d3deeb !important;
        border-radius: 8px !important;
        box-shadow: none !important;
        color: var(--nav-ink) !important;
        cursor: pointer;
    }
    body.dahinet-theme .dahinet-header .hamburger span {
        display: block;
        width: 20px;
        height: 2px;
        background: var(--nav-ink) !important;
        border-radius: 0;
        transition: transform 160ms ease, opacity 160ms ease;
    }
    body.dahinet-theme .dahinet-header .hamburger.active span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }
    body.dahinet-theme .dahinet-header .hamburger.active span:nth-child(2) { opacity: 0; }
    body.dahinet-theme .dahinet-header .hamburger.active span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* ── Klavye odagi ── */
    body.dahinet-theme .dahinet-header .nav-menu :is(a, button):focus-visible,
    body.dahinet-theme .dahinet-header .hamburger:focus-visible {
        outline: 3px solid #0076d5;
        outline-offset: 3px;
        border-radius: 8px;
    }
}

/* Ana sayfa `navigation.css:107-118`: 575px altinda yatay dolgu 20px. */
@media (max-width: 575px) {
    body.dahinet-theme .dahinet-header .nav-menu { padding-inline: 20px !important; }
}

@media (max-width: 992px) and (prefers-reduced-motion: reduce) {
    body.dahinet-theme .dahinet-header .nav-menu,
    body.dahinet-theme .dahinet-header .nav-menu-overlay,
    body.dahinet-theme .dahinet-header .hamburger span,
    body.dahinet-theme .dahinet-header .nav-menu .dropdown > a.dropdown-toggle > .dn-nav-chevron {
        transition: none !important;
    }
}