/* =========================================================
   0. FLASH ENGELLEME — Sayfa yüklenir yüklenmez YEŞİL
   Script yüklenmeden önce mavi tema görünmesin
   ========================================================= */
html,
body,
body.dark-mode,
body[class*="dark"] {
    background: #0a0f0d !important;
    background-color: #0a0f0d !important;
    background-image: none !important;
    color: #fff !important;
}

/* Platform'un native mavi CSS variable'larını yeşile force */
:root {
    --primary: #22C55E !important;
    --primary-color: #22C55E !important;
    --secondary: #16A34A !important;
    --link-color: #22C55E !important;
    --link-hover: #16A34A !important;
    --highlight: #22C55E !important;
    --body-bg: #0a0f0d !important;
    --header-bg: rgba(10, 26, 16, 0.9) !important;
    --nav-bg: rgba(10, 26, 16, 0.9) !important;
    --footer-bg: #0a1a12 !important;
    --linearbg: linear-gradient(180deg, rgba(34,197,94,0.14), rgba(6,26,14,0.85)) !important;
}

/* Platform'un default mavi butonlarını hemen yeşile çevir */
.btn-primary,
.button.register,
a.register-button,
.register-button {
    background: linear-gradient(135deg, #22C55E, #16A34A) !important;
    background-color: #22C55E !important;
    border-color: #22C55E !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(34,197,94,0.28) !important;
}

/* Herhangi bir mavi text/border kalıntısını yakala */
.text-primary,
[class*="text-primary"] { color: #22C55E !important; }
.border-primary,
[class*="border-primary"] { border-color: #22C55E !important; }
.bg-primary,
[class*="bg-primary"] { background-color: #22C55E !important; }


/* =========================================================
   6Q PREMIUM DESIGN SYSTEM - MASTER CSS OVERRIDE V3
   Mobil + Desktop uyumlu, scroll destekli
   ========================================================= */

:root {
    --brand-primary: #21C55E !important;
    --accent: #22C55E !important; 
    --sb-collapsed: 90px !important;
    --sb-expanded: 250px !important;
    --rail-w: 90px !important;
    --sidebar-w: 0px !important;
}

/* =========================================================
   1. HEADER, LOGO, BUTONLAR VE DİL ALANI
   ========================================================= */
header#header a.category { display: none !important; }
header#header div.middle-header-container { position: relative !important; display: flex !important; align-items: center !important; }

/* Logoyu Ortala */
header#header div.logo {
    position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 100 !important;
}
header#header div.logo img, header#header div.logo svg {
    filter: drop-shadow(0 0 10px rgba(34, 197, 94, 0.8)) !important; /* Mavi gölge yeşile çevrildi */
}

/* Tüm Yeşil Butonları Mavi Yap (Başlık orijinal kaldı ama renkler yeşil gradient) */
.common-form-button .button, form.general-form div.form-buttons button, .btn-primary {
    background: linear-gradient(180deg, #28C76F, #0D7A3A) !important; 
    border: none !important; 
    box-shadow: 0 0 18px rgba(40, 199, 111, 0.45) !important;
}

/* Orijinal header hamburger — logo arkasındaki ikonu kaldır */
header#header .menu-head,
header#header .mobile-menu-trigger,
header#header .hamburger-menu,
header#header .sidebar-toggle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* =========================================================
   2. YATAY MENÜ (Üst Kapsül)
   ========================================================= */
.premium-menu-container {
    display: flex !important; align-items: center !important; justify-content: space-between !important;
    background: #07130B !important; /* Lacivert arka plan, modern koyu yeşil-siyaha çevrildi */ border-radius: 999px !important; padding: 8px 30px !important;
    margin: 16px auto 24px auto !important; max-width: 1100px !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; height: 60px !important;
}
.custom-horizontal-menu {
    display: flex !important; flex-direction: row !important; align-items: center !important; gap: 30px !important; overflow-x: auto !important; scrollbar-width: none !important;
}
.custom-horizontal-menu a {
    color: #FFFFFF !important; text-decoration: none !important; font-size: 15px !important; font-weight: 600 !important;
    display: flex !important; align-items: center !important; gap: 12px !important; white-space: nowrap !important;
}
.custom-horizontal-menu a img {
    width: 24px !important; height: 24px !important; filter: brightness(0) invert(1);
}
.arrow-btn {
    background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important; color: #FFF !important;
    width: 35px !important; height: 35px !important; border-radius: 50% !important; cursor: pointer !important;
}

/* =========================================================
   3. PLATFORM ELEMANLARINI GİZLE — TÜM EKRAN BOYUTLARI
   Bu bölüm media query DIŞINDA — mobil+desktop'ta çalışır
   ========================================================= */

/* Casino/Spor yeşil kutular */
body #responsive-menu .p2tabs--sidebar,
body #responsive-menu.responsive-menu .p2tabs--sidebar,
body #responsive-menu.responsive-menu:not(.active-menu) .p2tabs--sidebar,
body #responsive-menu.responsive-menu.active-menu .p2tabs--sidebar,
body #responsive-menu .p2tabs.p2tabs--sidebar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    opacity: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Section title'lar */
body #responsive-menu .sidebar-section-title,
body #responsive-menu.responsive-menu .sidebar-section-title,
body #responsive-menu.responsive-menu:not(.active-menu) .sidebar-section-title,
body #responsive-menu.responsive-menu.active-menu .sidebar-section-title {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Orijinal Canlı Destek butonu */
body #responsive-menu .sb-top-btn.supportbtn,
body #responsive-menu.responsive-menu .sb-top-btn.supportbtn {
    display: none !important;
}

/* Arama kutusu */
body #responsive-menu .menu-body,
body #responsive-menu.responsive-menu .menu-body {
    display: none !important;
}

/* Content animate */
body #responsive-menu .sb-content-animate,
body #responsive-menu.responsive-menu .sb-content-animate {
    display: none !important;
}

/* Orijinal categories (JS ile de gizleniyor ama CSS garantisi) */
body #responsive-menu .categories:not(#custom-6q-sidebar-menu) {
    display: none !important;
}

/* Overlay kapat */
body #responsive-menu.responsive-menu::before,
body #responsive-menu.responsive-menu::after {
    display: none !important;
}

/* =========================================================
   4. SOL MENÜ - DESKTOP KAPSÜL
   ========================================================= */
@media (min-width: 992px) {
    body, body:has(.responsive-menu), body:has(.responsive-menu.active-menu), body.sb-collapsed {
        padding-left: 0 !important; transition: none !important;
    }

    body .responsive-menu#responsive-menu.responsive-menu {
        position: fixed !important;
        left: 0 !important;
        top: 16px !important;
        bottom: 16px !important;
        height: calc(100vh - 32px) !important;
        max-height: calc(100vh - 32px) !important;
        z-index: 101 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-width: thin !important;
        scrollbar-color: rgba(255,255,255,0.15) transparent !important;
        border-radius: 40px !important;
        padding: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        transition: width 0.4s !important;
        background: rgba(7, 19, 11, 0.6) !important; /* Mavi tabanlı renk yeşil tabanlıya çevrildi */
        backdrop-filter: blur(15px) saturate(180%) !important;
        -webkit-backdrop-filter: blur(15px) saturate(180%) !important;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 14px 36px 0px,
                    rgba(255, 255, 255, 0.035) 0px 1px 0px 0px inset !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
        transform: none !important;
    }

    /* Açık halde scroll aktif */
    body .responsive-menu#responsive-menu.responsive-menu.active-menu {
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* Scrollbar stili */
    body .responsive-menu#responsive-menu.responsive-menu::-webkit-scrollbar {
        width: 4px !important;
    }
    body .responsive-menu#responsive-menu.responsive-menu::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.12) !important;
        border-radius: 2px !important;
    }
    body .responsive-menu#responsive-menu.responsive-menu::-webkit-scrollbar-track {
        background: transparent !important;
    }

    body .responsive-menu#responsive-menu.responsive-menu:not(.active-menu) {
        width: 90px !important;
        max-width: 90px !important;
    }

    body .responsive-menu#responsive-menu.responsive-menu.active-menu {
        width: 250px !important;
        max-width: 250px !important;
    }

    body .responsive-menu#responsive-menu .sidebar-content {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
        overflow: visible !important;
        flex: 1 !important;
    }

    body .responsive-menu#responsive-menu .sidebar-wrapper {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        padding: 0 !important;
        margin-top: 16px !important;
        background: transparent !important;
        gap: 0 !important;
        flex: 1 !important;
    }

    body .responsive-menu#responsive-menu .sidebar-wrapper::-webkit-scrollbar {
        display: none !important;
    }

    /* Hamburger Menü */
    body .responsive-menu#responsive-menu .menu-head {
        padding: 0 !important;
        margin: 0 !important;
        width: 40px !important;
        height: 40px !important;
        background: transparent !important;
        flex-shrink: 0 !important;
    }

    body .responsive-menu#responsive-menu .menu-head .title,
    body .responsive-menu#responsive-menu.responsive-menu:not(.active-menu) .menu-head .title {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        background-image: none !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        cursor: pointer !important;
    }

    body .responsive-menu#responsive-menu .menu-head .title::before,
    body .responsive-menu#responsive-menu .menu-head .title::after {
        display: none !important;
        content: none !important;
    }

    body .responsive-menu#responsive-menu .menu-head .title .icon {
        width: 24px !important;
        height: 24px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body .responsive-menu#responsive-menu .menu-head .title .icon svg {
        width: 24px !important;
        height: 24px !important;
        stroke: #ffffff !important;
    }

    body .responsive-menu#responsive-menu .menu-head .title .text,
    body .responsive-menu#responsive-menu .menu-head .buttons {
        display: none !important;
    }
}

main.main-content, .layout-content, #main-wrapper {
    margin-left: 120px !important;
}

/* =========================================================
   5. ÖZEL SOL MENÜ TABLARI — 6Q BİREBİR STİL
   Bu bölüm media query DIŞINDA — mobil+desktop'ta çalışır
   ========================================================= */

#custom-6q-sidebar-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
}

#custom-6q-sidebar-menu .sb-top-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: color 0.4s !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* Hover — sadece yazı rengi değişir */
#custom-6q-sidebar-menu .sb-top-btn:hover {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}

#custom-6q-sidebar-menu .sb-top-btn:hover .sb-top-title {
    color: #22C55E !important;
}

#custom-6q-sidebar-menu .sb-top-btn:hover .icon img {
    opacity: 1 !important;
    filter: brightness(0) saturate(100%) invert(56%) sepia(85%) saturate(1432%) hue-rotate(90deg) brightness(98%) contrast(93%) !important;
}

/* İkon Kutusu — 40×40, 8px radius */
#custom-6q-sidebar-menu .sb-top-btn .icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: none !important;
    flex-shrink: 0 !important;
    transition: background-color 0.4s !important;
}

/* İkon Resmi — 24×24 */
#custom-6q-sidebar-menu .sb-top-btn .icon img {
    width: 24px !important;
    height: 24px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    opacity: 0.7 !important;
    transition: all 0.4s ease !important;
}

/* İsim — 14px, normal ağırlık, uppercase */
#custom-6q-sidebar-menu .sb-top-btn .sb-top-title {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    transition: color 0.4s !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* AKTİF — sadece ikon arka planı yeşil */
#custom-6q-sidebar-menu .sb-top-btn.active {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    transform: none !important;
}

#custom-6q-sidebar-menu .sb-top-btn.active .icon {
    background-color: #22C55E !important;
}

#custom-6q-sidebar-menu .sb-top-btn.active .icon img {
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
}

#custom-6q-sidebar-menu .sb-top-btn.active .sb-top-title {
    color: #FFFFFF !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Desktop kapalı halde — sadece ikon, metin gizli */
@media (min-width: 992px) {
    body .responsive-menu#responsive-menu.responsive-menu:not(.active-menu) #custom-6q-sidebar-menu .sb-top-title {
        display: none !important;
    }

    body .responsive-menu#responsive-menu.responsive-menu:not(.active-menu) #custom-6q-sidebar-menu .sb-top-btn {
        width: 40px !important;
        padding: 0 !important;
        justify-content: center !important;
        border: none !important;
    }
}

/* =========================================================
   6. DİL ALANI — Sidebar'ın en altına (flow içinde)
   ========================================================= */

/* Dil alanını normal akışa al (absolute değil) */
body #responsive-menu .sidebar-lang-footer {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    margin-top: auto !important;
    padding: 16px 0 0 0 !important;
    background: transparent !important;
    flex-shrink: 0 !important;
    order: 99 !important;
}

body #responsive-menu .sidebar-lang-footer ul,
body #responsive-menu .sidebar-lang-footer .lang-dropdown {
    display: none !important;
}

.sidebar-lang-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 10px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.sidebar-lang-trigger:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

.sidebar-lang-trigger .label,
.sidebar-lang-trigger span {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.sidebar-lang-trigger .flag {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    margin-right: 10px !important;
}

/* Desktop kapalı halde dil alanını gizle */
@media (min-width: 992px) {
    body .responsive-menu#responsive-menu.responsive-menu:not(.active-menu) .sidebar-lang-footer {
        display: none !important;
    }
}

/* =========================================================
   7. MOBİL GÖRÜNÜM
   ========================================================= */
#mobile-custom-hamburger { display: none !important; }

@media (max-width: 991px) {
    #mobile-custom-hamburger {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 40px !important;
        height: 40px !important;
        z-index: 1000 !important;
        cursor: pointer !important;
    }

    header#header .mobile-menu-trigger, header#header .menu-head {
        display: none !important;
    }

    /* Mobil sidebar tam ekran — yüksek specificity */
    body .responsive-menu#responsive-menu.responsive-menu {
        transform: translate3d(-100vw, 0px, 0px) !important;
        width: 100vw !important;
        max-width: 100vw !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        height: 100vh !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
        padding: 92px 16px 16px !important;
        transition: transform 0.4s !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: linear-gradient(rgb(7, 19, 11), rgb(7, 19, 11)) !important; /* Mavi tabanlı arka plan, yeşil tabanlı yapıldı */
        z-index: 2000 !important;
    }

    body .responsive-menu#responsive-menu.responsive-menu.active-menu {
        transform: translate3d(0px, 0px, 0px) !important;
    }

    /* Mobilde platform elemanları gizle */
    body .responsive-menu#responsive-menu .menu-head,
    body .responsive-menu#responsive-menu .p2tabs--sidebar,
    body .responsive-menu#responsive-menu .sidebar-section-title,
    body .responsive-menu#responsive-menu .menu-body,
    body .responsive-menu#responsive-menu .sb-top-btn.supportbtn,
    body .responsive-menu#responsive-menu .categories:not(#custom-6q-sidebar-menu) {
        display: none !important;
    }

    /* Mobilde metin ve ikon her zaman görünür */
    #custom-6q-sidebar-menu .sb-top-btn {
        width: 100% !important;
    }

    #custom-6q-sidebar-menu .sb-top-title {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Mobilde lang footer görünür */
    body .responsive-menu#responsive-menu .sidebar-lang-footer {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 16px 0 0 0 !important;
        margin: 0 !important;
        order: 99 !important;
    }

    /* Mobilde margin-left yok */
    main.main-content, .layout-content, #main-wrapper {
        margin-left: 0 !important;
    }
}