/* Tema/header bilesen stilleri — style.css SONRASINDA yuklenmeli
   Otomatik olarak includes/header.php icindeki satir ici <style> bloklarindan
   uretildi (2026-07-28). Bloklarin kaynak sirasi KORUNMUSTUR — degistirmeyin. */

/* ---- blok 2 ---- */
    .article-content{font-size:1.125rem;line-height:1.9;color:#D1D5DB}
    .article-content h1{font-family:'Space Grotesk',sans-serif!important;font-size:2.25rem!important;font-weight:700!important;line-height:1.25!important;color:#FFF!important;margin-top:2.5rem!important;margin-bottom:1.25rem!important}
    .article-content h2{font-family:'Space Grotesk',sans-serif!important;font-size:1.875rem!important;font-weight:700!important;line-height:1.3!important;color:#FFF!important;margin-top:2.5rem!important;margin-bottom:1rem!important;padding-bottom:.75rem!important;border-bottom:1px solid #2A2A2A!important}
    .article-content h3{font-family:'Space Grotesk',sans-serif!important;font-size:1.5rem!important;font-weight:600!important;line-height:1.4!important;color:#FFF!important;margin-top:2rem!important;margin-bottom:.875rem!important}
    .article-content h4{font-family:'Space Grotesk',sans-serif!important;font-size:1.25rem!important;font-weight:600!important;color:#FFF!important;margin-top:1.75rem!important;margin-bottom:.625rem!important}
    .article-content h5,.article-content h6{font-family:'Space Grotesk',sans-serif!important;font-size:1.125rem!important;font-weight:600!important;color:#FFF!important;margin-top:1.5rem!important;margin-bottom:.5rem!important}
    .article-content>*:first-child{margin-top:0!important}
    .article-content p{margin-top:1.5rem!important;margin-bottom:1.5rem!important;color:#D1D5DB!important;line-height:1.9!important;font-weight:300!important}
    .article-content a{color:#D4AF37!important;text-decoration:none!important;font-weight:500!important}
    .article-content a:hover{color:#F0D060!important;text-decoration:underline!important}
    .article-content strong,.article-content b{color:#FFF!important;font-weight:600!important}
    .article-content em,.article-content i{color:#E5E7EB!important;font-style:italic!important}
    .article-content ul{margin-top:1.5rem!important;margin-bottom:1.5rem!important;padding-left:2rem!important;list-style-type:disc!important}
    .article-content ul li{color:#D1D5DB!important;margin-top:.625rem!important;margin-bottom:.625rem!important;padding-left:.5rem!important;line-height:1.8!important}
    .article-content ul li::marker{color:#D4AF37!important}
    .article-content ol{margin-top:1.5rem!important;margin-bottom:1.5rem!important;padding-left:2rem!important;list-style-type:decimal!important}
    .article-content ol li{color:#D1D5DB!important;margin-top:.625rem!important;margin-bottom:.625rem!important;padding-left:.5rem!important;line-height:1.8!important}
    .article-content ol li::marker{color:#D4AF37!important;font-weight:600!important}
    .article-content blockquote{margin-top:2rem!important;margin-bottom:2rem!important;padding:1.5rem 2rem!important;border-left:4px solid #D4AF37!important;background:rgba(212,175,55,.08)!important;font-style:italic!important;color:#E5E7EB!important}
    .article-content blockquote p{margin:0!important;color:#E5E7EB!important}
    .article-content code{background:#1F1F1F!important;color:#D4AF37!important;padding:.2rem .5rem!important;border-radius:.25rem!important;font-size:.875em!important}
    .article-content pre{margin-top:2rem!important;margin-bottom:2rem!important;padding:1.5rem!important;background:#1A1A1A!important;border:1px solid #2A2A2A!important;border-radius:.5rem!important;overflow-x:auto!important}
    .article-content pre code{background:transparent!important;padding:0!important;color:#E5E7EB!important}
    .article-content img{margin-top:2rem!important;margin-bottom:2rem!important;border-radius:.5rem!important;border:1px solid #2A2A2A!important;max-width:100%!important}
    .article-content hr{margin-top:3rem!important;margin-bottom:3rem!important;border:0!important;border-top:1px solid #2A2A2A!important}
    .article-content table{width:100%!important;margin-top:2rem!important;margin-bottom:2rem!important;border-collapse:collapse!important}
    .article-content thead{border-bottom:2px solid #D4AF37!important}
    .article-content thead th{padding:.875rem 1rem!important;text-align:left!important;font-weight:600!important;color:#FFF!important;background:#1A1A1A!important}
    .article-content tbody tr{border-bottom:1px solid #2A2A2A!important}
    .article-content tbody td{padding:.875rem 1rem!important;color:#D1D5DB!important}
    .article-content mark{background:rgba(212,175,55,.3)!important;color:#FFF!important;padding:.125rem .375rem!important;border-radius:.125rem!important}
    @media(max-width:768px){.article-content{font-size:1rem!important}.article-content h1{font-size:1.75rem!important}.article-content h2{font-size:1.5rem!important}.article-content h3{font-size:1.25rem!important}}
    

/* ---- blok 3 ---- */
        :root, [data-theme="dark"] {
            --c-bg:      15 15 15;       /* #0F0F0F */
            --c-surface: 22 22 22;       /* #161616 */
            --c-border:  42 42 42;       /* #2A2A2A */
            --c-accent:  212 175 55;     /* #D4AF37 gold */
            --c-text:    243 243 243;    /* #F3F3F3 */
            --c-muted:   136 136 136;    /* #888888 */
            color-scheme: dark;
        }
        [data-theme="light"] {
            --c-bg:      250 250 248;    /* off-white */
            --c-surface: 255 255 255;    /* white */
            --c-border:  226 224 218;    /* warm light border */
            --c-accent:  166 132 38;     /* darker gold (better contrast on light) */
            --c-text:    20 20 20;       /* near-black */
            --c-muted:   100 100 100;    /* mid gray */
            color-scheme: light;
        }
        html { background-color: rgb(var(--c-bg)); }
        body { color: rgb(var(--c-text)); transition: background-color .25s ease, color .25s ease; }

        /* Tema toggle button */
        .theme-toggle { position: relative; }
        .theme-toggle .icon-sun  { display: none; }
        [data-theme="light"] .theme-toggle .icon-sun  { display: inline-block; }
        [data-theme="light"] .theme-toggle .icon-moon { display: none; }

        /* Light tema makale içeriği — article-content override */
        [data-theme="light"] .article-content { color: #1f1f1f !important; }
        [data-theme="light"] .article-content h1,
        [data-theme="light"] .article-content h2,
        [data-theme="light"] .article-content h3,
        [data-theme="light"] .article-content h4 { color: #0f0f0f !important; }
        [data-theme="light"] .article-content p,
        [data-theme="light"] .article-content li { color: #2a2a2a !important; }
        [data-theme="light"] .article-content blockquote { background: rgba(166,132,38,.08) !important; color: #2a2a2a !important; border-left-color: #A68426 !important; }
        [data-theme="light"] .article-content blockquote p { color: #2a2a2a !important; }
        [data-theme="light"] .article-content code { background: #f5f0e0 !important; color: #6b4f00 !important; }
        [data-theme="light"] .article-content pre { background: #f7f5ef !important; border-color: #e2e0da !important; }
        [data-theme="light"] .article-content thead th { color: #0f0f0f !important; background: #f7f5ef !important; }
        [data-theme="light"] .article-content tbody td { color: #2a2a2a !important; }
        [data-theme="light"] .article-content tbody tr { border-bottom-color: #e2e0da !important; }
        [data-theme="light"] .article-content hr { border-top-color: #e2e0da !important; }
        [data-theme="light"] .glass-nav { background: rgba(255,255,255,.85) !important; backdrop-filter: blur(12px); border-bottom: 1px solid #e2e0da; }
        [data-theme="dark"]  .glass-nav { background: rgba(15,15,15,.85) !important; backdrop-filter: blur(12px); }

        /* ─────────────────────────────────────────────────────────────────
           LIGHT TEMA — sabit Tailwind class'larını (text-white, bg-white/5,
           bg-black/60, text-gray-300 vb.) light arka plana göre uyarla.
           Tailwind config CSS variable'ları kullanmıyor bu class'larda.
           ───────────────────────────────────────────────────────────────── */

        /* Beyaz yazılar → koyu yazı (light arka planda okunabilir) */
        [data-theme="light"] .text-white         { color: #14110b !important; }
        [data-theme="light"] .text-white\/90     { color: rgba(20,17,11,.92) !important; }
        [data-theme="light"] .text-white\/80     { color: rgba(20,17,11,.82) !important; }
        [data-theme="light"] .text-white\/70     { color: rgba(20,17,11,.7) !important; }
        [data-theme="light"] .text-white\/60     { color: rgba(20,17,11,.6) !important; }
        [data-theme="light"] .text-white\/50     { color: rgba(20,17,11,.5) !important; }
        [data-theme="light"] .text-white\/40     { color: rgba(20,17,11,.4) !important; }
        [data-theme="light"] .text-white\/30     { color: rgba(20,17,11,.3) !important; }
        /* AMA koyu zeminin (bg-dark / bg-black / bg-gray-900) üstündeki text-white BEYAZ kalır */
        [data-theme="light"] .bg-dark.text-white,
        [data-theme="light"] .bg-black.text-white,
        [data-theme="light"] .bg-gray-900.text-white,
        [data-theme="light"] .bg-dark .text-white,
        [data-theme="light"] .bg-black .text-white,
        [data-theme="light"] .bg-gray-900 .text-white,
        [data-theme="light"] button.bg-dark,
        [data-theme="light"] button.bg-dark .lucide,
        [data-theme="light"] button.bg-dark i { color: #fff !important; }

        /* GLOBAL — tüm butonların hover'ında metin beyaz (light tema), bg değişmesin */
        [data-theme="light"] a[class*="bg-accent"]:hover,
        [data-theme="light"] button[class*="bg-accent"]:hover,
        [data-theme="light"] a[class*="bg-dark"]:hover,
        [data-theme="light"] button[class*="bg-dark"]:hover,
        [data-theme="light"] a[class*="bg-gold"]:hover,
        [data-theme="light"] button[class*="bg-gold"]:hover,
        [data-theme="light"] a[class*="bg-accent"]:hover *,
        [data-theme="light"] button[class*="bg-accent"]:hover *,
        [data-theme="light"] a[class*="bg-dark"]:hover *,
        [data-theme="light"] button[class*="bg-dark"]:hover *,
        [data-theme="light"] a[class*="bg-gold"]:hover *,
        [data-theme="light"] button[class*="bg-gold"]:hover * { color: #fff !important; }

        /* hover:bg-white / hover:bg-light olan accent butonların bg değişimini engelle (text-bg çakışıyor) */
        [data-theme="light"] [class*="bg-accent"][class*="hover:bg-white"]:hover,
        [data-theme="light"] [class*="bg-accent"][class*="hover:bg-light"]:hover {
            background-color: rgb(var(--c-accent)) !important;
            opacity: 0.92;
        }
        /* hover:bg-accent olan transparent/border butonları — text beyaz garanti */
        [data-theme="light"] a[class*="hover:bg-accent"]:hover,
        [data-theme="light"] button[class*="hover:bg-accent"]:hover { color: #fff !important; }
        [data-theme="light"] .text-white\/20     { color: rgba(20,17,11,.2) !important; }
        [data-theme="light"] .text-gray-100,
        [data-theme="light"] .text-gray-200,
        [data-theme="light"] .text-gray-300,
        [data-theme="light"] .text-gray-400,
        [data-theme="light"] .text-gray-500     { color: #5a5547 !important; }
        [data-theme="light"] .text-gray-600     { color: #4a463a !important; }

        /* Beyaz transparent zeminler → koyu transparent (light arka planda görünür) */
        [data-theme="light"] .bg-white\/5,
        [data-theme="light"] .bg-white\/10      { background-color: rgba(20,17,11,.05) !important; }
        [data-theme="light"] .bg-white\/20      { background-color: rgba(20,17,11,.1) !important; }
        [data-theme="light"] .border-white\/10  { border-color: rgba(20,17,11,.1) !important; }
        [data-theme="light"] .border-white\/20  { border-color: rgba(20,17,11,.18) !important; }

        /* Siyah overlay'ler (görsel üzeri) — light tema'da daha hafif */
        [data-theme="light"] .bg-black\/40      { background-color: rgba(20,17,11,.25) !important; }
        [data-theme="light"] .bg-black\/50      { background-color: rgba(20,17,11,.3) !important; }
        [data-theme="light"] .bg-black\/60      { background-color: rgba(20,17,11,.35) !important; }
        [data-theme="light"] .bg-black\/70      { background-color: rgba(20,17,11,.45) !important; }
        [data-theme="light"] .bg-black\/80      { background-color: rgba(20,17,11,.55) !important; }
        [data-theme="light"] .bg-black\/90      { background-color: rgba(20,17,11,.65) !important; }

        /* Form input'ları — bg-dark-bg ZATEN var() bağlı ama border + placeholder */
        [data-theme="light"] input,
        [data-theme="light"] textarea,
        [data-theme="light"] select             { color: #14110b !important; }
        [data-theme="light"] input::placeholder,
        [data-theme="light"] textarea::placeholder { color: #8a8579 !important; }

        /* Footer ve diğer bölüm bağlantıları */
        [data-theme="light"] a:hover .text-white,
        [data-theme="light"] .hover\:text-white:hover { color: #14110b !important; }

        /* Selection rengi (text seçim) */
        [data-theme="light"] *::selection { background: #d4af37 !important; color: #14110b !important; }

        /* Hero / Slider section — koyu kalsın (görsel üzeri yazılar okunaklı olsun) */
        [data-theme="light"] .hero-section,
        [data-theme="light"] .hero-section .swiper-slide,
        [data-theme="light"] header.glass-nav .text-white { /* navbar light'ta beyaz yerine dark olmalı */ }
        /* Hero içindeki yazılar (slide-title, slide-desc) inline style ile #fff — onlara dokunulmaz çünkü slide arka planı koyu görsel */

        /* About section — bg-dark-bg/70 overlay light tema'da yumuşak */
        [data-theme="light"] .bg-dark-bg\/70    { background-color: rgba(255,255,255,.85) !important; }

        /* Gradient overlay'ler — sektör kartlarında kullanılan from-black to-transparent */
        [data-theme="light"] .from-black        { --tw-gradient-from: rgba(20,17,11,.7) !important; }
        [data-theme="light"] .from-dark-bg      { --tw-gradient-from: rgba(20,17,11,.7) !important; }
        [data-theme="light"] .via-dark-bg\/30   { --tw-gradient-via: rgba(20,17,11,.2) !important; }
        [data-theme="light"] .via-dark-bg\/95   { --tw-gradient-via: rgba(20,17,11,.7) !important; }

        /* Grayscale image — light tema'da grayscale kapatılsın (renkli görseller daha sıcak) */
        [data-theme="light"] .grayscale         { filter: none !important; }

        /* Hero section ALWAYS koyu — slider görselleri üzerinde beyaz yazılar */
        [data-theme="light"] .hero-section,
        [data-theme="light"] .hero-section *    { color-scheme: dark; }
        [data-theme="light"] .hero-section .text-white,
        [data-theme="light"] .hero-section .slide-title,
        [data-theme="light"] .hero-section .slide-desc { color: #fff !important; }

        /* Hakkımızda card (bg-white/5 backdrop-blur) → light tema'da daha belirgin */
        [data-theme="light"] section#hakkimizda .bg-white\/5,
        [data-theme="light"] section[id^="hakkimizda"] .bg-white\/5 {
            background-color: rgba(255,255,255,.65) !important;
            backdrop-filter: blur(20px) !important;
            border-color: rgba(20,17,11,.1) !important;
        }
        [data-theme="light"] section#hakkimizda .text-gray-300 { color: #2a2a2a !important; }

        /* Footer — bg-dark-surface zaten var() bağlı, içindeki text-white otomatik dark olur */
        [data-theme="light"] footer { border-top-color: rgba(20,17,11,.1) !important; }

        /* Modal backdrop */
        [data-theme="light"] #modal-backdrop { background: rgba(20,17,11,.5) !important; }

        /* Article hero (makale-detay) görselleri üzerindeki beyaz yazıları koru */
        [data-theme="light"] .article-hero .text-white,
        [data-theme="light"] [class*="hero"] .text-white { color: #fff !important; }

        /* Sektör strip — gradient + beyaz yazı koyu görsel üzerinde, dokunma */
        [data-theme="light"] .sector-strip .text-white,
        [data-theme="light"] .sector-strip h3 { color: #fff !important; }

        /* ─────────────────────────────────────────────────────────────────
           LIGHT TEMA — KART HOVER GARANTİSİ (yüksek specificity)
           index.php Uzmanlık Alanları, /uzmanliklarimiz, /sektorler kartlarında
           hover'da metin görünmezliği problemini bütünüyle çözer.
           ───────────────────────────────────────────────────────────────── */

        /* Mertyaka custom Tailwind renkleri — light için garanti override */
        html[data-theme="light"] .text-text-muted { color: #5a5547 !important; }
        html[data-theme="light"] .text-text-white { color: #14110b !important; }

        /* Kart hover bg — sıcak ivory vurgu */
        html[data-theme="light"] a.group[class*="bg-dark-bg"]:hover,
        html[data-theme="light"] a.group[class*="hover:bg-dark-surface"]:hover {
            background-color: #fbf8ee !important;
        }

        /* Kart hover'ında TÜM descendant metni koyu — Tailwind variant zincirini kapsar */
        html[data-theme="light"] a.group[class*="bg-dark-bg"]:hover,
        html[data-theme="light"] a.group[class*="bg-dark-bg"]:hover *,
        html[data-theme="light"] a.group[class*="hover:bg-dark-surface"]:hover,
        html[data-theme="light"] a.group[class*="hover:bg-dark-surface"]:hover * {
            color: #14110b !important;
            opacity: 1 !important;
        }

        /* Accent (altın) olması gerekenler — başlık + arrow için geri al */
        html[data-theme="light"] a.group[class*="bg-dark-bg"]:hover .text-accent,
        html[data-theme="light"] a.group[class*="bg-dark-bg"]:hover [class*="text-accent"],
        html[data-theme="light"] a.group[class*="bg-dark-bg"]:hover [class*="group-hover\:text-accent"],
        html[data-theme="light"] a.group[class*="hover:bg-dark-surface"]:hover .text-accent,
        html[data-theme="light"] a.group[class*="hover:bg-dark-surface"]:hover [class*="text-accent"],
        html[data-theme="light"] a.group[class*="hover:bg-dark-surface"]:hover [class*="group-hover\:text-accent"] {
            color: #A68426 !important;
        }

        /* Açıklama metni hover'da yumuşak okunur (kontrast, tasarım dilini bozmaz) */
        html[data-theme="light"] a.group[class*="bg-dark-bg"]:hover p.text-text-muted,
        html[data-theme="light"] a.group[class*="bg-dark-bg"]:hover li.text-text-muted,
        html[data-theme="light"] a.group[class*="hover:bg-dark-surface"]:hover p.text-text-muted,
        html[data-theme="light"] a.group[class*="hover:bg-dark-surface"]:hover li.text-text-muted {
            color: #5a5547 !important;
        }

        /* Görsel grayscale filter'ları light tema'da kart hover'da kapansın */
        html[data-theme="light"] a.group:hover [class*="grayscale-0"],
        html[data-theme="light"] a.group:hover [class*="group-hover\:grayscale-0"] {
            filter: none !important;
        }
    

/* ---- blok 4 ---- */
            .brand-logo-img {
                height: 62px;
                width: auto;
                display: block;
                transition: opacity 0.2s, filter 0.2s;
            }
            .brand-logo:hover .brand-logo-img { opacity: 0.85; }
            [data-theme="light"] .brand-logo-img { filter: none; }
            @media (max-width: 768px) {
                .brand-logo-img { height: 52px; }
            }
            

/* ---- blok 5 ---- */
            .nav-dropdown-wrap { position: relative; display: inline-block; padding-bottom: 12px; margin-bottom: -12px; }
            .nav-dropdown-trigger { display: inline-flex; align-items: center; gap: 5px; }
            .nav-caret {
                transition: transform 0.2s ease;
                opacity: 0.7;
            }
            .nav-dropdown-wrap:hover .nav-caret { transform: rotate(180deg); opacity: 1; }

            /* Görünmez köprü — trigger ve panel arası mouse hareketinde panel kapanmasın */
            .nav-dropdown-wrap::before {
                content: '';
                position: absolute;
                top: 100%; left: 50%;
                transform: translateX(-50%);
                width: 100%; height: 24px;
                pointer-events: none;
            }
            .nav-dropdown-wrap:hover::before { pointer-events: auto; }

            .nav-mega-panel {
                position: absolute;
                top: 100%;
                left: 50%;
                transform: translateX(-50%) translateY(-10px);
                margin-top: 14px;
                width: 760px;
                max-width: 90vw;
                background: rgba(15, 15, 15, 0.96);
                backdrop-filter: blur(24px) saturate(180%);
                -webkit-backdrop-filter: blur(24px) saturate(180%);
                border: 1px solid rgba(212,175,55,0.25);
                box-shadow: 0 24px 60px rgba(0,0,0,0.6), 0 0 0 1px rgba(212,175,55,0.05);
                opacity: 0; visibility: hidden;
                pointer-events: none;
                transition: opacity 0.25s, transform 0.25s, visibility 0.25s;
                z-index: 100;
            }
            [data-theme="light"] .nav-mega-panel {
                background: rgba(255, 255, 255, 0.98);
                border-color: rgba(166,132,38,0.3);
                box-shadow: 0 24px 60px rgba(20,20,20,0.18), 0 0 0 1px rgba(166,132,38,0.08);
            }
            .nav-mega-panel::before {
                content: '';
                position: absolute;
                top: -8px; left: 50%;
                transform: translateX(-50%) rotate(45deg);
                width: 14px; height: 14px;
                background: rgba(15, 15, 15, 0.96);
                border-top: 1px solid rgba(212,175,55,0.25);
                border-left: 1px solid rgba(212,175,55,0.25);
            }
            [data-theme="light"] .nav-mega-panel::before {
                background: rgba(255, 255, 255, 0.98);
                border-top-color: rgba(166,132,38,0.3);
                border-left-color: rgba(166,132,38,0.3);
            }
            .nav-dropdown-wrap:hover .nav-mega-panel,
            .nav-mega-panel:hover {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                transform: translateX(-50%) translateY(0);
            }

            .nav-mega-inner {
                display: grid;
                grid-template-columns: 240px 1fr;
            }
            .nav-mega-aside {
                padding: 28px 24px;
                background: linear-gradient(160deg, rgba(212,175,55,0.08) 0%, transparent 70%);
                border-right: 1px solid rgba(255,255,255,0.05);
            }
            [data-theme="light"] .nav-mega-aside { border-right-color: rgba(20,20,20,0.06); }
            .nav-mega-eyebrow {
                color: #D4AF37;
                font-size: 10px; font-weight: 700;
                letter-spacing: 2.5px; text-transform: uppercase;
                display: block; margin-bottom: 10px;
            }
            .nav-mega-title {
                font-family: 'Space Grotesk', 'Inter', sans-serif;
                font-size: 24px; font-weight: 700;
                color: #fff;
                line-height: 1.1;
                margin: 0 0 14px 0;
            }
            [data-theme="light"] .nav-mega-title { color: #141414; }
            .nav-mega-lede {
                color: rgba(255,255,255,0.55);
                font-size: 12.5px; line-height: 1.6;
                margin: 0 0 18px 0;
                font-weight: 300;
            }
            [data-theme="light"] .nav-mega-lede { color: rgba(20,20,20,0.6); }
            .nav-mega-cta {
                display: inline-flex; align-items: center; gap: 6px;
                color: #D4AF37;
                font-size: 11px; font-weight: 700;
                letter-spacing: 1.5px; text-transform: uppercase;
                text-decoration: none;
                padding-top: 10px;
                border-top: 1px solid rgba(212,175,55,0.2);
                transition: gap 0.25s, color 0.25s;
            }
            .nav-mega-cta:hover { gap: 10px; color: #fff; }
            [data-theme="light"] .nav-mega-cta:hover { color: #141414; }

            .nav-mega-grid {
                list-style: none; margin: 0; padding: 12px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 2px;
            }
            .nav-mega-item {
                display: flex; align-items: center; gap: 12px;
                padding: 10px 12px;
                color: rgba(255,255,255,0.85);
                text-decoration: none;
                font-size: 13.5px; font-weight: 500;
                border-radius: 6px;
                transition: background 0.2s, color 0.2s;
            }
            [data-theme="light"] .nav-mega-item { color: rgba(20,20,20,0.85); }
            .nav-mega-item:hover {
                background: rgba(212,175,55,0.08);
                color: #D4AF37;
            }
            [data-theme="light"] .nav-mega-item:hover {
                background: rgba(166,132,38,0.08);
                color: #A68426;
            }
            .nav-mega-icon {
                width: 32px; height: 32px;
                border-radius: 7px;
                background: rgba(212,175,55,0.1);
                color: #D4AF37;
                display: flex; align-items: center; justify-content: center;
                flex-shrink: 0;
                transition: all 0.25s;
            }
            .nav-mega-icon i { width: 15px; height: 15px; }
            .nav-mega-item:hover .nav-mega-icon {
                background: #D4AF37;
                color: #000;
                transform: scale(1.05);
            }
            .nav-mega-label { flex: 1; }
            .nav-mega-arrow {
                opacity: 0;
                color: #D4AF37;
                transform: translateX(-6px);
                transition: opacity 0.25s, transform 0.25s;
            }
            .nav-mega-item:hover .nav-mega-arrow {
                opacity: 1;
                transform: translateX(0);
            }
            

/* ---- blok 6 ---- */
                #info-drawer-btn .idr-icon-close { display: none; }
                #info-drawer-btn.is-open .idr-icon-dots { display: none; }
                #info-drawer-btn.is-open .idr-icon-close { display: inline-block; }
                

/* ---- blok 7 ---- */
    .info-drawer {
        position: fixed; top: 0; right: 0;
        height: 100%;
        width: 92%;
        max-width: 440px;
        background: linear-gradient(180deg, rgb(var(--c-bg)) 0%, rgb(var(--c-surface)) 100%);
        border-left: 1px solid rgba(212,175,55,0.18);
        z-index: 60;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(.2,.8,.2,1);
        overflow-y: auto;
        box-shadow: -30px 0 80px rgba(0,0,0,0.5);
    }
    .info-drawer.is-open { transform: translateX(0); }
    .info-drawer-close {
        position: absolute; top: 22px; right: 22px;
        width: 38px; height: 38px;
        border-radius: 50%;
        background: rgba(255,255,255,0.06);
        border: 1px solid rgba(255,255,255,0.1);
        color: rgb(var(--c-text));
        display: flex; align-items: center; justify-content: center;
        cursor: pointer;
        transition: all 0.2s;
        z-index: 2;
    }
    [data-theme="light"] .info-drawer-close { background: rgba(20,20,20,0.04); border-color: rgba(20,20,20,0.08); }
    .info-drawer-close:hover { background: #D4AF37; color: #000; border-color: #D4AF37; transform: rotate(90deg); }

    .info-drawer-inner {
        padding: 60px 40px 40px;
        display: flex; flex-direction: column; gap: 24px;
    }
    .idr-logo-wrap { padding-top: 8px; padding-bottom: 4px; }
    .idr-logo { height: 76px; width: auto; display: block; }
    .idr-about {
        font-size: 13.5px;
        color: rgba(var(--c-text), 0.65);
        line-height: 1.7;
        font-weight: 300;
        margin: 0;
    }
    .idr-divider { height: 1px; background: rgba(212,175,55,0.18); margin: 4px 0; }

    .idr-block { display: flex; flex-direction: column; gap: 8px; }
    .idr-label {
        font-size: 11px; font-weight: 700;
        letter-spacing: 2px; text-transform: uppercase;
        color: #D4AF37;
    }
    .idr-value {
        font-size: 17px;
        color: rgb(var(--c-text));
        text-decoration: none;
        font-weight: 500;
        word-break: break-all;
        transition: color 0.2s;
    }
    .idr-value:hover { color: #D4AF37; }

    .idr-socials { display: flex; gap: 10px; padding-top: 4px; }
    .idr-social {
        width: 38px; height: 38px;
        border-radius: 50%;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        color: rgb(var(--c-text));
        display: flex; align-items: center; justify-content: center;
        transition: all 0.25s;
    }
    [data-theme="light"] .idr-social { background: rgba(20,20,20,0.04); border-color: rgba(20,20,20,0.08); }
    .idr-social svg { width: 15px; height: 15px; }
    .idr-social:hover {
        background: #D4AF37;
        color: #000;
        border-color: #D4AF37;
        transform: translateY(-2px);
    }

    .idr-cta {
        margin-top: 12px;
        display: inline-flex; align-items: center; justify-content: center; gap: 10px;
        padding: 16px 28px;
        border-radius: 0;
        background: #D4AF37;
        color: #000;
        font-size: 13.5px; font-weight: 700;
        letter-spacing: 1px; text-transform: uppercase;
        text-decoration: none;
        align-self: flex-start;
        transition: gap 0.25s, transform 0.25s, box-shadow 0.25s;
        box-shadow: 0 8px 24px rgba(212,175,55,0.3);
    }
    .idr-cta:hover { gap: 14px; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(212,175,55,0.4); }

    @media (max-width: 480px) { .info-drawer-inner { padding: 60px 28px 32px; } }
    

/* ---- blok 8 ---- */
    /* MOBILE DRAWER (%75 sağdan kayan) */
    .mm-backdrop {
        position: fixed; inset: 0;
        background: rgba(0,0,0,0.55);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        z-index: 59;
        opacity: 0; visibility: hidden;
        transition: opacity .3s ease, visibility .3s;
    }
    .mm-backdrop.is-open { opacity: 1; visibility: visible; }
    [data-theme="light"] .mm-backdrop { background: rgba(20,20,20,0.45); }

    .mobile-menu-fs {
        position: fixed; top: 0; right: 0; bottom: 0;
        width: 75%;
        max-width: 380px;
        background: rgb(var(--c-bg, 15 15 15));
        z-index: 60;
        display: flex; flex-direction: column;
        transform: translateX(100%);
        transition: transform .35s cubic-bezier(.2,.8,.2,1);
        overflow: hidden;
        box-shadow: -12px 0 40px rgba(0,0,0,0.45);
        border-left: 1px solid rgba(212,175,55,0.18);
    }
    [data-theme="light"] .mobile-menu-fs { box-shadow: -12px 0 40px rgba(0,0,0,0.18); }
    .mobile-menu-fs.is-open { transform: translateX(0); }

    .mm-inner {
        display: flex; flex-direction: column;
        height: 100%; width: 100%;
    }
    .mm-top {
        flex-shrink: 0;
        display: flex; align-items: center; justify-content: space-between;
        padding: 18px 22px;
        border-bottom: 1px solid rgba(212,175,55,0.15);
    }
    .mm-logo-wrap { display: block; }
    .mm-logo { height: 42px; width: auto; display: block; }
    .mm-close {
        width: 38px; height: 38px;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.1);
        color: rgb(var(--c-text, 255 255 255));
        display: flex; align-items: center; justify-content: center;
        cursor: pointer; transition: all .25s;
    }
    [data-theme="light"] .mm-close { background: rgba(20,20,20,0.04); border-color: rgba(20,20,20,0.08); }
    .mm-close:hover { background: #D4AF37; color: #000; border-color: #D4AF37; }

    .mm-body {
        flex: 1;
        overflow-y: auto;
        padding: 22px 22px;
        display: flex; flex-direction: column; gap: 18px;
    }

    .mm-nav { display: flex; flex-direction: column; gap: 2px; }
    .mm-link {
        display: flex; align-items: center; justify-content: space-between;
        padding: 11px 0;
        font-family: 'Space Grotesk','Inter',sans-serif;
        font-size: 17px; font-weight: 600;
        color: rgb(var(--c-text, 255 255 255));
        text-decoration: none;
        border-bottom: 1px solid rgba(255,255,255,0.06);
        transition: color .2s, padding-left .25s;
    }
    [data-theme="light"] .mm-link { border-bottom-color: rgba(20,20,20,0.06); }
    .mm-link:hover, .mm-link:active { color: #D4AF37; padding-left: 6px; }
    .mm-link::after {
        content: '→';
        opacity: 0.3;
        font-size: 15px;
        transition: opacity .2s, transform .2s;
    }
    .mm-link:hover::after { opacity: 1; transform: translateX(4px); color: #D4AF37; }
    .mm-link-cta { color: #D4AF37 !important; }

    .mm-divider {
        height: 1px; background: rgba(212,175,55,0.18);
        margin: 4px 0;
    }

    .mm-about {
        font-size: 12.5px; line-height: 1.65;
        color: rgba(var(--c-text, 255 255 255), 0.7);
        margin: 0; font-weight: 300;
    }

    .mm-block { display: flex; flex-direction: column; gap: 6px; }
    .mm-label {
        font-size: 10px; font-weight: 700;
        letter-spacing: 1.8px; text-transform: uppercase;
        color: #D4AF37;
    }
    .mm-value {
        font-size: 14px;
        color: rgb(var(--c-text, 255 255 255));
        text-decoration: none; font-weight: 500;
        word-break: break-all;
    }
    .mm-value:hover, .mm-value:active { color: #D4AF37; }

    .mm-socials { display: flex; gap: 10px; padding-top: 4px; }
    .mm-social {
        width: 36px; height: 36px;
        background: rgba(255,255,255,0.05);
        border: 1px solid rgba(255,255,255,0.08);
        color: rgb(var(--c-text, 255 255 255));
        display: flex; align-items: center; justify-content: center;
        transition: all .25s;
    }
    [data-theme="light"] .mm-social { background: rgba(20,20,20,0.04); border-color: rgba(20,20,20,0.08); }
    .mm-social svg { width: 16px; height: 16px; }
    .mm-social:hover, .mm-social:active { background: #D4AF37; color: #000; border-color: #D4AF37; }

    .mm-cta {
        flex-shrink: 0;
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        margin: 12px 18px 18px;
        padding: 13px 18px;
        background: #D4AF37;
        color: #000 !important;
        font-size: 12px; font-weight: 700;
        letter-spacing: 1.4px; text-transform: uppercase;
        text-decoration: none;
        box-shadow: 0 8px 24px rgba(212,175,55,0.25);
    }
    .mm-cta:hover, .mm-cta:active { transform: translateY(-1px); filter: brightness(1.05); }
    

/* ---- blok 9 ---- */
        .nav-link.is-active { color: rgb(var(--c-accent)); }
        .nav-link.is-active::after { width: 100% !important; }