﻿/* Moon public site - sticky/frosted header & global typography. Extracted from _Layout.cshtml inline <style>. */
        :root {
            --header-hero-h: 84px;
            --header-scrolled-h: 58px;
        }

        /* Global Modern Tipografi: Plus Jakarta Sans (GÃ¶vde & ArayÃ¼z) + Outfit (BaÅŸlÄ±klar) */
        body {
            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        }

        button, input, select, textarea, .btn, .nav_link {
            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
            letter-spacing: -0.015em;
        }

        /* Sabit Pozisyon & PÃ¼rÃ¼zsÃ¼z DonanÄ±m HÄ±zlandÄ±rmalÄ± GeÃ§iÅŸler */
        .site_header {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            z-index: 10000 !important;
            padding: 20px 0 !important;
            box-sizing: border-box !important;
            transition: padding 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                        background-color 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                        backdrop-filter 0.35s ease,
                        -webkit-backdrop-filter 0.35s ease,
                        box-shadow 0.35s ease,
                        border-color 0.35s ease !important;
        }

        /* -------------------------------------------------------------
           1. HERO BANNER DURUMU (Åeffaf / Frosted Glass / Beyaz Metinler)
           ------------------------------------------------------------- */
        body.is-home-page .site_header:not(.is-scrolled) {
            background: rgba(15, 23, 42, 0.28) !important;
            backdrop-filter: blur(14px) saturate(160%) !important;
            -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
            box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15) !important;
        }

        /* Hero: Beyaz Logo */
        body.is-home-page .site_header:not(.is-scrolled) .site_logo img {
            filter: brightness(0) invert(1) !important;
            max-width: 172px !important;
        }

        /* Hero: MenÃ¼ Linkleri */
        body.is-home-page .site_header:not(.is-scrolled) .navbar .nav_link {
            color: #ffffff !important;
            font-weight: 500 !important;
            font-size: 17.5px !important;
            padding: 10px 12px !important;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .navbar .nav_link:hover {
            color: rgba(255, 255, 255, 0.8) !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .navbar .dropdown .nav_link::after {
            filter: brightness(0) invert(1) !important;
        }

        /* Hero: AÃ§Ä±lÄ±r MenÃ¼ Beyaz Kutusu Ä°Ã§indeki YazÄ±lar Koyu KalmalÄ± */
        body.is-home-page .site_header:not(.is-scrolled) .navbar .dropdown_menu a {
            color: #0F2554 !important;
            text-shadow: none !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .navbar .dropdown_menu a:hover {
            color: #2563EB !important;
        }

        /* Hero: Arama HapÄ± */
        body.is-home-page .site_header:not(.is-scrolled) .search-pill-btn {
            background: rgba(255, 255, 255, 0.14) !important;
            border: 1px solid rgba(255, 255, 255, 0.25) !important;
            color: rgba(255, 255, 255, 0.88) !important;
            backdrop-filter: blur(8px) !important;
            -webkit-backdrop-filter: blur(8px) !important;
            padding: 8.5px 20px !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .search-pill-btn:hover {
            background: rgba(255, 255, 255, 0.24) !important;
            border-color: rgba(255, 255, 255, 0.45) !important;
            color: #ffffff !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .search-pill-icon {
            color: #ffffff !important;
        }

        /* Hero: GiriÅŸ / KayÄ±t ButonlarÄ± */
        body.is-home-page .site_header:not(.is-scrolled) .action_list .register {
            color: #ffffff !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            padding: 7px 12px !important;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .action_list .register:hover {
            color: rgba(255, 255, 255, 0.85) !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .action_list .login {
            background: rgba(255, 255, 255, 0.95) !important;
            color: #0F2554 !important;
            border: none !important;
            border-radius: 9999px !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            padding: 8px 20px !important;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18) !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .action_list .login:hover {
            background: #ffffff !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
        }

        /* Hero: Dil SeÃ§imi */
        body.is-home-page .site_header:not(.is-scrolled) .language_select a {
            color: #ffffff !important;
            font-size: 16px !important;
            font-weight: 600 !important;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
        }
        body.is-home-page .site_header:not(.is-scrolled) .language_select a:not(.active) {
            color: #ffffff !important;
            opacity: 0.55 !important;
            font-weight: 400 !important;
        }

        /* Hero: Mobil Toggle */
        body.is-home-page .site_header:not(.is-scrolled) .toggle {
            color: #ffffff !important;
        }

        /* -------------------------------------------------------------
           2. SCROLLED / COMPACT DURUM (Beyaz Arka Plan / Ufalan MenÃ¼ / Lacivert Logo)
           ------------------------------------------------------------- */
        .site_header.is-scrolled,
        body:not(.is-home-page) .site_header {
            background: rgba(255, 255, 255, 0.95) !important;
            backdrop-filter: blur(16px) !important;
            -webkit-backdrop-filter: blur(16px) !important;
            border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.03) !important;
            padding: 10px 0 !important; /* Ufalan menÃ¼ barÄ± */
        }

        /* Scrolled: Logo KÃ¼Ã§Ã¼lmesi ve Orijinal Lacivert Rengi */
        .site_header.is-scrolled .site_logo img,
        body:not(.is-home-page) .site_header .site_logo img {
            filter: none !important;
            max-width: 135px !important; /* Hafif ufalma */
        }

        /* Scrolled: MenÃ¼ Linkleri */
        .site_header.is-scrolled .navbar .nav_link,
        body:not(.is-home-page) .site_header .navbar .nav_link {
            color: #0F2554 !important;
            font-size: 16px !important;
            font-weight: 500 !important;
            padding: 7px 10px !important;
            text-shadow: none !important;
        }
        .site_header.is-scrolled .navbar .nav_link:hover,
        body:not(.is-home-page) .site_header .navbar .nav_link:hover {
            color: #2563EB !important;
        }
        .site_header.is-scrolled .navbar .dropdown .nav_link::after,
        body:not(.is-home-page) .site_header .navbar .dropdown .nav_link::after {
            filter: none !important;
        }

        /* Scrolled: Arama HapÄ± */
        .site_header.is-scrolled .search-pill-btn,
        body:not(.is-home-page) .site_header .search-pill-btn {
            background: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
            color: #64748b !important;
            padding: 7px 18px !important;
        }
        .site_header.is-scrolled .search-pill-btn:hover,
        body:not(.is-home-page) .site_header .search-pill-btn:hover {
            background: #e2e8f0 !important;
            border-color: #cbd5e1 !important;
            color: #0f172a !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06) !important;
        }
        .site_header.is-scrolled .search-pill-icon,
        body:not(.is-home-page) .site_header .search-pill-icon {
            color: #0F2554 !important;
        }

        /* Scrolled: GiriÅŸ / KayÄ±t ButonlarÄ± */
        .site_header.is-scrolled .action_list .register,
        body:not(.is-home-page) .site_header .action_list .register {
            color: #0F2554 !important;
            font-size: 15.5px !important;
            font-weight: 500 !important;
            padding: 6px 10px !important;
            text-shadow: none !important;
        }
        .site_header.is-scrolled .action_list .register:hover,
        body:not(.is-home-page) .site_header .action_list .register:hover {
            color: #2563EB !important;
        }
        .site_header.is-scrolled .action_list .login,
        body:not(.is-home-page) .site_header .action_list .login {
            background: #0F2554 !important;
            color: #ffffff !important;
            border: none !important;
            border-radius: 9999px !important;
            font-size: 14.5px !important;
            font-weight: 600 !important;
            padding: 7px 18px !important;
            box-shadow: 0 2px 8px rgba(15, 37, 84, 0.25) !important;
        }
        .site_header.is-scrolled .action_list .login:hover,
        body:not(.is-home-page) .site_header .action_list .login:hover {
            background: #1e3a8a !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 12px rgba(15, 37, 84, 0.35) !important;
        }

        /* Scrolled: Dil SeÃ§imi */
        .site_header.is-scrolled .language_select a,
        body:not(.is-home-page) .site_header .language_select a {
            color: #0F2554 !important;
            font-size: 15.5px !important;
            font-weight: 600 !important;
            text-shadow: none !important;
        }
        .site_header.is-scrolled .language_select a:not(.active),
        body:not(.is-home-page) .site_header .language_select a:not(.active) {
            color: #0F2554 !important;
            opacity: 0.4 !important;
            font-weight: 400 !important;
        }

        /* Scrolled: Mobil Toggle */
        .site_header.is-scrolled .toggle,
        body:not(.is-home-page) .site_header .toggle {
            color: #0F2554 !important;
        }

        /* -------------------------------------------------------------
           3. HEADER WRAPPER DÃœZENÄ° & SEARCH PILL (MasaÃ¼stÃ¼ ve Mobil AyrÄ±mÄ±)
           ------------------------------------------------------------- */
        @media (min-width: 1251px) {
            .site_header .wrapper {
                display: flex !important;
                flex-wrap: nowrap !important;
                align-items: center !important;
                justify-content: flex-start !important;
            }

            .site_header .site_logo {
                flex-shrink: 0 !important;
                display: flex !important;
                align-items: center !important;
            }

            .site_header .navbar {
                display: flex !important;
                align-items: center !important;
                margin-left: 35px !important;
                margin-right: 0 !important; /* main.css'teki margin-right: auto kaldÄ±rÄ±ldÄ± */
                flex-shrink: 0 !important;
            }

            /* Arama AlanÄ±: main.css'teki max-width: 34px kÄ±sÄ±tÄ± kaldÄ±rÄ±ldÄ±, saÄŸ gruba auto margin ile baÄŸlandÄ± */
            .site_header .search_bar {
                flex-grow: 0 !important;
                flex-shrink: 0 !important;
                width: auto !important;
                max-width: none !important;
                margin-left: auto !important; /* MenÃ¼ ile saÄŸ grup arasÄ±ndaki boÅŸluÄŸu homojen ayarlar */
                margin-right: 18px !important;
                display: flex !important;
                align-items: center !important;
                cursor: pointer !important;
            }

            .site_header .action_list {
                display: flex !important;
                align-items: center !important;
                gap: 8px !important;
                flex-shrink: 0 !important;
                margin-right: 18px !important;
            }

            .site_header .language_select {
                display: flex !important;
                align-items: center !important;
                gap: 4px !important;
                flex-shrink: 0 !important;
                margin-left: 0 !important;
            }
        }

        @media (max-width: 1250px) {
            .site_header .wrapper {
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                position: relative !important;
                padding: 0 16px !important;
            }

            .site_header .site_logo {
                position: absolute !important;
                left: 50% !important;
                transform: translateX(-50%) !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            body.is-home-page .site_header:not(.is-scrolled) .site_logo img,
            body.is-home-page .site_header.is-scrolled .site_logo img,
            body:not(.is-home-page) .site_header .site_logo img,
            .site_header .site_logo img {
                max-width: 105px !important;
                height: auto !important;
            }

            .site_header .action_list {
                display: flex !important;
                align-items: center !important;
                margin-left: auto !important;
                margin-right: 0 !important;
            }

            .site_header .action_list .register {
                font-size: 14px !important;
                padding: 6px 10px !important;
            }

            .site_header .toggle {
                display: flex !important;
                align-items: center !important;
                cursor: pointer !important;
                z-index: 10 !important;
            }
        }

        .search-pill-btn {
            display: inline-flex !important;
            align-items: center !important;
            gap: 12px !important;
            width: 290px !important;
            min-width: 270px !important;
            border-radius: 9999px !important;
            font-size: 13.5px !important;
            font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
            font-weight: 500 !important;
            line-height: 1 !important;
            cursor: pointer !important;
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
            white-space: nowrap !important;
            user-select: none !important;
            box-sizing: border-box !important;
        }

        .search-pill-icon {
            flex-shrink: 0 !important;
            transition: transform 0.2s ease, color 0.3s ease !important;
        }
        .search-pill-btn:hover .search-pill-icon {
            transform: scale(1.1) !important;
        }

        .search-pill-text {
            font-size: 13px !important;
            max-width: 220px !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
            transition: opacity 0.2s ease !important;
        }

        /* Ortak Buton ve Logo AnimasyonlarÄ± */
        .site_header .site_logo img {
            display: block !important;
            transition: filter 0.35s ease, max-width 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s ease !important;
        }

        .site_header .action_list .btn {
            transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
        }

        .site_header .toggle svg path {
            transition: stroke 0.3s ease !important;
        }

        /* Ä°Ã§ Sayfalarda Sabit Header Ä°Ã§in Ãœst BoÅŸluk */
        body:not(.is-home-page) {
            padding-top: 85px !important;
        }

        /* Responsive Uyarlamalar */
        @media (max-width: 1550px) {
            .site_header .navbar .nav_link {
                font-size: 15.5px !important;
                padding: 7px 9px !important;
            }
            .search-pill-btn {
                width: 260px !important;
                min-width: 240px !important;
            }
            .search-pill-text {
                max-width: 200px !important;
            }
        }

        @media (max-width: 1380px) {
            .site_header .navbar {
                margin-left: 20px !important;
            }
            .site_header .navbar .nav_link {
                font-size: 14.5px !important;
                padding: 6px 7px !important;
            }
            .search-pill-btn {
                width: 230px !important;
                min-width: 210px !important;
                padding: 6.5px 14px !important;
            }
            .search-pill-text {
                max-width: 160px !important;
            }
            .site_header .wrapper {
                padding: 0 25px !important;
            }
        }

        @media (max-width: 1280px) {
            .search-pill-text {
                display: none !important;
            }
            .search-pill-btn {
                width: 38px !important;
                min-width: 38px !important;
                height: 38px !important;
                padding: 9px !important;
                border-radius: 50% !important;
                justify-content: center !important;
            }
        }

        @media (max-width: 1250px) {
            .site_header {
                padding: 16px 0 !important;
            }
            .site_header.is-scrolled,
            body:not(.is-home-page) .site_header {
                padding: 10px 0 !important;
            }
            .site_header .site_logo {
                position: absolute !important;
                left: 50% !important;
                transform: translateX(-50%) !important;
            }
            .site_header .search_bar,
            .site_header .navbar,
            .site_header .language_select {
                display: none !important;
            }
            body:not(.is-home-page) {
                padding-top: 75px !important;
            }
