/* ==========================================================================
   PATHTOESPORTS - MERKEZİ TEMA VE RENK YÖNETİM DOSYASI (THEME.CSS)
   ==========================================================================
   Bu dosya, sitedeki tüm renkleri tek bir yerden değiştirebilmeniz için 
   özel olarak tasarlanmıştır. Buradaki renk kodlarını (Hex) değiştirdiğinizde, 
   sitedeki tüm sayfalar, arkaplanlar, butonlar ve yazılar otomatik değişir!
   ========================================================================== */

:root {
    /* ======================================================================
       1. ARKAPLAN RENKLERİ (BACKGROUND COLORS - %60)
       ====================================================================== */
    --theme-bg-main: #000000;
    /* Sitenin en arka planı (html, body, ana kapsayıcılar) */
    --theme-bg-charcoal: #0A0A0A;
    /* Derinlik katan ikincil arkaplan (Charcoal) */
    --theme-bg-surface: #1C1919;
    /* Yüzeyler, açılır menüler, modallar ve alt alanlar */

    /* ======================================================================
       2. KART VE ÇERÇEVE RENKLERİ (CARD & BORDER COLORS - %10)
       ====================================================================== */
    --theme-bg-card: #413A3A;
    /* Kart arkaplanları ve liste kutuları */
    --theme-border: #413A3A;
    /* Genel çizgiler, borderlar ve ayırıcılar */

    /* ======================================================================
       3. BUTON RENKLERİ (BUTTON COLORS - %30)
       ====================================================================== */
    /* Ana Butonlar (Örn: Co-Streamer Application, Submit vb.) */
    --theme-btn-primary-bg: #FFD61F;
    /* Normal arkaplan rengi */
    --theme-btn-primary-text: #000000;
    /* Normal yazı rengi */
    --theme-btn-primary-hover-bg: #61A1D7;
    /* Hover (üzerine gelince) arkaplanı */
    --theme-btn-primary-hover-text: #FFFFFF;
    /* Hover yazı rengi */

    /* İkincil / Aksan Butonlar (Örn: Co-Streamer Guidelines vb.) */
    --theme-btn-accent-bg: #FFD61F;
    /* Normal arkaplan rengi */
    --theme-btn-accent-text: #000000;
    /* Normal yazı rengi */
    --theme-btn-accent-hover-bg: #61A1D7;
    /* Hover arkaplanı */
    --theme-btn-accent-hover-text: #FFFFFF;
    /* Hover yazı rengi */

    /* Pasif (Tıklanamaz) Butonlar */
    --theme-btn-disabled-bg: #1C1919;
    /* Pasif buton arkaplanı */
    --theme-btn-disabled-text: #EAF9F5;
    /* Pasif buton yazı rengi */

    /* ======================================================================
       4. YAZI RENKLERİ (TEXT COLORS)
       ====================================================================== */
    --theme-text-main: #FFFFFF;
    /* Ana başlıklar ve aktif yazılar */
    --theme-text-muted: #EAF9F5;
    /* Alt başlıklar, soluk yazılar ve footer metinleri */
    --theme-badge-present-text: #EAF9F5;
    /* Takım/Kariyer durumundaki PRESENT etiketinin yazı rengi */

    /* ======================================================================
       5. AKSAN VE DETAY RENKLERİ (ACCENT COLORS)
       ====================================================================== */
    --theme-accent-yellow: #FFD61F;
    /* Açık sarı vurgular */
    --theme-accent-yellow-dark: #FFCC25;
    /* Koyu sarı vurgular ve hover çizgileri */
    --theme-accent-blue: #61A1D7;
    /* Linkler, mavi etiketler ve bildirimler */
    --theme-contact-blue: #2D6AF8;
    /* Contact sekmesindeki CobaltWinds / CWL basliklari */
    --theme-accent-red: #FF3A3D;
    /* Uyarılar, hata mesajları, iptal butonları */
    --theme-shadow-divider: 0 0 4px rgba(255, 214, 31, 0.4);
    /* Navigasyon barındaki sarı süs çubuğunun yumuşatılmış gölgesi */
    --theme-shadow-focal-point: drop-shadow(0 0 8px rgba(255, 214, 31, 0.15));
    /* Player search PNG resminin yüksek oranda düşürülmüş hafif sarı gölgesi */
    --theme-shadow-about-img: drop-shadow(0 0 8px rgba(255, 214, 31, 0.15));
    /* About sayfası Orianna PNG resminin yüksek oranda düşürülmüş hafif sarı gölgesi */
    --theme-shadow-hero-img: drop-shadow(0 0 8px rgba(255, 214, 31, 0.10));
    /* Hero sayfası Focal Point resminin hafif sarı gölgesi */
    --theme-shadow-team-logo: drop-shadow(0 0 5px #EAF9F5);
    /* Achievements kısmındaki koyu takım logolarını ortaya çıkaran zarif gölge */
    --theme-border-profile-avatar: var(--theme-accent-yellow);
    /* Profil sayfasındaki kullanıcı avatarının sarı çerçevesi */
    --theme-bg-document: transparent;
    /* Rulebook ve dokümanlar için saf siyah arkaplanla birleşen saydam arkaplan */
    --theme-shadow-document: none;
    /* Doküman kağıdı gölgesi kaldırıldı */

    /* ======================================================================
       7. TOAST BİLDİRİM RENKLERİ (TOAST NOTIFICATION COLORS)
       ====================================================================== */
    --theme-toast-bg: #000000;
    /* Toast arkaplanı (saf siyah) */
    --theme-toast-border: var(--theme-accent-yellow);
    /* Toast kenarlık rengi (sarı) */
    --theme-toast-text: var(--theme-text-main);
    /* Toast yazı rengi (beyaz) */
    --theme-toast-icon-error: var(--theme-accent-red);
    /* Hata ikonu rengi (kırmızı) */
    --theme-toast-close: var(--theme-text-muted);
    /* Kapatma butonu rengi */
    --theme-toast-close-hover: var(--theme-text-main);
    /* Kapatma butonu hover rengi */
}

/* ==========================================================================
   MERKEZİ ARKAPLAN VE GENEL STİL ZORLAMALARI (GLOBAL FORCE STYLES)
   ========================================================================== */
html,
body {
    background-color: var(--theme-bg-main) !important;
    background: var(--theme-bg-main) !important;
    color: var(--theme-text-main) !important;
}

/* =========================================
   GLOBAL SCROLLBAR STYLING
========================================= */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--theme-bg-main);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: var(--theme-border);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--theme-accent-yellow);
}

/* ==========================================================================
   TEXT.COM / LIVECHAT AI ASSISTANT WIDGET COMPACT SIZE
   ========================================================================== */
#chat-widget-container {
    max-height: 480px !important;
    max-width: 350px !important;
    bottom: 15px !important;
    right: 15px !important;
}

#chat-widget-container iframe,
iframe[data-test-id="chat-widget-iframe"],
iframe#chat-widget-maximized {
    max-height: 480px !important;
    max-width: 350px !important;
}

@media (max-width: 768px) {

    #chat-widget-container,
    #chat-widget-container iframe,
    iframe[data-test-id="chat-widget-iframe"],
    iframe#chat-widget-maximized {
        max-height: 400px !important;
        max-width: 90vw !important;
    }
}
/* ======================================================================
   ANNOUNCEMENT BARS
   ====================================================================== */
.announcement-bar {
    width: 100%;
    padding: 0.4rem 1rem;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 500;
    box-sizing: border-box;
    display: none;
    z-index: 1000;
    position: relative;
}

.announcement-bar.announcement-1 {
    background-color: #FFD61F;
    color: #000000;
}

.announcement-bar.announcement-2 {
    background-color: #2D6AF8;
    color: #FFFFFF;
}

.announcement-bar p {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    word-break: break-word;
}