/* ════════════════════════════════════════════════════════════════════
   SUB-NAV ACTIVE STATE FIX — BS-paralel gold underline + active state
   ════════════════════════════════════════════════════════════════════
   Hedef: top sub-nav (.hdr-navigation-link-bc) BS davranışıyla birebir.

   BS BLUEPRINT (m.bahissende301.com /tr/casino/slots ölçümü):
   ─ INACTIVE (default):
     · color: rgba(255,255,255,0.8)
     · box-shadow: rgba(255,255,255,0.05) 0 -2px 0 0 inset (top inset hint)
     · ::after — gold gradient underline (always visible)
       · bottom 6px, height 1px, position absolute
       · left 10px, right 10px (10px iç padding)
       · background: linear-gradient(90deg,
           rgba(0,0,0,0) 0%,
           rgba(212,175,55,0.4) 20%,
           rgba(232,201,74,0.95) 50%,
           rgba(212,175,55,0.4) 80%,
           rgba(0,0,0,0) 100%)
   ─ ACTIVE:
     · color: rgb(255,255,255) (full white, opacity 1)
     · box-shadow: none
     · ::before — full-area subtle white overlay
       · position absolute, top 0, bottom 0, left 0, right 0
       · background: rgba(255,255,255,0.05)
     · ::after — same gold gradient underline (unchanged)

   MR ROUTE: server-side `.active` class already attached when current
   route matches link target (verified: /tr/slot → SLOT.active).

   STRUCTURE NOTE: <a class="hdr-navigation-link-bc"> sits inside
   <div class="hdr-navigation-scrollable-content">
   inside <nav class="mainMenu mainMenu-standalone hdr-navigation-scrollable hdr-navigation-scrollable-bc">
   inside <div class="hdr-navigation-scrollable-bc-holder">
   (NOT inside <ul li>), so theme `.mainMenu ul li a::after` selector
   misses. We target `.hdr-navigation-link-bc` directly with HIGHER
   specificity than nav-fix.css cascading rules.

   File-ownership (rule #30): bu dosyaya başka agent dokunmaz.
   Specificity-mirror (rule #151): nav-fix.css uses
   `html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > .hdr-navigation-link-bc`
   (5 class + 1 element + 1 child combinator). We mirror this
   specificity exactly + append `a.` for an extra type selector.
   ──────────────────────────────────────────────────────────────────── */

/* ─────────────────────────────────────────────────────────────────
   INACTIVE STATE: text color + top inset hint + typography
   Specificity match-or-beat nav-fix.css:
   `html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder
    .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc`
   ───────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site nav.hdr-navigation-scrollable-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc,
html.mobile-root body.mobile-site nav.mainMenu .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc {
    position: relative !important;
    color: rgba(255, 255, 255, 0.8) !important;
    background-color: transparent !important;
    box-shadow: rgba(255, 255, 255, 0.05) 0 -2px 0 0 inset !important;
    transition: color 0.2s ease, box-shadow 0.2s ease !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
    height: 40px !important;
    padding: 0 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    border-bottom: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* ─────────────────────────────────────────────────────────────────
   INACTIVE ::after: gold gradient underline (always visible)
   ───────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::after,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content a.hdr-navigation-link-bc::after,
html.mobile-root body.mobile-site nav.hdr-navigation-scrollable-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::after,
html.mobile-root body.mobile-site nav.mainMenu .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::after {
    content: "" !important;
    position: absolute !important;
    bottom: 6px !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    height: 1px !important;
    width: auto !important;
    background-color: transparent !important;
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(212, 175, 55, 0.4) 20%,
        rgba(232, 201, 74, 0.95) 50%,
        rgba(212, 175, 55, 0.4) 80%,
        rgba(0, 0, 0, 0) 100%
    ) !important;
    pointer-events: none !important;
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
    transition: opacity 0.2s ease !important;
}

/* ─────────────────────────────────────────────────────────────────
   INACTIVE ::before: hidden by default
   ───────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::before,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content a.hdr-navigation-link-bc::before,
html.mobile-root body.mobile-site nav.hdr-navigation-scrollable-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::before,
html.mobile-root body.mobile-site nav.mainMenu .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::before {
    content: none !important;
}

/* ─────────────────────────────────────────────────────────────────
   ACTIVE STATE: full-white text + top shadow removed
   ───────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content a.hdr-navigation-link-bc.active,
html.mobile-root body.mobile-site nav.hdr-navigation-scrollable-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active,
html.mobile-root body.mobile-site nav.mainMenu .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active {
    color: rgb(255, 255, 255) !important;
    box-shadow: none !important;
    z-index: 1 !important;
}

/* ─────────────────────────────────────────────────────────────────
   ACTIVE ::before: subtle white overlay (full element area)
   ───────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::before,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content a.hdr-navigation-link-bc.active::before,
html.mobile-root body.mobile-site nav.hdr-navigation-scrollable-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::before,
html.mobile-root body.mobile-site nav.mainMenu .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    width: auto !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    background-image: none !important;
    pointer-events: none !important;
    display: block !important;
    opacity: 1 !important;
    z-index: 0 !important;
    transform: none !important;
    transition: background-color 0.2s ease !important;
}

/* ─────────────────────────────────────────────────────────────────
   ACTIVE ::after: solid gold underline (BS-paralel selected indicator)
   ITER 343 — user 2026-05-08: "altındaki sarı çizgi" net görünmeli
   ───────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::after,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content a.hdr-navigation-link-bc.active::after,
html.mobile-root body.mobile-site nav.hdr-navigation-scrollable-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::after,
html.mobile-root body.mobile-site nav.mainMenu .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 4px !important;
    left: 8px !important;
    right: 8px !important;
    top: auto !important;
    height: 2px !important;
    width: auto !important;
    background-color: #d4af37 !important;
    background-image: none !important;
    border-radius: 2px !important;
    box-shadow: 0 0 6px rgba(212, 175, 55, 0.6) !important;
    pointer-events: none !important;
    display: block !important;
    opacity: 1 !important;
    z-index: 2 !important;
}

html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active > * {
    position: relative !important;
    z-index: 1 !important;
}

/* ─────────────────────────────────────────────────────────────────
   HOVER STATE: brighten text (matches BS subtle hover)
   ───────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc:hover,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content a.hdr-navigation-link-bc:hover,
html.mobile-root body.mobile-site nav.hdr-navigation-scrollable-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc:hover {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* ─────────────────────────────────────────────────────────────────
   span inside: BS shows uppercase Roboto 16/400 — match
   ───────────────────────────────────────────────────────────────── */
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc > span,
html.mobile-root body.mobile-site .hdr-navigation-scrollable-bc-holder .hdr-navigation-scrollable-content a.hdr-navigation-link-bc > span,
html.mobile-root body.mobile-site nav.hdr-navigation-scrollable-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc > span {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    color: inherit !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
}

/* ════════════════════════════════════════════════════════════════════
   ITER 126 — SUB-NAV (ANA SAYFA / TURNUVALAR / JACKPOTLAR) BS-EXACT
   Kullanıcı resmi (2026-04-30): BS slot sayfası sub-nav
   ────────────────────────────────────────────────────────────────────
   BS BLUEPRINT (resimden):
   - Height: ~48-52px
   - INACTIVE: text rgba(255,255,255,0.7), NO underline
   - ACTIVE (ANA SAYFA): 3-4px solid gold (#d4af37) underline at bottom
                         + bright white text
   - Eşit width (3 link 33% each)
   - Font: 14px Roboto medium uppercase
   - Background: transparent (parent body bg)
   ──────────────────────────────────────────────────────────────────── */

/* Sub-nav holder — eşit width 3 link */
html.mobile-root body.mobile-site .hdr-sub-navigation-holder,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc {
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    background: transparent !important;
}

html.mobile-root body.mobile-site .hdr-sub-navigation-holder .hdr-navigation-scrollable-content,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc .hdr-navigation-scrollable-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100% !important;
    height: 48px !important;
}

/* Sub-nav links — ITER 241: BS-paralel — uzun sarı çizgi KALDIRILDI
 * border-bottom YALNIZ .active'de (BS resmi: sadece aktif tab'ın altında çizgi) */
html.mobile-root body.mobile-site .hdr-sub-navigation-holder.hdr-sub-navigation-holder.hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.hdr-navigation-link-bc.hdr-navigation-link-bc,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc.hdr-sub-navigation-bc.hdr-sub-navigation-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.hdr-navigation-link-bc.hdr-navigation-link-bc,
html[lang] body.mobile-site .hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc[href] {
    flex: 1 1 0 !important;
    flex-grow: 1 !important;
    flex-basis: 0 !important;
    width: 33.333% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    padding: 0 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
    border-top: none !important;
    text-align: center !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ITER 127 — span title font-size override, theme-robinbet-mobile zaten 10px+letter-spacing zorluyor */
html.mobile-root body.mobile-site .hdr-sub-navigation-holder.hdr-sub-navigation-holder.hdr-sub-navigation-holder a.hdr-navigation-link-bc > span.nav-menu-title.nav-menu-title.nav-menu-title,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc.hdr-sub-navigation-bc.hdr-sub-navigation-bc a.hdr-navigation-link-bc > span.nav-menu-title.nav-menu-title.nav-menu-title,
html[lang] body.mobile-site .hdr-sub-navigation-holder a.hdr-navigation-link-bc[href] > span.nav-menu-title {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 48px !important;
    letter-spacing: 0.5px !important;
    color: inherit !important;
    text-transform: uppercase !important;
}

html.mobile-root body.mobile-site .hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc > span,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc > span {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 48px !important;
    color: inherit !important;
}

/* INACTIVE — gradient underline kaldır (BS-paralel: yalnız active'de underline) */
html.mobile-root body.mobile-site .hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::after,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::after {
    content: none !important;
    display: none !important;
}

html.mobile-root body.mobile-site .hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::before,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc::before {
    content: none !important;
    display: none !important;
}

/* ITER 275 — INACTIVE sub-nav links bright white (BS-paralel) */
html.mobile-root body.mobile-site .hdr-sub-navigation-holder.hdr-sub-navigation-holder.hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.hdr-navigation-link-bc,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc.hdr-sub-navigation-bc.hdr-sub-navigation-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.hdr-navigation-link-bc,
html[lang] body.mobile-site .hdr-sub-navigation-holder a.hdr-navigation-link-bc[href] {
    color: #ffffff !important;
}
html.mobile-root body.mobile-site .hdr-sub-navigation-holder.hdr-sub-navigation-holder.hdr-sub-navigation-holder a.hdr-navigation-link-bc > span.nav-menu-title.nav-menu-title.nav-menu-title,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc.hdr-sub-navigation-bc.hdr-sub-navigation-bc a.hdr-navigation-link-bc > span.nav-menu-title.nav-menu-title.nav-menu-title,
html[lang] body.mobile-site .hdr-sub-navigation-holder a.hdr-navigation-link-bc[href] > span.nav-menu-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* ACTIVE — 3px solid gold bottom underline + bright white text (triple-class boost) */
html.mobile-root body.mobile-site .hdr-sub-navigation-holder.hdr-sub-navigation-holder.hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.hdr-navigation-link-bc.active,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc.hdr-sub-navigation-bc.hdr-sub-navigation-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.hdr-navigation-link-bc.active,
html[lang] body.mobile-site .hdr-sub-navigation-holder a.hdr-navigation-link-bc.active[href] {
    color: #ffffff !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 3px solid #d4af37 !important;
}

html.mobile-root body.mobile-site .hdr-sub-navigation-holder.hdr-sub-navigation-holder.hdr-sub-navigation-holder a.hdr-navigation-link-bc.active > span.nav-menu-title.nav-menu-title.nav-menu-title,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc.hdr-sub-navigation-bc.hdr-sub-navigation-bc a.hdr-navigation-link-bc.active > span.nav-menu-title.nav-menu-title.nav-menu-title,
html[lang] body.mobile-site .hdr-sub-navigation-holder a.hdr-navigation-link-bc.active[href] > span.nav-menu-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* ACTIVE ::before/::after — geçersiz kıl (BS resme göre yalnızca solid border-bottom) */
html.mobile-root body.mobile-site .hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::before,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::before,
html.mobile-root body.mobile-site .hdr-sub-navigation-holder .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::after,
html.mobile-root body.mobile-site .hdr-sub-navigation-bc .hdr-navigation-scrollable-content > a.hdr-navigation-link-bc.active::after {
    content: none !important;
    display: none !important;
}

/* ITER 401 (2026-05-13): ITER 400 sub-nav stacking override REVERTED.
 * Gerçek BS audit: sub-nav (.hdr-sub-navigation-holder) FOUND:FALSE — BS'de YOK.
 * SiteHeader.astro sub-nav render bloğu silindi + slot-audit-fixes.css main nav hide kaldırıldı.
 * Bu dosya artık SADECE active-state underline CSS içerir (yukarıdaki bloklar).
 */