/* Birlesik: inc/header.php inline stiller */

.headBar {
    z-index: 100;
}

/* Extracted from: inc/header.php */
/* <style> block #1, lines 85-379 */

@keyframes starTwinkle {
        0%, 100% { opacity: 0.6; transform: scale(1); }
        50% { opacity: 1; transform: scale(1.2); }
    }
    
    .headLogo {
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        overflow: visible;
        padding: 0 8px;
        transition: all 0.2s ease;
        margin-right: -62px !important;
    }

    .site-logo-image {
        display: block;
        height: auto;
        max-height: 56px;
        width: auto;
        max-width: 240px;
        object-fit: contain;
        object-position: center;
        transform: scale(1.6);
        transform-origin: center center;
    }

    @media (min-width: 1200px) {
        .site-logo-image {
            max-height: 60px;
            max-width: 250px;
            transform: translateX(6px) scale(1.73);
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .site-logo-image {
            max-height: 56px;
            max-width: 230px;
            transform: translateX(5px) scale(1.66);
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .site-logo-image {
            max-height: 52px;
            max-width: 210px;
            transform: scale(1.5);
        }
    }

    @media (min-width: 576px) and (max-width: 767px) {
        .site-logo-image {
            max-height: 48px;
            max-width: 185px;
            transform: translateX(14px) scale(2.01);
        }
    }

    @media (min-width: 480px) and (max-width: 575px) {
        .site-logo-image {
            max-height: 44px;
            max-width: 170px;
            transform: translateX(12px) scale(1.93);
        }
    }

    @media (min-width: 361px) and (max-width: 479px) {
        .site-logo-image {
            max-height: 40px;
            max-width: 155px;
            transform: translateX(10px) scale(1.86);
        }
    }

    @media (max-width: 360px) {
        .site-logo-image {
            max-height: 36px;
            max-width: 140px;
            transform: translateX(8px) scale(1.79);
        }
    }

    /* Override aggressive width rules added later */
    .site-logo-image {
        height: auto;
        width: auto !important;
    }
    
    /* Masaüstü Büyük (1200px ve üzeri) - ORTADA */
    @media (min-width: 1200px) {
        .desktop-stars div {
            opacity: 0.8 !important;
            font-size: 10px !important;
            margin-left: -12px !important;
            margin-right: -12px !important;
        }
        .mobile-star {
            display: none !important;
        }
        .logo-text {
            font-size: 24px !important;
            letter-spacing: 2px !important;
        }
        .headLogo > div {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }
        .headLogo {
            padding: 0 15px;
            justify-content: center !important;
        }
    }
    
    /* Masaüstü Normal (992px - 1199px) - ORTADA */
    @media (min-width: 992px) and (max-width: 1199px) {
        .desktop-stars div {
            opacity: 0.8 !important;
            font-size: 9px !important;
            margin-left: -10px !important;
            margin-right: -10px !important;
        }
        .mobile-star {
            display: none !important;
        }
        .logo-text {
            font-size: 22px !important;
            letter-spacing: 1.8px !important;
        }
        .headLogo > div {
            padding-top: 9px !important;
            padding-bottom: 9px !important;
        }
        .headLogo {
            padding: 0 12px;
            justify-content: center !important;
        }
    }
    
    /* Küçük Masaüstü (768px - 991px) - ORTADA */
    @media (min-width: 768px) and (max-width: 991px) {
        .desktop-stars div {
            opacity: 0.7 !important;
            font-size: 8px !important;
            margin-left: -8px !important;
            margin-right: -8px !important;
        }
        .mobile-star {
            display: none !important;
        }
        .logo-text {
            font-size: 20px !important;
            letter-spacing: 1.5px !important;
        }
        .headLogo > div {
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }
        .headLogo {
            padding: 0 10px;
            justify-content: center !important;
        }
    }
    
    /* Tablet Yatay (576px - 767px) - GEÇİŞ */
    @media (min-width: 576px) and (max-width: 767px) {
        .desktop-stars div {
            opacity: 0.5 !important;
            font-size: 8px !important;
            margin-left: -6px !important;
            margin-right: -6px !important;
        }
        .mobile-star {
            font-size: 9px !important;
            margin-left: 2px;
            display: inline-block !important;
        }
        .logo-text {
            font-size: 18px !important;
        }
        .headLogo {
            padding: 0 8px;
            justify-content: center !important;
        }
        .headLogo > div {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }
    }
    
    /* Büyük Mobil (480px - 575px) - SOLDA */
    @media (min-width: 480px) and (max-width: 575px) {
        .desktop-stars div {
            display: none !important;
        }
        .mobile-star {
            font-size: 9px !important;
            margin-left: 2px;
        }
        .logo-text {
            font-size: 18px !important;
        }
        .headLogo {
            padding: 0 6px;
            justify-content: flex-start !important;
        }
        .headLogo > div {
            padding-top: 6px !important;
            padding-bottom: 6px !important;
            margin-left: 6px !important;
            justify-content: flex-start !important;
        }
    }
    
    /* Mobil Normal (361px - 479px) - SOLDA */
    @media (min-width: 361px) and (max-width: 479px) {
        .desktop-stars div {
            display: none !important;
        }
        .mobile-star {
            font-size: 8px !important;
            margin-left: 2px;
        }
        .logo-text {
            font-size: 16px !important;
        }
        .headLogo {
            padding: 0 5px;
            justify-content: flex-start !important;
        }
        .headLogo > div {
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            margin-left: 3px !important;
            justify-content: flex-start !important;
        }
    }
    
    /* Çok Küçük Mobil (360px ve altı) - SOLDA */
    @media (max-width: 360px) {
        .desktop-stars div {
            display: none !important;
        }
        .mobile-star {
            font-size: 7px !important;
            margin-left: 1px;
        }
        .logo-text {
            font-size: 15px !important;
            letter-spacing: 0.5px !important;
        }
        .headLogo {
            padding: 0 4px;
            justify-content: flex-start !important;
        }
        .headLogo > div {
            padding-top: 4px !important;
            padding-bottom: 4px !important;
            margin-left: 3px !important;
            justify-content: flex-start !important;
        }
    }
    
    /* Header içinde düzenleme */
    .headLogo > div {
        max-width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
    }
    
    /* Yıldızların tam konumu */
    .desktop-stars {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    
    /* Header yüksekliğine göre otomatik ayar */
    header .headLogo {
        min-height: 60px;
    }

    /* layout overrides removed to keep header structure stable */


/* Extracted from: inc/header.php */
/* <style> block #2, lines 434-461 */

/* Header içi kullanıma uygun hale getirildi */
                            .cert-logo {
                                display: inline-block;
                                margin-left: auto;
                                margin-right: 0;
                                padding: 5px;
                                transition: transform 0.3s ease;
                            }

                            .cert-logo:hover {
                                transform: scale(1.05);
                            }

                            .cert-image {
                                width: 80px;
                                height: auto;
                                border-radius: 6px;
                                box-shadow: 0 2px 6px rgba(0,0,0,0.2);
                            }

                            /* Mobilde boyutu küçült */
                            @media (max-width: 768px) {
                                .cert-image {
                                    width: 60px;
                                }
                            }


/* Extracted from: inc/header.php */
/* <style> block #3, lines 464-724 */

/*
     * Girişli header şeridi: Para Yatır + bakiye + profil — tek satır, aynı yükseklik,
     * hafif köşe yuvarlaklığı (~3px), zümrüt tonları.
     * headBar + loginCol + .btn seçici özgüllüğünü aşmak için tam yol kullanılır.
     */
    header.headBar .headerItem .loginCol .hdr-auth-cluster {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        line-height: 1 !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster .playerCol {
        margin: 0 !important;
        position: relative !important;
        align-self: center !important;
        flex-shrink: 0 !important;
        display: flex !important;
        align-items: center !important;
        line-height: 0 !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster > button.btn.btn-primary.depositBtn {
        margin: 0 !important;
        border-radius: 3px !important;
        box-sizing: border-box !important;
        min-height: 40px !important;
        height: 40px !important;
        max-height: 40px !important;
        padding: 0 14px !important;
        flex-shrink: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.07em !important;
        text-transform: uppercase !important;
        line-height: 1 !important;
        border: 1px solid rgba(47, 132, 68, 0.9) !important;
        background: linear-gradient(
            180deg,
            #42a564 0%,
            #2f8444 45%,
            #246b38 100%
        ) !important;
        color: #ffffff !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.14),
            0 2px 10px rgba(0, 0, 0, 0.28) !important;
        transition: filter 0.2s ease, border-color 0.2s ease !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        vertical-align: middle !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster > button.btn.btn-primary.depositBtn:hover,
    header.headBar .headerItem .loginCol .hdr-auth-cluster > button.btn.btn-primary.depositBtn:focus-visible {
        filter: brightness(1.07);
        border-color: rgba(232, 197, 71, 0.5) !important;
        outline: none !important;
        color: #ffffff !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster > span.balText {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        box-sizing: border-box !important;
        min-height: 40px !important;
        height: 40px !important;
        max-height: 40px !important;
        padding: 0 12px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        font-weight: 600 !important;
        font-size: 0.875rem !important;
        border-radius: 3px !important;
        background: linear-gradient(
            180deg,
            rgba(14, 79, 50, 0.62) 0%,
            rgba(21, 61, 30, 0.96) 100%
        ) !important;
        color: #eafdf2 !important;
        border: 1px solid rgba(47, 132, 68, 0.75) !important;
        box-shadow:
            0 2px 10px rgba(0, 0, 0, 0.35),
            inset 0 1px 0 rgba(82, 170, 104, 0.22) !important;
        font-family: 'Segoe UI', sans-serif !important;
        transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
        white-space: nowrap !important;
        max-width: 100% !important;
        width: fit-content !important;
        line-height: 1 !important;
        vertical-align: middle !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster > span.balText .currency {
        margin-left: 6px !important;
        color: #7fe09c !important;
        font-weight: 700 !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster > span.balText .amount {
        color: #d9ffe9 !important;
        letter-spacing: 0.02em !important;
        font-variant-numeric: tabular-nums !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster > span.balText:hover,
    header.headBar .headerItem .loginCol .hdr-auth-cluster > span.balText:active {
        background: linear-gradient(
            180deg,
            rgba(30, 98, 45, 0.78) 0%,
            rgba(21, 61, 30, 1) 100%
        ) !important;
        border-color: rgba(82, 170, 104, 0.95) !important;
        box-shadow:
            0 2px 14px rgba(47, 132, 68, 0.35),
            inset 0 1px 0 rgba(182, 245, 207, 0.16) !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster > span.balText:hover .amount {
        color: #ffffff !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster > span.balText:hover .currency {
        color: #b6f5cf !important;
    }

    header.headBar .headerItem .loginCol .hdr-auth-cluster .playerCol button.userBtn.userBtn--hdr-avatar {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        padding: 0 !important;
        border-radius: 3px !important;
        box-sizing: border-box !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
        line-height: 0 !important;
        vertical-align: middle !important;
    }

    @media (max-width: 576px) {
        header.headBar .headerItem .loginCol .hdr-auth-cluster {
            gap: 6px !important;
        }

        header.headBar .headerItem .loginCol .hdr-auth-cluster > button.btn.btn-primary.depositBtn {
            min-height: 36px !important;
            height: 36px !important;
            max-height: 36px !important;
            padding: 0 10px !important;
            font-size: 10px !important;
            letter-spacing: 0.05em !important;
            border-radius: 3px !important;
        }

        header.headBar .headerItem .loginCol .hdr-auth-cluster > span.balText {
            min-height: 36px !important;
            height: 36px !important;
            max-height: 36px !important;
            padding: 0 8px !important;
            font-size: 0.72rem !important;
            border-radius: 3px !important;
        }

        header.headBar .headerItem .loginCol .hdr-auth-cluster .playerCol button.userBtn.userBtn--hdr-avatar {
            width: 36px !important;
            height: 36px !important;
            min-width: 36px !important;
            min-height: 36px !important;
            max-width: 36px !important;
            max-height: 36px !important;
            border-radius: 3px !important;
        }
    }

    header.headBar .hdr-auth-cluster i.hdr-user-avatar-icon-bc.bc-i-user {
        font-style: normal;
        display: block;
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 3px;
        background: linear-gradient(165deg, #153d1e 0%, #0f2318 52%, #070f0c 100%);
        border: 1px solid rgba(47, 132, 68, 0.52);
        box-shadow:
            0 2px 12px rgba(0, 0, 0, 0.38),
            inset 0 1px 0 rgba(82, 170, 104, 0.14);
        position: relative;
        overflow: visible;
        box-sizing: border-box;
    }

    header.headBar .hdr-auth-cluster i.hdr-user-avatar-icon-bc.bc-i-user::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        box-sizing: border-box;
        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='14' r='5.3' fill='%230f291c'/%3E%3Cpath fill='%230f291c' d='M10 39.5c0-8.2 6.4-14.2 14-14.2s14 6 14 14.2H10z'/%3E%3C/svg%3E"),
            linear-gradient(158deg, #5bbd72 0%, #2f8444 46%, #1e622d 100%);
        background-size: 64% auto, 100% 100%;
        background-position: 50% 46%, center;
        background-repeat: no-repeat;
        box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    header.headBar .hdr-auth-cluster .userBtn--hdr-avatar:hover i.hdr-user-avatar-icon-bc.bc-i-user {
        border-color: rgba(232, 197, 71, 0.42);
        box-shadow:
            0 4px 16px rgba(47, 132, 68, 0.38),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    header.headBar .hdr-auth-cluster .userBtn--hdr-avatar:hover i.hdr-user-avatar-icon-bc.bc-i-user::before {
        filter: brightness(1.06) saturate(1.05);
    }

    header.headBar .hdr-auth-cluster .userBtn--hdr-avatar i.user-not-verified::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        right: -1px;
        bottom: -1px;
        background: #e8c547;
        border: 2px solid #153d1e;
        border-radius: 50%;
        box-sizing: border-box;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
        z-index: 1;
    }

    @media (max-width: 576px) {
        header.headBar .hdr-auth-cluster i.hdr-user-avatar-icon-bc.bc-i-user {
            width: 36px;
            height: 36px;
            border-radius: 3px;
        }

        header.headBar .hdr-auth-cluster i.hdr-user-avatar-icon-bc.bc-i-user::before {
            width: 27px;
            height: 27px;
        }
    }


/* Extracted from: inc/header.php */
/* <style> block #4, lines 780-848 */

.hidesection {
        display: none !important;
    }

    /* Profil açılır menü — zümrüt zemin, okunaklı açık tonlu yazılar */
    header #playerNav {
        background: linear-gradient(180deg, #153d1e 0%, #0f291c 42%, #0b1511 100%) !important;
        border: 1px solid rgba(47, 132, 68, 0.55) !important;
        border-radius: 3px !important;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.06) inset,
            0 14px 40px rgba(0, 0, 0, 0.45),
            0 0 0 1px rgba(21, 61, 30, 0.6) !important;
        overflow: hidden;
    }

    header #playerNav .pl-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        color: #f1f5f4 !important;
        border-bottom: 1px solid rgba(47, 132, 68, 0.28);
        text-decoration: none;
        font-weight: 500;
    }

    header #playerNav .pl-link:last-child {
        border-bottom: none;
    }

    header #playerNav .pl-link i {
        color: #9fd4ae !important;
    }

    header #playerNav .pl-link:hover {
        background: rgba(47, 132, 68, 0.42) !important;
        color: #ffffff !important;
    }

    header #playerNav .pl-link:hover i {
        color: #e8c547 !important;
    }

    header #playerNav .pl-link:nth-last-child(2) {
        border-bottom: none;
    }

    header #playerNav .pl-link--footer {
        border-top: 1px solid rgba(232, 197, 71, 0.35);
        margin-top: 4px;
        padding-top: 0.5rem;
        color: #fde8a8 !important;
    }

    header #playerNav .pl-link--footer i {
        color: #e8c547 !important;
    }

    header #playerNav .pl-link--footer:hover {
        background: rgba(47, 132, 68, 0.5) !important;
        color: #fffbeb !important;
    }

    header .playerNav .mobile-section .flex span {
        color: rgba(241, 245, 244, 0.95) !important;
    }


/* Extracted from: inc/header.php */
/* <style> block #5, lines 1010-1014 */

header .hidden,
    .playerNav.hidden {
        display: none !important;
    }


/* Extracted from: inc/header.php */
/* <style> block #6, lines 1025-1042 */

.swal-high-zindex {
        z-index: 9999 !important; /* z-index değerini yükseltiyoruz */
    }
    /* Ensure SweetAlert has a high z-index */
    .swal2-popup {
        z-index: 9999 !important;  /* Ensure SweetAlert is on top */
    }

    .swal2-overlay {
        z-index: 9998 !important;  /* The overlay should be just below the popup */
    }

    /* Optional: Style for SweetAlert container to make sure it stays centered */
    .swal2-container {
        z-index: 9999 !important;  /* Ensure container is on top */
    }


/* Extracted from: inc/header.php */
/* <style> block #7, lines 1189-1197 */

#g5-sidebar {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    #g5-sidebar::-webkit-scrollbar {
        display: none;
    }