/* =====================================================
   BACKGROUND OVERRIDE — Son yüklenen CSS, tümünü ezer
   ===================================================== */

:root {
    --bg-primary:   #080808 !important;
    --bg-secondary: #0f0f0f !important;
    --bg-tertiary:  #141414 !important;
    --bg-card:      rgba(14, 14, 14, 0.95) !important;
    --glass-bg:     rgba(18, 18, 18, 0.8) !important;
}

html { background: #080808 !important; }

body {
    background-color: #080808 !important;
    background-image: url('/assets/images/anasayfa.webp') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Radial glow'ları kapat, üzerine koyu overlay koy */
body::before {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -1 !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    background: rgba(0, 0, 0, 0.72) !important;
}

/* body::after tamamen kapat */
body::after {
    display: none !important;
    content: none !important;
}

/* Navbar scrolled glow kaldır */
.navbar.scrolled {
    box-shadow: 0 4px 20px rgba(0,0,0,0.9) !important;
}

/* ── AUTH BUTTONS — tüm parlama/glow efektlerini kapat ── */
.modern-auth-btn,
.modern-auth-btn:hover,
.modern-auth-btn:focus,
.modern-auth-btn:active {
    filter: none !important;
    box-shadow: none !important;
    transform: none !important;
    text-shadow: none !important;
}

.modern-auth-btn::before,
.modern-auth-btn::after {
    display: none !important;
    content: none !important;
}

.modern-auth-btn-register {
    background: #FFD700 !important;
    border: 1px solid #FFD700 !important;
    color: #000 !important;
    opacity: 1 !important;
}
.modern-auth-btn-register:hover {
    background: #ECC900 !important;
    border-color: #ECC900 !important;
    filter: none !important;
    box-shadow: none !important;
    transform: none !important;
}
.modern-auth-btn-register .btn-content,
.modern-auth-btn-register .btn-text { color: #000 !important; }

.modern-auth-btn-login {
    background: transparent !important;
    border: 1px solid rgba(212,175,55,0.4) !important;
    color: #C8A84B !important;
    box-shadow: none !important;
}
.modern-auth-btn-login:hover {
    background: rgba(212,175,55,0.08) !important;
    border-color: rgba(212,175,55,0.65) !important;
    color: #FFD700 !important;
    filter: none !important;
    box-shadow: none !important;
    transform: none !important;
}
.modern-auth-btn-login .btn-content,
.modern-auth-btn-login .btn-text { color: inherit !important; }
/* ── PROMO BANNER — tüm arkaplan/glow/border kaldır ── */
.promo-banner-item,
.promo-banner-item:hover,
.promo-banner-item:active {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}

.promo-banner-item::before,
.promo-banner-item::after,
.promo-banner-item:hover::before,
.promo-banner-item:hover::after,
.promo-banner-item:active::before,
.promo-banner-item:active::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

.promo-banner-link,
.promo-banner-link:hover {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.promo-banner-link::before,
.promo-banner-link::after {
    display: none !important;
    content: none !important;
}

/* ── SOCIAL MEDIA SIDEBAR ── */
.social-sidebar {
    position: fixed;
    right: 0 !important;
    left: auto !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
    overflow: visible;
}

.social-sidebar-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 44px;
    border-radius: 8px 0 0 8px;
    background: rgba(10, 8, 0, 0.88);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-right: none;
    backdrop-filter: blur(8px);
    overflow: hidden;
    transition: background 0.25s ease, border-color 0.25s ease;
    /* Icon her zaman görünür */
    min-width: 44px;
}

/* Label — icon'un sağında açılır */
.social-sidebar-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    color: #fff;
    white-space: nowrap;
    max-width: 0;
    overflow: hidden;
    opacity: 0;
    padding-left: 0;
    padding-right: 0;
    transition: max-width 0.35s cubic-bezier(0.4,0,0.2,1),
                opacity 0.2s ease,
                padding-right 0.35s ease;
}

.social-sidebar-item:hover .social-sidebar-label {
    max-width: 110px;
    opacity: 1;
    padding-right: 14px;
}

/* Icon — ortada sabit */
.social-sidebar-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #D4AF37;
    transition: color 0.2s ease;
    flex-shrink: 0;
    margin-left: 0;
}

/* Renk temaları */
.social-instagram:hover { background: rgba(193, 53, 132, 0.25); border-color: rgba(193, 53, 132, 0.5); }
.social-instagram:hover .social-sidebar-icon { color: #E1306C; }

.social-telegram:hover { background: rgba(0, 136, 204, 0.25); border-color: rgba(0, 136, 204, 0.5); }
.social-telegram:hover .social-sidebar-icon { color: #29B6F6; }

.social-youtube:hover { background: rgba(255, 0, 0, 0.2); border-color: rgba(255, 0, 0, 0.4); }
.social-youtube:hover .social-sidebar-icon { color: #FF0000; }

.social-whatsapp:hover { background: rgba(37, 211, 102, 0.2); border-color: rgba(37, 211, 102, 0.4); }
.social-whatsapp:hover .social-sidebar-icon { color: #25D366; }

@media (max-width: 768px) {
    .social-sidebar { display: none !important; }
}