/* ================= 1. الإعدادات والخطوط ================= */
    html, body { 
        max-width: 100vw;
        overflow-x: hidden;
        margin: 0; padding: 0;
        box-sizing: border-box; 
        background: radial-gradient(circle at 10% 20%, rgba(16, 25, 41, 1) 0%, rgba(10, 17, 32, 1) 90%);
        color: #e8edf2;
        font-family: 'Tajawal', 'Segoe UI', 'Cairo', 'Noto Naskh Arabic', Arial, sans-serif; 
    }
    * { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
    a { text-decoration: none !important; transition: 0.3s; color: inherit;}
    .row { margin-left: 0 !important; margin-right: 0 !important; }

    /* ================= 2. الهيدر واللوقو التجاري (دبة وعريض) ================= */
    .main-nav { 
        background: rgba(10, 17, 32, 0.96);
        border-bottom: 2px solid rgba(251, 191, 36, 0.3); 
        backdrop-filter: blur(20px); 
        padding: 12px 0; 
        position: sticky; 
        top: 0; 
        z-index: 100;
    /* 🎯 توحيد حجم أزرار التنقل - متناسقة لجميع الشاشات */
    .main-nav .container > a,
    .main-nav .container > div > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 7px 12px !important;
        font-size: 0.86rem !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        border-radius: 9px !important;
        transition: all 0.2s ease !important;
        line-height: 1 !important;
        color: #cbd5e1 !important;
        text-decoration: none !important;
    }
    .main-nav .container > a i,
    .main-nav .container > div > a i {
        font-size: 0.9em !important;
        width: auto !important;
        margin: 0 !important;
    }
    .main-nav .container > a:hover,
    .main-nav .container > a.active,
    .main-nav .container > div > a:hover,
    .main-nav .container > div > a.active {
        color: #fbbf24 !important;
        background: rgba(251, 191, 36, 0.08) !important;
    }
    @media (max-width: 992px) {
        .main-nav .container > a,
        .main-nav .container > div > a {
            padding: 6px 9px !important;
            font-size: 0.8rem !important;
        }
        .main-nav .container > a i,
        .main-nav .container > div > a i {
            font-size: 0.85em !important;
        }
    }
    @media (max-width: 768px) {
        .main-nav .container > a,
        .main-nav .container > div > a {
            padding: 5px 7px !important;
            font-size: 0.74rem !important;
            gap: 3px !important;
        }
        .main-nav .container > a i,
        .main-nav .container > div > a i {
            font-size: 0.8em !important;
        }
    }
    }
    
    /* اللوقو: عريض، دبة، متقارب جداً، واحترافي */
    .logo-link { 
        font-size: clamp(2rem, 7vw, 2.8rem) !important;
        font-family: 'Tajawal', 'Segoe UI', 'Cairo', 'Noto Naskh Arabic', Arial, sans-serif !important; 
        font-weight: 900 !important; /* أقصى سماكة */
        display: flex !important; 
        flex-direction: row !important; 
        align-items: center; 
        justify-content: center; 
        direction: ltr !important;
        letter-spacing: -1.5px; /* تقريب الحروف لتعطي ضخامة */
        gap: 2px !important;
    }
    .logo-chat { color: #fbbf24 !important; font-weight: 900 !important; text-shadow: 0 3px 10px rgba(251,191,36,0.4); } 
    .logo-dot { color: #ffffff !important; font-weight: 900 !important; font-size: 1.1em;}
    .logo-ne { color: #ef4444 !important; font-weight: 900 !important; text-shadow: 0 3px 10px rgba(239,68,68,0.4); }
    
    .logo-ball { 
        width: clamp(28px, 6vw, 36px); 
        height: clamp(24px, 5.2vw, 31px); 
        object-fit: contain;
        animation: ballBounce 5s linear infinite;
        vertical-align: baseline;
        align-self: center;
        position: relative;
        top: -4.8px;
        margin: 0 -4px 0 -4px; 
        filter: drop-shadow(0 3px 6px rgba(0,0,0,0.6));
    }
    @keyframes ballBounce { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
    @supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
        .logo-ball { top: -6px; }
    }

    .online-badge { display: inline-flex; align-items: center; gap: 7px; font-size: 0.9rem; color: #cbd5e1; font-weight: 700; margin-top: 5px;}
    .online-dot { width: 9px; height: 9px; background: #22c55e; border-radius: 50%; animation: pulse-dot 1.5s infinite; display: inline-block; }
    @keyframes pulse-dot { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.6); opacity: 0.6; } }
    .online-num { color: #22c55e; font-weight: 900; }
    
    .social-icons a { color: #8896a8; font-size: 1.3rem; display: inline-block; padding: 0 8px;}
    .social-icons a:hover { transform: scale(1.25) translateY(-2px); color: #fff; }
    .social-icons .ig:hover { color: #e4405f; } .social-icons .tg:hover { color: #0088cc; } .social-icons .wa:hover { color: #25d366; }

    /* ================= 3. شريط التنقل (متقارب، خط دبة، متوافق مع كل الشاشات) ================= */
    .nav-bar-pro { 
        background: #080c10;
        border-bottom: 1px solid rgba(255,255,255,0.03); 
        padding: 0; 
        display: flex;
        justify-content: center;
        overflow: hidden; /* يمنع الزحف يمين ويسار */
        width: 100%;
    }
    /* 🎯 CSS Grid - موحّد لجميع المتصفحات */
    .nav-bar-inner {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 2px !important;
        padding: 6px 4px 0 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        direction: rtl !important;
    }
    .nav-bar-inner a {
        color: #cbd5e1 !important;
        font-family: 'Tajawal', 'Segoe UI', 'Cairo', 'Noto Naskh Arabic', Arial, sans-serif !important;
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        padding: 8px 2px !important;
        border-bottom: 4px solid transparent !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        border-radius: 12px 12px 0 0 !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        text-decoration: none !important;
        min-width: 0 !important;
        text-align: center !important;
    }
    .nav-bar-inner a i {
        font-size: 1.1em !important;
        color: #fbbf24 !important;
        width: auto !important;
        margin: 0 !important;
    }
    .nav-bar-inner a:hover,
    .nav-bar-inner a.active {
        color: #fff !important;
        background: rgba(251,191,36,0.1) !important;
        border-bottom-color: #fbbf24 !important;
    }
    @media (max-width: 380px) {
        .nav-bar-inner a {
            font-size: 0.68rem !important;
            padding: 7px 1px !important;
            gap: 3px !important;
        }
        .nav-bar-inner a i { font-size: 1em !important; }
    }
    @media (min-width: 769px) {
        .nav-bar-inner {
            max-width: 720px !important;
            padding: 8px 12px 0 12px !important;
            gap: 4px !important;
        }
        .nav-bar-inner a {
            font-size: 0.92rem !important;
            padding: 10px 6px !important;
            gap: 5px !important;
            flex-direction: row !important;
        }
    }

    /* ================= 4. البطاقات والنتيجة ================= */
    .glass-card { background: #17212e;
        border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); /* contain removed; backdrop-filter removed: caused rendering glitches on low-end Android GPUs */
    }
    .match-card { background: linear-gradient(145deg, rgba(25, 41, 62, 0.95), rgba(15, 25, 38, 0.95)); border: 1px solid rgba(255,255,255,0.04);
        border-radius: 16px; padding: 16px; display: block; color: inherit !important; margin-bottom: 12px; contain: layout style;
    }
    .match-card:hover { border-color: rgba(37, 99, 235, 0.4); transform: translateY(-3px) scale(1.01); box-shadow: 0 8px 25px rgba(37,99,235,0.15);
    }
    
    .match-league { font-size: 0.8rem; font-weight: 800; color: #cbd5e1; }
    .match-status { font-size: 0.75rem; color: #94a3b8; font-weight: 700; }
    .live-pulse { color: #ef4444; animation: blink 1.2s infinite; font-weight: 800; }
    @keyframes blink { 50% { opacity: 0.3; } }
    
    /* TEAM_HEIGHT_FIX_V1: توحيد ارتفاع بطاقات الفرق */
    .match-team-col { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 35%; }
    .team-logo { width: clamp(40px, 12vw, 55px) !important; height: clamp(40px, 12vw, 55px) !important; object-fit: contain !important;
        display: block !important; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.4)); }
    .match-team { color: #ffffff !important; font-weight: 800;
        font-size: clamp(0.85rem, 3vw, 1.05rem); text-align: center; margin-top: 8px; line-height: 1.3; text-shadow: 0 2px 5px rgba(0,0,0,0.6);
        /* توحيد الارتفاع: يضمن مساحة سطرين دائماً */
        min-height: 2.6em;
        display: flex;
        align-items: center;
        justify-content: center;
        word-break: break-word;
    }
    
    .match-score { display: flex; align-items: center; justify-content: center; gap: 8px;
        background: linear-gradient(135deg, #0a1120, #000) !important; color: #fff !important; font-weight: 900 !important; font-size: clamp(1.4rem, 5vw, 2rem) !important; padding: 6px 15px !important;
        border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.1) !important; box-shadow: inset 0 2px 10px rgba(0,0,0,0.8), 0 4px 15px rgba(0,0,0,0.5) !important;
        font-family: 'Arial', sans-serif !important; }
    .match-score.live { background: linear-gradient(135deg, #075985, #0ea5e9) !important; border-color: #38bdf8 !important;
        box-shadow: inset 0 2px 10px rgba(0,0,0,0.5), 0 0 20px rgba(56,189,248,0.3) !important;
    }
    .score-dash { font-size: clamp(1rem, 3.5vw, 1.4rem); opacity: 0.6; color: #fff; }
    .lcp-header { font-size: 1.2rem; font-weight: 900; margin-bottom: 16px; color: #fff; line-height: 1.5; contain: layout paint; text-align: center;}

    /* ================= 5. الجداول والمقالات ================= */
    .standings-table th { background: rgba(37,99,235,0.08); color: #38bdf8; padding: 10px 5px; font-size: 0.8rem; font-weight: 800; text-align: center; border-bottom: 2px solid rgba(255,255,255,0.05); white-space: nowrap; line-height: 1.2; }
    .standings-table td { padding: 10px 5px; border-bottom: 1px solid rgba(255,255,255,0.02); text-align: center; font-size: 0.85rem; font-weight: 700; color: #fff; white-space: nowrap; }
    .standings-table { width: 100%; table-layout: auto; }
    @media (max-width: 576px) {
        .standings-table th { font-size: 0.68rem !important; padding: 8px 3px !important; }
        .standings-table td { font-size: 0.75rem !important; padding: 8px 3px !important; }
        .standings-table th:first-child,
        .standings-table td:first-child { padding-left: 4px !important; padding-right: 4px !important; }
    }
    .pos-badge { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.75rem; font-weight: 900; }
    .pos-top { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; box-shadow: 0 3px 10px rgba(37,99,235,0.4); }
    .pos-normal { background: rgba(255,255,255,0.05); color: #cbd5e1; }
    
    .article-link { display: block;   margin-bottom: 16px; text-align: center !important; direction: rtl !important; }
    .article-link:hover { border-color: #38bdf8; transform: translateX(-3px); }
    .article-link h3 { color: #fff; font-size: 0.95rem; font-weight: 800; margin-bottom: 4px; line-height: 1.5; text-align: center !important; }
    .article-link p { font-size: 0.8rem; color: #cbd5e1; line-height: 1.7; margin: 0; font-weight: 700; text-align: center !important; }

    /* ═══ 🎨 بطاقات المقالات الفخمة (الصفحة الرئيسية) ═══ */
    .article-card {
        display: flex;
        gap: 12px;
        align-items: stretch;
        padding: 10px;
        background: linear-gradient(145deg, rgba(30, 48, 72, 0.85), rgba(15, 25, 38, 0.95));
        border: 1px solid rgba(251, 191, 36, 0.18);
        border-radius: 14px;
        margin-bottom: 12px;
        transition: all 0.3s ease;
        text-decoration: none !important;
        color: inherit !important;
        text-align: right !important;
        direction: rtl !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }
    .article-card:hover {
        border-color: rgba(251, 191, 36, 0.55);
        transform: translateY(-3px);
        box-shadow: 0 10px 28px rgba(251, 191, 36, 0.18);
        background: linear-gradient(145deg, rgba(35, 55, 82, 0.95), rgba(20, 32, 48, 0.98));
    }
    .article-card .card-thumb {
        width: 92px;
        height: 92px;
        min-width: 92px;
        object-fit: cover;
        border-radius: 11px;
        border: 1px solid rgba(251, 191, 36, 0.25);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
        background: #0f1926;
        flex-shrink: 0;
    }
    .article-card .card-content {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: right !important;
    }
    .article-card .card-title {
        margin: 0 0 6px 0 !important;
        font-size: 0.9rem !important;
        font-weight: 900 !important;
        color: #fbbf24 !important;
        line-height: 1.45 !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: right !important;
    }
    .article-card .card-excerpt {
        margin: 0 !important;
        font-size: 0.76rem !important;
        color: #cbd5e1 !important;
        line-height: 1.6 !important;
        font-weight: 700 !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: right !important;
    }
    @media (max-width: 576px) {
        .article-card .card-thumb { width: 80px; height: 80px; min-width: 80px; }
        .article-card .card-title { font-size: 0.85rem !important; }
        .article-card .card-excerpt { font-size: 0.72rem !important; }
    }

    
    .day-nav { gap: 6px !important; }
    .day-nav a { padding: 6px clamp(10px, 3.2vw, 18px); border-radius: 20px; font-size: clamp(0.72rem, 2.9vw, 0.82rem); white-space: nowrap; font-weight: 800; display: inline-block; background: rgba(255,255,255,0.03); color: #cbd5e1; border: 1px solid rgba(255,255,255,0.05); }
    .day-nav a:hover, .day-nav a.active { background: #fbbf24; color: #000; border-color: #fbbf24; box-shadow: 0 4px 15px rgba(251,191,36,0.3); }

    /* ================= 6. الفوتر ================= */
    .site-footer { background: #06090e; border-top: 3px solid #2563eb; padding: 15px 0 !important; margin-top: 0 !important; contain: layout; }
    .footer-extra-links { display: flex; justify-content: center; gap: 15px; align-items: center; flex-wrap: wrap; margin-top: 15px;}
    .extra-link { color: #cbd5e1 !important; font-size: 0.95rem; font-weight: 700; display: flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 8px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.04);}
    .extra-link i { color: #38bdf8; font-size: 1.2em; }
    .extra-link:hover { color: #fff !important; transform: translateY(-3px); background: rgba(56,189,248,0.1); border-color: rgba(56,189,248,0.3);}
    .copyright-container { border-top: 1px solid rgba(255,255,255,0.04); margin-top: 15px; padding-top: 10px;} 
    .copyright { font-size: 0.85rem; color: #8896a8; font-weight: 700; }

    /* ================= 7. الألقاب البراقة ================= */
    .insight-box { background: rgba(251, 191, 36, 0.05) !important; border: 1px solid rgba(251, 191, 36, 0.2) !important; color: #f8fafc !important; font-weight: 700 !important; padding: 15px; border-radius: 12px; margin-top: 15px; text-align: center !important;}
    .vote-btn { background: rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; color: #ffffff !important; font-weight: 900 !important; padding: 10px; border-radius: 12px; flex: 1; cursor: pointer;}
    .vote-home:hover { background: linear-gradient(90deg, #ef4444, #dc2626) !important; border-color: #ef4444 !important; }
    .vote-away:hover { background: linear-gradient(90deg, #0ea5e9, #0284c7) !important; border-color: #38bdf8 !important; }
    .chat-header span, .chat-header i { color: #fbbf24 !important; }
    
    .badge-vip, .badge-super, .badge-boss, .badge-king { position: relative; overflow: hidden; padding: 4px 12px !important; border-radius: 8px !important; font-size: 0.75rem !important; font-weight: 900 !important; display: inline-flex; align-items: center; justify-content: center; gap: 5px; z-index: 1; border: 1px solid rgba(255,255,255,0.2) !important; text-transform: uppercase; text-shadow: none !important; }
    .badge-vip::before, .badge-super::before, .badge-boss::before, .badge-king::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent); transform: skewX(-25deg); animation: premiumShine 3s infinite; z-index: -1; }
    @keyframes premiumShine { 0% { left: -100%; } 20% { left: 200%; } 100% { left: 200%; } }
    .badge-vip { background: linear-gradient(135deg, #1e40af, #38bdf8) !important; color: #ffffff !important; box-shadow: 0 0 12px rgba(56,189,248,0.5) !important; }
    .badge-super { background: linear-gradient(135deg, #6b21a8, #c084fc) !important; color: #ffffff !important; box-shadow: 0 0 15px rgba(192,132,252,0.6) !important; }
    .badge-boss { background: linear-gradient(135deg, #991b1b, #ef4444) !important; color: #ffffff !important; box-shadow: 0 0 18px rgba(239,68,68,0.7) !important; }
    .badge-king { background: linear-gradient(135deg, #b45309, #fbbf24, #fef08a) !important; color: #000000 !important; box-shadow: 0 0 25px rgba(251,191,36,0.8) !important; border-color: #fef08a !important; }

    @media (max-width: 768px) {
        .extra-link { width: 46%; justify-content: center; margin: 0; }
        .extra-link:last-child { width: 95%; }
        .match-card { padding: 12px; }
    }


    .news-ticker { display:flex; align-items:center; height:38px; overflow:hidden; background:#0b1220; border-top:1px solid rgba(255,255,255,0.06); border-bottom:1px solid rgba(255,255,255,0.06); }
    .news-ticker-tag { flex:0 0 auto; background:#b91c1c; color:#fff; font-weight:900; font-size:0.72rem; padding:4px 10px; border-radius:6px; margin:0 4px 0 10px; white-space:nowrap; z-index:2; }
    .news-ticker-view { flex:1 1 auto; overflow:hidden; height:38px; position:relative; }
    .news-ticker-track { position:absolute; top:0; right:0; display:flex; align-items:center; height:38px; white-space:nowrap; animation:tickerMove 200s linear infinite; }
    .news-ticker:hover .news-ticker-track, .news-ticker:active .news-ticker-track { animation-play-state:paused; }
    .news-ticker-item { color:#cbd5e1 !important; font-size:0.8rem; font-weight:700; text-decoration:none; white-space:nowrap; }
    .news-ticker-item:hover { color:#fbbf24 !important; }
    .news-ticker-sep { color:#475569; margin:0 14px; font-size:0.6rem; }
    @keyframes tickerMove { 0% { transform: translateX(0%); } 100% { transform: translateX(50%); } }
    /* ticker animation always on (user request) */
    @media (min-width: 992px) { .news-ticker-track { animation-duration: 200s; } }

    /* ===== ترتيب شامل: تقليل الفراغات ===== */
    .main-nav .container { padding-top: 6px !important; padding-bottom: 6px !important; }
    .social-icons { margin-top: 2px !important; gap: 14px; }
    .online-badge { margin-top: 2px !important; }
    .header-chat-btn-wrapper { margin-top: 4px !important; margin-bottom: 0 !important; }
    .main-nav { padding-bottom: 0 !important; }
    .main-nav .container { padding-bottom: 2px !important; }
    .live-chat-btn {
      padding: 7px 20px !important;
      font-size: 0.86rem !important;
      border-radius: 22px !important;
    }
    .live-chat-icon { font-size: 0.95em !important; }
    .news-ticker { margin: 0 !important; }
    .day-nav { margin-bottom: 12px !important; margin-top: 4px !important; }
    .glass-card.p-3.mb-4, .container > .glass-card { margin-bottom: 12px !important; }
    .container .mb-4 { margin-bottom: 12px !important; }
    .container h2, .container h3 { margin-top: 10px !important; margin-bottom: 8px !important; }

        /* 🎯 توسيط نصوص كل الصفحات */
        main { text-align: center; }
    

        /* 🎯 حظر الحدود العمودية في البطاقات */
        .glass-card { border-left: none; border-right: none; }
        main a[href^="/article/"] { border-right: none !important; padding-right: 12px !important; }
    

        /* 🎯 إصلاح قطع النصوص العربية في البطاقات */
        main .glass-card,
        main a.glass-card,
        main .glass-card > div,
        main a.glass-card > div {
            word-break: break-word !important;
            overflow-wrap: anywhere !important;
            hyphens: auto !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
        /* منع قطع النص العربي من الجهتين */
        main .glass-card a,
        main .glass-card span,
        main .glass-card p {
            word-break: break-word !important;
            overflow-wrap: anywhere !important;
            white-space: normal !important;
            direction: rtl !important;
            text-align: right !important;
        }
    

    /* ═══ 🎯 إصلاح توسيط صندوق تلميح يوتيوب (details.ejs) ═══ */
    #yt-hint-box,
    #yt-hint-box span,
    #yt-hint-box .yt-hint-line,
    #yt-hint-box > * {
        text-align: center !important;
        direction: rtl !important;
    }
    #yt-hint-box .yt-hint-line {
        display: block !important;
        margin: 4px 0 !important;
    }
    #yt-hint-box > span:not(.yt-hint-line) {
        display: inline-flex !important;
        margin: 6px auto !important;
    }

    /* ═══ 🎯 CLS-FIX-V2: جداول الترتيب المدمجة ═══ */
    .standings-compact { table-layout: fixed; width: 100%; }
    .standings-compact th:nth-child(1),
    .standings-compact td:nth-child(1) { width: 14%; }
    .standings-compact th:nth-child(2),
    .standings-compact td:nth-child(2) { width: 43%; }
    .standings-compact th:nth-child(3),
    .standings-compact td:nth-child(3) { width: 17%; }
    .standings-compact th:nth-child(4),
    .standings-compact td:nth-child(4) { width: 26%; }
    .standings-compact td { line-height: 1.5; }
    .standings-compact td:nth-child(2) .d-flex { overflow: hidden; min-width: 0; }
    .standings-compact td:nth-child(2) span {
        display: block; overflow: hidden;
        text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
    }
    /* ═══ 🎯 CLS-FIX-V2: تقييد layout على البطاقات ═══ */
    .glass-card { contain: layout style; }



/* ═══════════════════════════════════════════════════════════
   ☀️ الوضع النهاري (Light Mode)
   ═══════════════════════════════════════════════════════════ */
[data-theme="light"] body {
    background: linear-gradient(135deg, #e5e9f0 0%, #d8dee9 100%) !important;
    color: #1e293b !important;
}

[data-theme="light"] .main-nav {
    background: rgba(226, 232, 240, 0.98) !important;
    border-bottom: 2px solid rgba(251, 191, 36, 0.5) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .main-nav .container > a,
[data-theme="light"] .main-nav .container > div > a {
    color: #334155 !important;
}

[data-theme="light"] .main-nav .container > a:hover,
[data-theme="light"] .main-nav .container > a.active,
[data-theme="light"] .main-nav .container > div > a:hover,
[data-theme="light"] .main-nav .container > div > a.active {
    color: #b45309 !important;
    background: rgba(251, 191, 36, 0.15) !important;
}

/* nav-bar-pro */
[data-theme="light"] .nav-bar-pro {
    background: #e2e8f0 !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .nav-bar-inner a {
    color: #334155 !important;
}

[data-theme="light"] .nav-bar-inner a:hover,
[data-theme="light"] .nav-bar-inner a.active {
    color: #b45309 !important;
    background: rgba(251, 191, 36, 0.12) !important;
}

/* news-ticker */
[data-theme="light"] .news-ticker {
    background: linear-gradient(90deg, #fde68a, #fcd34d) !important;
    color: #78350f !important;
    border-bottom: 1px solid #fbbf24 !important;
}

[data-theme="light"] .news-ticker-tag {
    background: #dc2626 !important;
    color: #ffffff !important;
}

[data-theme="light"] .news-ticker-item {
    color: #78350f !important;
}

/* البطاقات والكروت */
[data-theme="light"] .glass-card {
    background: #eef2f7 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    color: #1e293b !important;
}

[data-theme="light"] .glass-card h1,
[data-theme="light"] .glass-card h2,
[data-theme="light"] .glass-card h3,
[data-theme="light"] .glass-card h4 {
    color: #0f172a !important;
}

/* بطاقات المباريات */
[data-theme="light"] .match-card {
    background: #eef2f7 !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .match-card:hover {
    border-color: #fbbf24 !important;
    box-shadow: 0 4px 18px rgba(251, 191, 36, 0.2) !important;
}

[data-theme="light"] .match-team {
    color: #0f172a !important;
}

[data-theme="light"] .match-league {
    color: #475569 !important;
}

[data-theme="light"] .match-status {
    color: #64748b !important;
}

[data-theme="light"] .match-status.live-pulse {
    color: #dc2626 !important;
}

[data-theme="light"] .match-score {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1) !important;
    color: #0f172a !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .match-score.live {
    background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
    border-color: #fbbf24 !important;
    color: #78350f !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 15px rgba(251, 191, 36, 0.3) !important;
}

/* الجداول */
[data-theme="light"] .standings-table {
    background: #eef2f7 !important;
    color: #1e293b !important;
}

[data-theme="light"] .standings-table th {
    background: #d8dee9 !important;
    color: #0f172a !important;
    border-bottom: 2px solid #cbd5e1 !important;
}

[data-theme="light"] .standings-table td {
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}

[data-theme="light"] .standings-table tr:hover {
    background: #f8fafc !important;
}

[data-theme="light"] .standings-table .pos-top {
    background: #dcfce7 !important;
    color: #166534 !important;
}

[data-theme="light"] .standings-table .pos-normal {
    background: #f1f5f9 !important;
    color: #475569 !important;
}

/* الفوتر */
[data-theme="light"] footer {
    background: #e2e8f0 !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

[data-theme="light"] footer .cl-footer-grid a {
    background: #eef2f7 !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
}

[data-theme="light"] footer .cl-footer-grid a:hover {
    background: #fef3c7 !important;
    color: #92400e !important;
    border-color: #fbbf24 !important;
}

[data-theme="light"] .site-seo-footer-text,
[data-theme="light"] .video-disclaimer {
    background: #eef2f7 !important;
    color: #475569 !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .site-seo-footer-text a,
[data-theme="light"] .video-disclaimer strong {
    color: #92400e !important;
}

[data-theme="light"] .copyright {
    color: #64748b !important;
}

/* الشات والسوشيال */
[data-theme="light"] .online-badge {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #047857 !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
}

[data-theme="light"] .online-num {
    color: #047857 !important;
}

[data-theme="light"] .social-icons a {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #475569 !important;
}

/* أزرار صفحة */
[data-theme="light"] .btn,
[data-theme="light"] button:not(.theme-toggle-btn) {
    color: #1e293b;
}

[data-theme="light"] .btn-outline-light {
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

/* الأزرار الدائرية للتنقل في الأرشيف */
[data-theme="light"] .day-tab,
[data-theme="light"] .date-nav-btn {
    background: #eef2f7 !important;
    color: #334155 !important;
    border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .day-tab:hover,
[data-theme="light"] .day-tab.active,
[data-theme="light"] .date-nav-btn:hover {
    background: #fef3c7 !important;
    color: #92400e !important;
    border-color: #fbbf24 !important;
}

/* معالجة عامة للنصوص داخل الأقسام */
[data-theme="light"] h1, [data-theme="light"] h2,
[data-theme="light"] h3, [data-theme="light"] h4,
[data-theme="light"] h5, [data-theme="light"] h6 {
    color: #0f172a !important;
}

[data-theme="light"] .lcp-header,
[data-theme="light"] [class*="section-title"] {
    color: #0f172a !important;
}

[data-theme="light"] p,
[data-theme="light"] span:not([class*="gold"]):not([class*="accent"]) {
    color: inherit;
}

/* روابط عامة */
[data-theme="light"] a:not(.theme-toggle-btn):not(.live-chat-btn):not(.match-card):not(.social-icons a) {
    color: #92400e;
}

[data-theme="light"] a:hover {
    color: #b45309;
}

/* بطاقات القائمة الجانبية */
[data-theme="light"] .sidebar .card,
[data-theme="light"] .sidebar-card {
    background: #eef2f7 !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
}

/* 📱 تحسينات على الجوال للوضع النهاري */
@media (max-width: 768px) {
    [data-theme="light"] .main-nav {
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08) !important;
    }
}






/* ═══════════════════════════════════════════════════════════
   🎯 THEME_FINAL_V3: نظام الوضع الليلي/النهاري الكامل
   ═══════════════════════════════════════════════════════════ */


/* أيقونات الزر */
#theme-toggle .theme-icon-sun { display: inline-block !important; }
#theme-toggle .theme-icon-moon { display: none !important; }
[data-theme="light"] #theme-toggle .theme-icon-sun { display: none !important; }
[data-theme="light"] #theme-toggle .theme-icon-moon { display: inline-block !important; }

@media (max-width: 768px) {
    #theme-toggle.theme-toggle-btn,
    button#theme-toggle {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        font-size: 18px !important;
        top: 10px !important;
        right: 10px !important;
        border-width: 2px !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   🔵 HEADER_FOOTER_LIGHT_ONLY_V1: الهيدر والفوتر أزرق في النهاري فقط
   ═══════════════════════════════════════════════════════════ */

/* الهيدر أزرق — نهاري فقط */
[data-theme="light"] .main-nav {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-bottom: 3px solid #fbbf24 !important;
    box-shadow: 0 4px 20px rgba(30, 58, 138, 0.3) !important;
}

[data-theme="light"] .main-nav .logo-link,
[data-theme="light"] .main-nav .logo-chat { color: #ffffff !important; }
[data-theme="light"] .main-nav .logo-dot { color: #fbbf24 !important; }
[data-theme="light"] .main-nav .logo-ne { color: #ef4444 !important; text-shadow: 0 2px 8px rgba(239,68,68,0.4); }

[data-theme="light"] .main-nav .container > a,
[data-theme="light"] .main-nav .container > div > a,
[data-theme="light"] .main-nav .nav-bar-inner a {
    color: #ffffff !important;
}

[data-theme="light"] .main-nav .container > a:hover,
[data-theme="light"] .main-nav .container > a.active,
[data-theme="light"] .main-nav .container > div > a:hover,
[data-theme="light"] .main-nav .container > div > a.active,
[data-theme="light"] .main-nav .nav-bar-inner a:hover,
[data-theme="light"] .main-nav .nav-bar-inner a.active {
    color: #fbbf24 !important;
    background: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="light"] .main-nav .online-badge {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="light"] .main-nav .online-num {
    color: #fbbf24 !important;
    font-weight: 900;
}

[data-theme="light"] .main-nav .social-icons a {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="light"] .main-nav .social-icons a:hover {
    color: #fbbf24 !important;
    transform: translateY(-2px);
    background: transparent !important;
}

[data-theme="light"] .main-nav .live-chat-btn {
    background: linear-gradient(45deg, #dc2626, #ef4444) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(220, 38, 38, 0.5) !important;
}

/* الفوتر أزرق — نهاري فقط */
[data-theme="light"] footer {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-top: 3px solid #fbbf24 !important;
    color: #ffffff !important;
}

[data-theme="light"] footer .cl-footer-grid a {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

[data-theme="light"] footer .cl-footer-grid a:hover {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fbbf24 !important;
    border-color: #fbbf24 !important;
}

[data-theme="light"] footer .cl-footer-grid a i { color: #fbbf24 !important; }

[data-theme="light"] footer .site-seo-footer-text {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="light"] footer .site-seo-footer-text a { color: #fbbf24 !important; }
[data-theme="light"] footer .site-seo-footer-text a:hover { color: #fcd34d !important; }

[data-theme="light"] footer .video-disclaimer {
    background: rgba(251, 191, 36, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    color: #cbd5e1 !important;
}

[data-theme="light"] footer .video-disclaimer strong,
[data-theme="light"] footer .video-disclaimer i { color: #fbbf24 !important; }

[data-theme="light"] footer .copyright { color: #cbd5e1 !important; }
[data-theme="light"] footer .copyright span { color: #fbbf24 !important; }

/* ═══════════════════════════════════════════════════════════
   🎯 THEME_TOGGLE_V4: زر تبديل الوضع — أيقونة بسيطة
   ═══════════════════════════════════════════════════════════ */

#theme-toggle.theme-toggle-btn,
button#theme-toggle {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 9999 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    padding: 0 !important;
    outline: none !important;
    overflow: hidden !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
}

#theme-toggle.theme-toggle-btn:hover,
button#theme-toggle:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    transform: scale(1.08) !important;
}

#theme-toggle.theme-toggle-btn:active {
    transform: scale(0.95) !important;
}

/* الإيموجي */
#theme-toggle .theme-emoji {
    font-size: 22px !important;
    line-height: 1 !important;
    display: block !important;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
}

/* الأيقونات: شمس في الليلي، قمر في النهاري */
#theme-toggle .theme-icon-sun { display: block !important; }
#theme-toggle .theme-icon-moon { display: none !important; }
[data-theme="light"] #theme-toggle .theme-icon-sun { display: none !important; }
[data-theme="light"] #theme-toggle .theme-icon-moon { display: block !important; }

/* ☀️ الوضع النهاري — خلفية داكنة خفيفة */
[data-theme="light"] #theme-toggle.theme-toggle-btn,
[data-theme="light"] button#theme-toggle {
    background: rgba(30, 58, 138, 0.08) !important;
    border-color: rgba(30, 58, 138, 0.25) !important;
}

[data-theme="light"] #theme-toggle.theme-toggle-btn:hover,
[data-theme="light"] button#theme-toggle:hover {
    background: rgba(30, 58, 138, 0.15) !important;
    border-color: rgba(30, 58, 138, 0.4) !important;
}

@media (max-width: 768px) {
    #theme-toggle.theme-toggle-btn,
    button#theme-toggle {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        top: 10px !important;
        right: 10px !important;
    }
    #theme-toggle .theme-emoji {
        font-size: 19px !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   ☀️ الوضع النهاري — نصوص وواجهات واضحة
   ═══════════════════════════════════════════════════════════ */

/* خلفية الموقع رصاصية فاتحة */
[data-theme="light"] body {
    background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%) !important;
    color: #0f172a !important;
}


/* ─── البطاقات والكروت ─── */
[data-theme="light"] .glass-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08) !important;
    color: #0f172a !important;
}

[data-theme="light"] .glass-card h1,
[data-theme="light"] .glass-card h2,
[data-theme="light"] .glass-card h3,
[data-theme="light"] .glass-card h4,
[data-theme="light"] .glass-card h5 {
    color: #0f172a !important;
}

/* ─── نصوص الموقع — كل الألوان الفاتحة تصبح داكنة ─── */
[data-theme="light"] p,
[data-theme="light"] span:not([class*="badge"]):not(.online-dot):not(.live-chat-btn *),
[data-theme="light"] div:not([class*="match-score"]):not([class*="score"]):not(.live-chat-btn):not([class*="team-logo"]) {
    color: #1e293b;
}

/* العناوين */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
    color: #0f172a !important;
}

/* ─── إصلاح inline styles (الأبيض والرصاصي) ─── */
[data-theme="light"] [style*="color:#fff"]:not(.live-chat-btn):not(.live-chat-btn *),
[data-theme="light"] [style*="color: #fff"]:not(.live-chat-btn):not(.live-chat-btn *),
[data-theme="light"] [style*="color:#ffffff"]:not(.live-chat-btn):not(.live-chat-btn *),
[data-theme="light"] [style*="color: #ffffff"]:not(.live-chat-btn):not(.live-chat-btn *) {
    color: #0f172a !important;
}

[data-theme="light"] [style*="color:#cbd5e1"],
[data-theme="light"] [style*="color: #cbd5e1"],
[data-theme="light"] [style*="color:#94a3b8"],
[data-theme="light"] [style*="color: #94a3b8"],
[data-theme="light"] [style*="color:#8896a8"],
[data-theme="light"] [style*="color: #8896a8"],
[data-theme="light"] [style*="color:#8b98ab"],
[data-theme="light"] [style*="color: #8b98ab"] {
    color: #334155 !important;
    font-weight: 700 !important;
}

[data-theme="light"] [style*="color:#e8edf2"],
[data-theme="light"] [style*="color: #e8edf2"],
[data-theme="light"] [style*="color:#e2e8f0"],
[data-theme="light"] [style*="color: #e2e8f0"] {
    color: #1e293b !important;
}

/* النصوص الرصاصية الفاتحة داخل الأقسام */
[data-theme="light"] .hero p,
[data-theme="light"] .hero-text,
[data-theme="light"] .site-description,
[data-theme="light"] .lead {
    color: #334155 !important;
    font-weight: 700 !important;
}

/* ─── بطاقات المباريات ─── */
[data-theme="light"] .match-card {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .match-card:hover {
    border-color: #fbbf24 !important;
    box-shadow: 0 4px 18px rgba(251, 191, 36, 0.25) !important;
}

[data-theme="light"] .match-team {
    color: #0f172a !important;
    font-weight: 800 !important;
}

[data-theme="light"] .match-league {
    color: #475569 !important;
    font-weight: 700 !important;
}

[data-theme="light"] .match-status,
[data-theme="light"] .match-status-text {
    color: #475569 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .match-status.live-pulse,
[data-theme="light"] .match-status-text.live-pulse {
    color: #dc2626 !important;
}

[data-theme="light"] .match-score {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1) !important;
    color: #0f172a !important;
    border: 1px solid #94a3b8 !important;
    box-shadow: inset 0 2px 6px rgba(15, 23, 42, 0.1) !important;
}

[data-theme="light"] .match-score span,
[data-theme="light"] .match-score .score-dash {
    color: #0f172a !important;
    font-weight: 900 !important;
}

[data-theme="light"] .match-score.live {
    background: linear-gradient(135deg, #fef3c7, #fde68a) !important;
    border-color: #fbbf24 !important;
    color: #78350f !important;
}

[data-theme="light"] .match-score.live span {
    color: #78350f !important;
}

/* ─── الجداول ─── */
[data-theme="light"] .standings-table {
    background: #ffffff !important;
    color: #0f172a !important;
}

[data-theme="light"] .standings-table th {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    border-bottom: 2px solid #94a3b8 !important;
    font-weight: 900 !important;
}

[data-theme="light"] .standings-table td {
    border-color: #e2e8f0 !important;
    color: #1e293b !important;
    font-weight: 700 !important;
}

[data-theme="light"] .standings-table tr:hover {
    background: #f1f5f9 !important;
}

[data-theme="light"] .pos-badge.pos-top {
    background: #dcfce7 !important;
    color: #166534 !important;
    font-weight: 900 !important;
}

[data-theme="light"] .pos-badge.pos-normal {
    background: #f1f5f9 !important;
    color: #475569 !important;
    font-weight: 800 !important;
}

/* ─── أزرار التنقل بين الأيام ─── */
[data-theme="light"] .day-tab,
[data-theme="light"] .date-nav-btn {
    background: #ffffff !important;
    color: #334155 !important;
    border: 1px solid #cbd5e1 !important;
    font-weight: 800 !important;
}

[data-theme="light"] .day-tab:hover,
[data-theme="light"] .day-tab.active,
[data-theme="light"] .date-nav-btn:hover {
    background: #fef3c7 !important;
    color: #92400e !important;
    border-color: #fbbf24 !important;
}

/* ─── الروابط ─── */
[data-theme="light"] a[style*="color:#fbbf24"],
[data-theme="light"] a[style*="color: #fbbf24"] {
    color: #b45309 !important;
    font-weight: 700 !important;
}

[data-theme="light"] a[style*="color:#38bdf8"],
[data-theme="light"] a[style*="color: #38bdf8"] {
    color: #1e40af !important;
    font-weight: 700 !important;
}

/* ─── news ticker ─── */
[data-theme="light"] .news-ticker {
    background: linear-gradient(90deg, #fde68a, #fcd34d) !important;
    border-bottom: 1px solid #fbbf24 !important;
}

[data-theme="light"] .news-ticker-item {
    color: #78350f !important;
    font-weight: 700 !important;
}

[data-theme="light"] .news-ticker-tag {
    background: #dc2626 !important;
    color: #ffffff !important;
}

/* ─── الصندوقين (تثبيت / تنبيهات) ─── */
[data-theme="light"] #pwa-install-banner {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15) !important;
}

[data-theme="light"] #pwa-install-banner span {
    color: #0f172a !important;
    font-weight: 700 !important;
}

[data-theme="light"] #pwa-install-banner #pwa-dismiss-btn {
    background: #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 800 !important;
}

[data-theme="light"] #pwa-install-banner #pwa-install-btn {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #0a0f15 !important;
    font-weight: 900 !important;
}

/* ─── inputs ─── */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #64748b !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 SIDEBAR_MENU_LIGHT_V1: قائمة تصفح الموقع — الوضع النهاري الفخم
   ═══════════════════════════════════════════════════════════ */

/* ──── 1) زر القائمة (☰) ──── */
[data-theme="light"] #siteMenuToggle {
    background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%) !important;
    border: 2px solid #1e40af !important;
    box-shadow: 0 4px 14px rgba(30, 64, 175, 0.25) !important;
}

[data-theme="light"] #siteMenuToggle:hover {
    box-shadow: 0 6px 20px rgba(30, 64, 175, 0.4) !important;
    transform: scale(1.05);
    border-color: #1e3a8a !important;
}

/* شرطات الزر → أزرق داكن */
[data-theme="light"] #siteMenuToggle svg rect {
    fill: #1e40af !important;
}

/* ──── 2) الخلفية الشفافة (Overlay) ──── */
[data-theme="light"] #siteMenuOverlay {
    background: rgba(15, 23, 42, 0.4) !important;
    backdrop-filter: blur(3px);
}

/* ──── 3) اللوحة الجانبية (Panel) ──── */
[data-theme="light"] #siteMenuPanel {
    background: #ffffff !important;
    border-left: 3px solid #1e40af !important;
    border-right: none !important;
    box-shadow: 6px 0 30px rgba(30, 58, 138, 0.15) !important;
}

/* ──── 4) عنوان "تصفح الموقع" ──── */
[data-theme="light"] #siteMenuPanel > div:first-child > span {
    color: #1e40af !important;
}

[data-theme="light"] #siteMenuPanel > div:first-child > span i {
    color: #1e40af !important;
}

/* ──── 5) زر الإغلاق (×) ──── */
[data-theme="light"] #siteMenuClose {
    color: #64748b !important;
    transition: all 0.2s;
}

[data-theme="light"] #siteMenuClose:hover {
    color: #dc2626 !important;
    transform: rotate(90deg);
}

/* ──── 6) روابط القائمة ──── */
[data-theme="light"] #siteMenuPanel a {
    color: #334155 !important;
    font-weight: 800 !important;
    transition: all 0.2s !important;
    border-radius: 10px !important;
}

[data-theme="light"] #siteMenuPanel a i {
    color: #475569 !important;
    transition: color 0.2s !important;
}

[data-theme="light"] #siteMenuPanel a span {
    color: #334155 !important;
}

/* Hover على الروابط */
[data-theme="light"] #siteMenuPanel a:hover,
[data-theme="light"] #siteMenuPanel a.active {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    color: #1e40af !important;
    transform: translateX(-3px);
}

[data-theme="light"] #siteMenuPanel a:hover i,
[data-theme="light"] #siteMenuPanel a.active i {
    color: #1e40af !important;
}

[data-theme="light"] #siteMenuPanel a:hover span,
[data-theme="light"] #siteMenuPanel a.active span {
    color: #1e40af !important;
}

/* ──── 7) الفاصل بين الأقسام ──── */
[data-theme="light"] #siteMenuPanel div[style*="height:1px"] {
    background: linear-gradient(90deg, transparent, #cbd5e1, transparent) !important;
}

/* ──── 8) أيقونات ملوّنة خاصة (الأرقام ذهبية، الديربيات، المفاجآت) ──── */
[data-theme="light"] #siteMenuPanel a i[style*="color:#fbbf24"] {
    color: #d97706 !important;
}

[data-theme="light"] #siteMenuPanel a:has(span:contains("🎓")) span,
[data-theme="light"] #siteMenuPanel a:has(span:contains("⚔️")) span,
[data-theme="light"] #siteMenuPanel a:has(span:contains("💥")) span {
    color: #d97706 !important;
}

/* ──── 9) تحسين عرض النصوص ──── */
[data-theme="light"] #siteMenuPanel {
    font-family: 'Tajawal', 'Segoe UI', sans-serif;
}

[data-theme="light"] #siteMenuPanel a {
    letter-spacing: 0.2px;
    padding: 10px 12px !important;
}

/* ──── 10) شريط التمرير (Scrollbar) ──── */
[data-theme="light"] #siteMenuPanel::-webkit-scrollbar {
    width: 6px;
}

[data-theme="light"] #siteMenuPanel::-webkit-scrollbar-track {
    background: #f1f5f9;
}

[data-theme="light"] #siteMenuPanel::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

[data-theme="light"] #siteMenuPanel::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* ──── 11) عناوين القسم (Header) في اللوحة ──── */
[data-theme="light"] #siteMenuPanel > div:first-child {
    padding-bottom: 12px;
    border-bottom: 2px solid #eff6ff;
    margin-bottom: 16px !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 FINAL_TOUCHES_V1: "مشجع أون لاين" أبيض + روابط الفوتر أخضر فاتح
   ═══════════════════════════════════════════════════════════ */

/* ──── 1) "X مشجع أون لاين" — أبيض في كلا الوضعين ──── */
.main-nav .online-badge,
.main-nav .online-badge span,
.main-nav .online-badge .online-num {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* في الوضع النهاري — أبيض أيضاً (على الخلفية الزرقاء) */
[data-theme="light"] .main-nav .online-badge,
[data-theme="light"] .main-nav .online-badge span,
[data-theme="light"] .main-nav .online-badge .online-num {
    color: #ffffff !important;
}

/* النقطة الخضراء تبقى خضراء */
.main-nav .online-badge .online-dot,
[data-theme="light"] .main-nav .online-badge .online-dot {
    background: #22c55e !important;
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.8) !important;
}

/* ──── 2) روابط الفوتر — أخضر فاتح ──── */
footer .cl-footer-grid a,
footer .cl-footer-grid a span,
footer .cl-footer-grid a i,
footer a[href="/about"],
footer a[href="/contact"],
footer a[href="/editorial-policy"],
footer a[href="/authors"],
footer a[href="/privacy"],
footer a[href="/dmca"],
footer a[href="/contact-editor"] {
    color: #4ade80 !important;
    font-weight: 800 !important;
    transition: all 0.25s ease !important;
}

/* الأيقونات داخل الروابط */
footer .cl-footer-grid a i {
    color: #4ade80 !important;
}

/* Hover — أخضر أكثر إشراقاً */
footer .cl-footer-grid a:hover,
footer .cl-footer-grid a:hover span,
footer .cl-footer-grid a:hover i,
footer a[href="/about"]:hover,
footer a[href="/contact"]:hover,
footer a[href="/editorial-policy"]:hover,
footer a[href="/authors"]:hover,
footer a[href="/privacy"]:hover,
footer a[href="/dmca"]:hover,
footer a[href="/contact-editor"]:hover {
    color: #86efac !important;
    background: rgba(74, 222, 128, 0.15) !important;
    border-color: #4ade80 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(74, 222, 128, 0.3) !important;
}

/* في الوضع النهاري — أخضر داكن قليلاً ليسهل قراءته */
[data-theme="light"] footer .cl-footer-grid a,
[data-theme="light"] footer .cl-footer-grid a span,
[data-theme="light"] footer .cl-footer-grid a i {
    color: #22c55e !important;
}

[data-theme="light"] footer .cl-footer-grid a:hover,
[data-theme="light"] footer .cl-footer-grid a:hover span,
[data-theme="light"] footer .cl-footer-grid a:hover i {
    color: #16a34a !important;
    background: rgba(34, 197, 94, 0.15) !important;
    border-color: #22c55e !important;
}




/* ═══════════════════════════════════════════════════════════
   💬 CHAT_BTN_FIX — إصلاح فلاش "الدخول للدردشة المباشرة"
   ═══════════════════════════════════════════════════════════ */

.live-chat-btn,
a.live-chat-btn,
.header-chat-btn-wrapper a,
.header-chat-btn-wrapper button,
[class*="live-chat"] {
    /* أوقف أي text-shadow أو filter يكسر النص */
    text-shadow: none !important;
    filter: none !important;
    -webkit-text-stroke: 0 !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    /* احتفظ بظل الزر نفسه فقط */
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.35) !important;
}

/* الوضع الليلي — وهج خفيف مقبول */
[data-theme="dark"] .live-chat-btn,
[data-theme="dark"] .header-chat-btn-wrapper a,
[data-theme="dark"] .header-chat-btn-wrapper button {
    box-shadow: 0 4px 14px rgba(220, 38, 38, 0.45) !important;
}

/* الوضع النهاري — بدون أي وهج على النص */
[data-theme="light"] .live-chat-btn,
[data-theme="light"] a.live-chat-btn,
[data-theme="light"] .header-chat-btn-wrapper a,
[data-theme="light"] .header-chat-btn-wrapper button,
[data-theme="light"] [class*="live-chat"] {
    text-shadow: none !important;
    filter: none !important;
    -webkit-text-stroke: 0 !important;
    box-shadow: 0 3px 10px rgba(220, 38, 38, 0.28) !important;
}

/* الأيقونة داخل الزر */
.live-chat-btn i,
.live-chat-btn .live-chat-icon,
.live-chat-btn svg {
    text-shadow: none !important;
    filter: none !important;
}




/* ═══════════════════════════════════════════════════════════
   ✅ FIX_FINAL_V2 — البادج والأيقونات في أسطر مستقلة (كل الصفحات)
   ═══════════════════════════════════════════════════════════ */

/* 1) البادج: سطر مستقل موسّط */
.main-nav .online-badge {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 6px auto 2px !important;
    text-align: center !important;
    float: none !important;
    clear: both !important;
}

/* 2) الأيقونات: سطر مستقل موسّط */
.main-nav .social-icons,
.main-nav .social-icons.d-flex {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 4px auto 6px !important;
    text-align: center !important;
    float: none !important;
    clear: both !important;
    gap: 14px !important;
}

/* 3) زر الدردشة: سطر مستقل موسّط */
.main-nav .header-chat-btn-wrapper,
.main-nav .live-chat-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
    float: none !important;
    clear: both !important;
}

/* 4) الحاوية: تكديس عمودي بدل inline */
.main-nav .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* 5) بطاقات المباريات (موجودة من V1 - نعيد كتابتها) */
.match-card .d-flex {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
    text-align: center !important;
    gap: 8px !important;
}
.match-card .match-team-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    width: 35% !important;
    min-width: 0 !important;
}
.match-card .match-team {
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.match-card .team-logo,
.match-card .match-team-col img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 6) شريط الأقسام (بدون كسر التباعد) */
.nav-bar-pro,
.nav-bar-inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.nav-bar-pro > *,
.nav-bar-inner > * {
    flex: 0 1 auto !important;
    margin: 0 !important;
}
.nav-bar-pro a,
.nav-bar-inner a {
    white-space: nowrap !important;
    padding: 8px 10px !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
}
@media (max-width: 520px) {
    .nav-bar-pro, .nav-bar-inner { gap: 6px !important; padding: 6px 4px !important; }
    .nav-bar-pro a, .nav-bar-inner a { padding: 6px 5px !important; font-size: 0.8rem !important; }
}

/* 7) زر الدردشة: إزالة الفلاش */
.live-chat-btn,
a.live-chat-btn,
.header-chat-btn-wrapper a,
.header-chat-btn-wrapper button {
    text-shadow: none !important;
    filter: none !important;
    -webkit-text-stroke: 0 !important;
}

/* LIVE_CHAT_BTN_STYLE_MOVED_V1 */

    /* تنسيق زر الشات النبضي في الهيدر */
    .live-chat-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(45deg, #10b981, #3b82f6); /* تدرج لوني رياضي وعصري */
        color: #ffffff !important;
        padding: 6px 22px;
        border-radius: 50px;
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
        box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
        position: relative;
        z-index: 0;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        margin-bottom: 5px;
    }
    .live-chat-btn::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: 50px;
        background: rgba(16, 185, 129, 0.55);
        z-index: -1;
        pointer-events: none;
        animation: pulse-chat 2s infinite;
    }
    .live-chat-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(16, 185, 129, 0.6);
        color: #ffffff;
    }
    /* تأثير النبض الفلاشي (GPU-composited: transform + opacity فقط، بدون box-shadow) */
    @keyframes pulse-chat {
        0% { transform: scale(1); opacity: 0.55; }
        70% { transform: scale(1.4); opacity: 0; }
        100% { transform: scale(1.4); opacity: 0; }
    }
    /* تأثير اهتزاز المايكروفون */
    .live-chat-icon {
        margin-left: 6px;
        font-size: 15px;
        animation: swing 3s infinite;
    }
    @keyframes swing {
        0% { transform: rotate(0deg); }
        10% { transform: rotate(15deg); }
        20% { transform: rotate(-10deg); }
        30% { transform: rotate(5deg); }
        40% { transform: rotate(-5deg); }
        50%, 100% { transform: rotate(0deg); }
    }





/* ═══════════════════════════════════════════════════════════
   ✅ MAIN_NAV_VISIBLE_V1 — إظهار الهيدر في كل الصفحات
   بسيط: لا يلمس sticky ولا overflow ولا z-index
   ═══════════════════════════════════════════════════════════ */
.main-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}


/* ═══════════════════════════════════════════════════════════
   ☀️ HERO_LIGHT_FIX_V1 — إصلاح أسماء الفرق + صندوق النتيجة + التصويت
   يعمل فقط في الوضع النهاري
   ═══════════════════════════════════════════════════════════ */

/* 1) أسماء الفرق على البطاقة الكبيرة */
[data-theme="light"] .hero-team,
[data-theme="light"] .hero-team span {
    color: #0f172a !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

/* 2) صندوق النتيجة VS */
[data-theme="light"] .hero-score {
    background: linear-gradient(135deg, #1e293b, #0f172a) !important;
    color: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15) !important;
}
[data-theme="light"] .hero-home-score,
[data-theme="light"] .hero-away-score,
[data-theme="light"] .hero-score span {
    color: #ffffff !important;
}

/* 3) زر التصويت */
[data-theme="light"] .vote-btn {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .vote-home:hover {
    background: linear-gradient(90deg, #ef4444, #dc2626) !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
}

[data-theme="light"] .vote-away:hover {
    background: linear-gradient(90deg, #0ea5e9, #0284c7) !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
}

/* 4) الألقاب (badges) — نصوص بيضاء على خلفيات ملوّنة تبقى كما هي */
[data-theme="light"] .badge-vip,
[data-theme="light"] .badge-super,
[data-theme="light"] .badge-boss,
[data-theme="light"] .badge-king {
    color: #ffffff !important;
}

/* 5) صناديق الرؤى (insight-box) */
[data-theme="light"] .insight-box {
    background: rgba(251, 191, 36, 0.08) !important;
    border: 1px solid rgba(251, 191, 36, 0.3) !important;
    color: #1e293b !important;
}


/* ═══════════════════════════════════════════════════════════
   ☀️ HERO_VS_VIDEO_FIX_V1 — تباين صندوق VS + رسالة الفيديو (نهاري)
   ═══════════════════════════════════════════════════════════ */

/* 1) صندوق VS — أبيض مع نص داكن واضح */
[data-theme="light"] .hero-score,
[data-theme="light"] #match-hero-score {
    background: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.10) !important;
}
[data-theme="light"] .hero-score span,
[data-theme="light"] .hero-home-score,
[data-theme="light"] .hero-away-score,
[data-theme="light"] .hero-score * {
    color: #0f172a !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

/* 2) رسالة الفيديو — بيضاء على الخلفية السوداء */
[data-theme="light"] .yt-loading-msg,
[data-theme="light"] #yt-status-text,
[data-theme="light"] .yt-embed .yt-loading-msg,
[data-theme="light"] .yt-embed #yt-status-text {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6) !important;
    opacity: 1 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 VS_SCORE_TUNE_V1 — حجم VS متناسق + ألوان النتيجة (نهاري)
   ═══════════════════════════════════════════════════════════ */

/* 1) صندوق VS — حجم متوسط متناسق */
[data-theme="light"] .hero-score,
[data-theme="light"] #match-hero-score {
    min-width: 60px !important;
    max-width: 80px !important;
    height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    border-radius: 10px !important;
    line-height: 1 !important;
}

/* 2) أرقام النتيجة — لون أخضر واضح */
[data-theme="light"] .hero-score,
[data-theme="light"] .hero-score span,
[data-theme="light"] .hero-home-score,
[data-theme="light"] .hero-away-score,
[data-theme="light"] #match-hero-score * {
    color: #16a34a !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

/* 3) إذا كانت المباراة جارية — أحمر */
[data-theme="light"] .hero-score.live,
[data-theme="light"] .hero-score.live span {
    color: #dc2626 !important;
}

/* 4) الفاصل - */
[data-theme="light"] .hero-score .score-dash,
[data-theme="light"] .hero-score .dash {
    color: #64748b !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 VS_MATCH_CARDS_STYLE_V1 — مطابقة VS صفحات المباريات مع VS الجداول
   ═══════════════════════════════════════════════════════════ */

/* صندوق VS — نفس شكل match-score في بطاقات المباريات */

/* الوضع النهاري */
[data-theme="light"] .hero-score,
[data-theme="light"] #match-hero-score {
    background: linear-gradient(135deg, #e2e8f0, #cbd5e1) !important;
    color: #0f172a !important;
    border: 1px solid #94a3b8 !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    min-width: 56px !important;
    max-width: 72px !important;
    height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    border-radius: 10px !important;
    line-height: 1 !important;
}

[data-theme="light"] .hero-score span,
[data-theme="light"] .hero-score *,
[data-theme="light"] #match-hero-score * {
    color: #0f172a !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

/* الوضع الليلي — نفس شكل البطاقات */
[data-theme="dark"] .hero-score,
[data-theme="dark"] #match-hero-score {
    background: linear-gradient(135deg, #0a1120, #000) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.8), 0 4px 15px rgba(0,0,0,0.5) !important;
    min-width: 56px !important;
    max-width: 72px !important;
    height: 34px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    border-radius: 10px !important;
    line-height: 1 !important;
}

[data-theme="dark"] .hero-score span,
[data-theme="dark"] .hero-score *,
[data-theme="dark"] #match-hero-score * {
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* المباراة الجارية — تدرج أزرق */
[data-theme="light"] .hero-score.live,
[data-theme="dark"] .hero-score.live {
    background: linear-gradient(135deg, #075985, #0ea5e9) !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
}
[data-theme="light"] .hero-score.live *,
[data-theme="dark"] .hero-score.live * {
    color: #ffffff !important;
}


/* ═══════════════════════════════════════════════════════════
   💬 CHAT_INPUT_LIGHT_FIX_V1 — إصلاح خانة التعليق في الوضع النهاري
   ═══════════════════════════════════════════════════════════ */

/* 1) خانة الكتابة #msg-input */
[data-theme="light"] #msg-input,
[data-theme="light"] .chat-input-wrapper input,
[data-theme="light"] input#msg-input {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    caret-color: #2563eb !important;
}

[data-theme="light"] #msg-input::placeholder,
[data-theme="light"] .chat-input-wrapper input::placeholder {
    color: #94a3b8 !important;
}

/* 2) حاوي خانة الكتابة */
[data-theme="light"] .chat-input-wrapper {
    background: #e2e8f0 !important;
    border-radius: 14px !important;
}

/* 3) زر الإرسال */
[data-theme="light"] .chat-input-wrapper button,
[data-theme="light"] .chat-send-btn {
    color: #ffffff !important;
}

/* 4) زر الميكروفون */
[data-theme="light"] .chat-mic-btn,
[data-theme="light"] .chat-input-wrapper .btn-secondary {
    color: #ffffff !important;
    background: #64748b !important;
}

/* 5) رسائل الدردشة — نصوص داكنة */
[data-theme="light"] .chat-msg,
[data-theme="light"] .chat-message,
[data-theme="light"] .message-item {
    color: #0f172a !important;
}

/* 6) الوقت داخل الرسائل */
[data-theme="light"] .chat-time,
[data-theme="light"] .msg-time {
    color: #64748b !important;
}


/* ═══════════════════════════════════════════════════════════
   💬 CHAT_COMMENTS_LIGHT_FIX_V1 — إصلاح التعليقات في الوضع النهاري
   ═══════════════════════════════════════════════════════════ */

/* 1) صندوق التعليق (chat-msg) — خلفية رمادية فاتحة */
[data-theme="light"] .chat-msg {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
}

/* 2) نص التعليق — داكن واضح */
[data-theme="light"] .chat-msg p,
[data-theme="light"] .chat-msg > p {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* 3) اسم المستخدم (username-box) — كسر inline color */
[data-theme="light"] .chat-msg .username-box,
[data-theme="light"] .username-box {
    color: #b45309 !important;
    font-weight: 900 !important;
}

/* 4) الوقت داخل التعليق — كسر inline color:#8896a8 */
[data-theme="light"] .chat-msg span[style*="color:#8896a8"],
[data-theme="light"] .chat-msg span[style*="color: #8896a8"] {
    color: #64748b !important;
}

/* 5) زر الإعجاب (btn-like-action) — كسر inline */
[data-theme="light"] .chat-msg .btn-like-action,
[data-theme="light"] .btn-like-action {
    background: #e0e7ff !important;
    color: #1e40af !important;
    border: 1px solid #c7d2fe !important;
}
[data-theme="light"] .btn-like-action span {
    color: #1e40af !important;
}

/* 6) صندوق التعليقات الكامل (chat-box) */
[data-theme="light"] .chat-box {
    background: #ffffff !important;
}

/* 7) placeholder خانة الإدخال */
[data-theme="light"] #msg-input::placeholder {
    color: #94a3b8 !important;
}




/* ═══════════════════════════════════════════════════════════
   🌊 BLUE_NEWS_CARDS_V2 — خلفية زرقاء بدون :has()
   يستهدف كل article.glass-card (الأخبار والتقارير فقط)
   ═══════════════════════════════════════════════════════════ */

/* 1) خلفية زرقاء — نهاري */
[data-theme="light"] article.glass-card {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.35) !important;
}

/* 2) خلفية زرقاء داكنة — ليلي */
[data-theme="dark"] article.glass-card {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%) !important;
    border-color: rgba(251, 191, 36, 0.25) !important;
}

/* 3) صندوق صورة التقرير */
[data-theme="light"] article.glass-card .report-img-container,
[data-theme="dark"] article.glass-card .report-img-container {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* 4) العناوين — ذهبية */
[data-theme="light"] article.glass-card h1,
[data-theme="light"] article.glass-card h2,
[data-theme="light"] article.glass-card h3,
[data-theme="light"] article.glass-card h4,
[data-theme="dark"] article.glass-card h1,
[data-theme="dark"] article.glass-card h2,
[data-theme="dark"] article.glass-card h3,
[data-theme="dark"] article.glass-card h4 {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
}

/* 5) النصوص — بيضاء واضحة */
[data-theme="light"] article.glass-card p,
[data-theme="light"] article.glass-card span,
[data-theme="light"] article.glass-card div:not([class*="badge"]):not([class*="report-img"]),
[data-theme="dark"] article.glass-card p,
[data-theme="dark"] article.glass-card span,
[data-theme="dark"] article.glass-card div:not([class*="badge"]):not([class*="report-img"]) {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* 6) الروابط */
[data-theme="light"] article.glass-card a,
[data-theme="dark"] article.glass-card a {
    color: #ffffff !important;
}

/* 7) الشارات (badges) — ذهبية على أزرق */
[data-theme="light"] article.glass-card .article-badge,
[data-theme="light"] article.glass-card .report-badge,
[data-theme="dark"] article.glass-card .article-badge,
[data-theme="dark"] article.glass-card .report-badge {
    background: rgba(251, 191, 36, 0.95) !important;
    color: #0f172a !important;
    font-weight: 900 !important;
}

/* 8) hover — إشراق أقوى */
[data-theme="light"] article.glass-card:hover {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 60%, #3b82f6 100%) !important;
    box-shadow: 0 10px 30px rgba(30, 58, 138, 0.5) !important;
}



/* ═══════════════════════════════════════════════════════════
   🌊 BLUE_MAIN_ARTICLE_CARDS_V1 — خلفية زرقاء لبطاقات الرئيسية
   (الرياضة حول العالم + تقارير وتحليلات المباريات)
   ═══════════════════════════════════════════════════════════ */

/* 1) خلفية زرقاء — نهاري */
[data-theme="light"] .article-card {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.5) !important;
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.35) !important;
}

/* 2) hover — إشراق أقوى */
[data-theme="light"] .article-card:hover {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 60%, #3b82f6 100%) !important;
    border-color: rgba(251, 191, 36, 0.75) !important;
    box-shadow: 0 10px 30px rgba(30, 58, 138, 0.5) !important;
}

/* 3) العنوان — ذهبي واضح على الأزرق */
[data-theme="light"] .article-card .card-title {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

/* 4) النص — أبيض واضح على الأزرق */
[data-theme="light"] .article-card .card-excerpt {
    color: #e2e8f0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}

/* 5) صورة البطاقة — خلفية داكنة شفافة ليتماشى مع الأزرق */
[data-theme="light"] .article-card .card-thumb {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.85), rgba(30, 41, 59, 0.65)) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
}

/* 6) الوضع الليلي — تدرج أزرق داكن */
[data-theme="dark"] .article-card {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%) !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
}

[data-theme="dark"] .article-card:hover {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important;
}


/* ═══════════════════════════════════════════════════════════
   🏆 FOOTER_GOLD_TEXT_V1 — أيقونات ذهبية + نصوص سوداء (نهاري)
   ═══════════════════════════════════════════════════════════ */

/* ──── الوضع النهاري فقط ──── */
[data-theme="light"] footer .cl-footer-grid a {
    color: #0f172a !important;   /* نص أسود */
}

[data-theme="light"] footer .cl-footer-grid a span {
    color: #0f172a !important;   /* النص الأسود */
    font-weight: 700 !important;
}

[data-theme="light"] footer .cl-footer-grid a i,
[data-theme="light"] footer .cl-footer-grid a i.fa,
[data-theme="light"] footer .cl-footer-grid a i.fas,
[data-theme="light"] footer .cl-footer-grid a i.far,
[data-theme="light"] footer .cl-footer-grid a i.fab {
    color: #fbbf24 !important;   /* الأيقونات ذهبية */
}

/* ──── hover في الوضع النهاري ──── */
[data-theme="light"] footer .cl-footer-grid a:hover {
    background: rgba(251, 191, 36, 0.12) !important;
    border-color: #fbbf24 !important;
    color: #0f172a !important;
}

[data-theme="light"] footer .cl-footer-grid a:hover span {
    color: #0f172a !important;
}

[data-theme="light"] footer .cl-footer-grid a:hover i,
[data-theme="light"] footer .cl-footer-grid a:hover i.fa,
[data-theme="light"] footer .cl-footer-grid a:hover i.fas,
[data-theme="light"] footer .cl-footer-grid a:hover i.far,
[data-theme="light"] footer .cl-footer-grid a:hover i.fab {
    color: #d97706 !important;   /* ذهبي داكن عند hover */
}

/* ──── روابط محددة في الوضع النهاري ──── */
[data-theme="light"] footer a[href="/about"],
[data-theme="light"] footer a[href="/contact"],
[data-theme="light"] footer a[href="/editorial-policy"],
[data-theme="light"] footer a[href="/authors"],
[data-theme="light"] footer a[href="/privacy"],
[data-theme="light"] footer a[href="/dmca"],
[data-theme="light"] footer a[href="/contact-editor"] {
    color: #0f172a !important;
}


/* ═══════════════════════════════════════════════════════════
   🌊 STATIC_PAGES_BLUE_V1 — خلفية زرقاء للصفحات الثابتة والقائمة الجانبية
   (الوضع النهاري فقط) — يطابق ألوان الهيدر
   ═══════════════════════════════════════════════════════════ */

/* 1) بطاقات المحتوى (.glass-card) في الصفحات الثابتة — خلفية زرقاء */
[data-theme="light"] .glass-card {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.35) !important;
    color: #ffffff !important;
}

/* 2) النصوص داخل البطاقات — بيضاء واضحة */
[data-theme="light"] .glass-card h1,
[data-theme="light"] .glass-card h2,
[data-theme="light"] .glass-card h3,
[data-theme="light"] .glass-card h4,
[data-theme="light"] .glass-card p,
[data-theme="light"] .glass-card li,
[data-theme="light"] .glass-card span:not(.badge):not(.article-badge):not(.report-badge),
[data-theme="light"] .glass-card div:not([class*="badge"]):not(.form-control) {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* 3) العناوين الرئيسية — ذهبية */
[data-theme="light"] .glass-card h1,
[data-theme="light"] .glass-card h2 {
    color: #fbbf24 !important;
}

/* 4) الروابط داخل البطاقات — ذهبية */
[data-theme="light"] .glass-card a {
    color: #fbbf24 !important;
    font-weight: 700 !important;
}
[data-theme="light"] .glass-card a:hover {
    color: #fcd34d !important;
}

/* 5) الحفاظ على المناطق الداخلية البيضاء (مثل حقول الإدخال) */
[data-theme="light"] .glass-card .form-control,
[data-theme="light"] .glass-card input,
[data-theme="light"] .glass-card textarea,
[data-theme="light"] .glass-card select {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .glass-card .form-control::placeholder,
[data-theme="light"] .glass-card input::placeholder,
[data-theme="light"] .glass-card textarea::placeholder {
    color: #94a3b8 !important;
}

/* 6) القائمة الجانبية (تصفح الموقع) — خلفية زرقاء */
[data-theme="light"] #siteMenuPanel {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-left-color: rgba(251, 191, 36, 0.5) !important;
    box-shadow: 4px 0 20px rgba(30, 58, 138, 0.5) !important;
}

[data-theme="light"] #siteMenuPanel a {
    color: #ffffff !important;
}

[data-theme="light"] #siteMenuPanel a i {
    color: #fbbf24 !important;
}

[data-theme="light"] #siteMenuPanel a:hover,
[data-theme="light"] #siteMenuPanel a.active {
    background: rgba(251, 191, 36, 0.15) !important;
    color: #fbbf24 !important;
    border-radius: 8px !important;
}

[data-theme="light"] #siteMenuPanel span[style*="color:#fbbf24"],
[data-theme="light"] #siteMenuPanel span[style*="color: #fbbf24"] {
    color: #fbbf24 !important;
}

/* 7) hover على البطاقات — إشراق أقوى */
[data-theme="light"] .glass-card:hover {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 60%, #3b82f6 100%) !important;
    border-color: rgba(251, 191, 36, 0.75) !important;
}


/* ═══════════════════════════════════════════════════════════
   🌊 STATIC_STANDINGS_BLUE_V1 — إصلاح جدول الترتيب + البطاقات الثابتة
   ═══════════════════════════════════════════════════════════ */

/* ─── 1) جدول الترتيب — أسماء الفرق واضحة (كسر inline color:#fff) ─── */
[data-theme="light"] .standings-table td,
[data-theme="light"] .standings-table td *,
[data-theme="light"] .standings-table td a,
[data-theme="light"] .standings-table td span,
[data-theme="light"] .standings-table td strong,
[data-theme="light"] .standings-table td div,
[data-theme="light"] .standings-table td .team-name,
[data-theme="light"] .standings-table td .text-white,
[data-theme="light"] .standings-table td [style*="color:#fff"],
[data-theme="light"] .standings-table td [style*="color: #fff"],
[data-theme="light"] .standings-table td [style*="color:#ffffff"],
[data-theme="light"] .standings-table td [style*="color: #ffffff"] {
    color: #0f172a !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

[data-theme="light"] .standings-table th,
[data-theme="light"] .standings-table th * {
    color: #0f172a !important;
}

/* ─── 2) بطاقات الصفحات الثابتة (editorial-policy, authors, contact-editor) ─── */
[data-theme="light"] main > article[style*="background:#1a2332"],
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"],
[data-theme="light"] main > section[style*="background:#1a2332"],
[data-theme="light"] main article[style*="background:#1a2332"],
[data-theme="light"] main section[style*="background:linear-gradient(135deg,#1a2332"],
[data-theme="light"] main section[style*="background:#1a2332"] {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.35) !important;
}

/* ─── 3) النصوص داخل البطاقات الثابتة — بيضاء ─── */
[data-theme="light"] main > article[style*="background:#1a2332"] p,
[data-theme="light"] main > article[style*="background:#1a2332"] li,
[data-theme="light"] main > article[style*="background:#1a2332"] strong,
[data-theme="light"] main > article[style*="background:#1a2332"] span,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] p,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] div,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] span {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="light"] main > article[style*="background:#1a2332"] strong {
    color: #fbbf24 !important;
}

/* ─── 4) العناوين الرئيسية — ذهبية ─── */
[data-theme="light"] main > article[style*="background:#1a2332"] h1,
[data-theme="light"] main > article[style*="background:#1a2332"] h2,
[data-theme="light"] main > article[style*="background:#1a2332"] h3,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] h1,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] h2 {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

/* ─── 5) البطاقات الفرعية (grid) داخل الصفحات الثابتة ─── */
[data-theme="light"] main > section a[style*="background:#1a2332"],
[data-theme="light"] main a[style*="background:#1a2332"]:not(nav a) {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    color: #ffffff !important;
}

[data-theme="light"] main a[style*="background:#1a2332"] * {
    color: #ffffff !important;
}


/* ═══════════════════════════════════════════════════════════
   🎨 FIX_NAV_DAY_COLORS_V1 — توحيد ألوان شريط التنقل والأيام
   ═══════════════════════════════════════════════════════════ */

/* ─── 1) شريط التنقل الرئيسي (nav-bar-pro) ─── */
[data-theme="light"] .nav-bar-pro {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-bottom: 2px solid rgba(251, 191, 36, 0.4) !important;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3) !important;
}

[data-theme="light"] .nav-bar-inner a {
    color: #ffffff !important;
    font-weight: 800 !important;
}

[data-theme="light"] .nav-bar-inner a i {
    color: #fbbf24 !important;
}

[data-theme="light"] .nav-bar-inner a:hover,
[data-theme="light"] .nav-bar-inner a.active {
    color: #fbbf24 !important;
    background: rgba(251, 191, 36, 0.15) !important;
}

/* ─── 2) شريط التنقل بين الأيام (day-nav) ─── */
[data-theme="light"] .day-nav {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border: 1px solid rgba(251, 191, 36, 0.4) !important;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.3) !important;
}

[data-theme="light"] .day-nav a,
[data-theme="light"] .day-nav .day-nav-btn {
    color: #ffffff !important;
    font-weight: 700 !important;
}

[data-theme="light"] .day-nav a:hover,
[data-theme="light"] .day-nav .day-nav-btn:hover {
    color: #fbbf24 !important;
    background: rgba(251, 191, 36, 0.15) !important;
}

[data-theme="light"] .day-nav a.active,
[data-theme="light"] .day-nav .day-nav-btn.active {
    color: #0f172a !important;
    background: #fbbf24 !important;
    font-weight: 900 !important;
}

/* ─── 3) صفحة "تواصل مع المحرر" (contact-editor) ─── */
[data-theme="light"] main > article[style*="background:#1a2332"],
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.35) !important;
}

[data-theme="light"] main > article[style*="background:#1a2332"] p,
[data-theme="light"] main > article[style*="background:#1a2332"] li,
[data-theme="light"] main > article[style*="background:#1a2332"] span,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] p,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] div,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] span {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="light"] main > article[style*="background:#1a2332"] h1,
[data-theme="light"] main > article[style*="background:#1a2332"] h2,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] h1,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] h2 {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] main > article[style*="background:#1a2332"] strong,
[data-theme="light"] main > section[style*="background:linear-gradient(135deg,#1a2332"] strong {
    color: #fbbf24 !important;
}

/* ─── 4) البطاقات الفرعية داخل الصفحة (الشبكة) ─── */
[data-theme="light"] main a[style*="background:#1a2332"] {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
}

[data-theme="light"] main a[style*="background:#1a2332"] * {
    color: #ffffff !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 CONTACT_EDITOR_TEXT_V1 — وضوح النص في البطاقات الداخلية
   ═══════════════════════════════════════════════════════════ */

/* 1) البطاقات الداخلية — خلفية زرقاء داكنة متناسقة (بدل الأسود) */
[data-theme="light"] main [style*="background:#0f1720"] {
    background: rgba(15, 23, 42, 0.75) !important;
    border: 1px solid rgba(251, 191, 36, 0.15) !important;
}

/* 2) كل النصوص داخل البطاقات الداخلية — بيضاء واضحة */
[data-theme="light"] main [style*="background:#0f1720"] p,
[data-theme="light"] main [style*="background:#0f1720"] span,
[data-theme="light"] main [style*="background:#0f1720"] div:not([style*="color:#10b981"]):not([style*="color:#3b82f6"]):not([style*="color:#8b5cf6"]):not([style*="color:#ec4899"]):not([style*="color:#fbbf24"]):not([style*="color:#f59e0b"]),
[data-theme="light"] main [style*="background:#0f1720"] small,
[data-theme="light"] main [style*="background:#0f1720"] strong,
[data-theme="light"] main [style*="background:#0f1720"] li {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* 3) النصوص الرمادية (#cbd5e1، #94a3b8) → بيضاء فاتحة */
[data-theme="light"] main [style*="background:#0f1720"] [style*="color:#cbd5e1"],
[data-theme="light"] main [style*="background:#0f1720"] [style*="color:#94a3b8"],
[data-theme="light"] main [style*="background:#0f1720"] [style*="color: #cbd5e1"],
[data-theme="light"] main [style*="background:#0f1720"] [style*="color: #94a3b8"] {
    color: #e2e8f0 !important;
}

/* 4) العناوين h3 داخل البطاقات — ألوانها الأصلية محفوظة لكن أكثف */
[data-theme="light"] main [style*="background:#0f1720"] h3 {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
    font-weight: 900 !important;
}

/* 5) الأرقام الكبيرة (24/48/7 ساعة) — تبقى بألوانها */
[data-theme="light"] main [style*="background:#0f1720"] [style*="color:#10b981"],
[data-theme="light"] main [style*="background:#0f1720"] [style*="color:#3b82f6"],
[data-theme="light"] main [style*="background:#0f1720"] [style*="color:#8b5cf6"] {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 CONTACT_H3_BRIGHT_V1 — عناوين بطاقات التواصل (ألوان ساطعة)
   ═══════════════════════════════════════════════════════════ */

/* 1) تصحيح معلومات — أخضر ساطع */
[data-theme="light"] main [style*="background:#0f1720"] h3[style*="color:#10b981"],
[data-theme="light"] main [style*="background:#0f1720"] h3[style*="color: #10b981"] {
    color: #4ade80 !important;
    text-shadow: 0 2px 8px rgba(74, 222, 128, 0.5) !important;
}

/* 2) اقتراح محتوى — أزرق سماوي ساطع */
[data-theme="light"] main [style*="background:#0f1720"] h3[style*="color:#3b82f6"],
[data-theme="light"] main [style*="background:#0f1720"] h3[style*="color: #3b82f6"] {
    color: #60a5fa !important;
    text-shadow: 0 2px 8px rgba(96, 165, 250, 0.5) !important;
}

/* 3) تعاون إعلامي — بنفسجي ساطع */
[data-theme="light"] main [style*="background:#0f1720"] h3[style*="color:#8b5cf6"],
[data-theme="light"] main [style*="background:#0f1720"] h3[style*="color: #8b5cf6"] {
    color: #a78bfa !important;
    text-shadow: 0 2px 8px rgba(167, 139, 250, 0.5) !important;
}

/* 4) نضم لفريقنا — وردي ساطع */
[data-theme="light"] main [style*="background:#0f1720"] h3[style*="color:#ec4899"],
[data-theme="light"] main [style*="background:#0f1720"] h3[style*="color: #ec4899"] {
    color: #f472b6 !important;
    text-shadow: 0 2px 8px rgba(244, 114, 182, 0.5) !important;
}

/* 5) الأرقام الكبيرة (24/48/7 ساعة) — ساطعة أيضاً */
[data-theme="light"] main [style*="background:#0f1720"] div[style*="color:#10b981"] {
    color: #4ade80 !important;
    text-shadow: 0 2px 10px rgba(74, 222, 128, 0.55) !important;
}
[data-theme="light"] main [style*="background:#0f1720"] div[style*="color:#3b82f6"] {
    color: #60a5fa !important;
    text-shadow: 0 2px 10px rgba(96, 165, 250, 0.55) !important;
}
[data-theme="light"] main [style*="background:#0f1720"] div[style*="color:#8b5cf6"] {
    color: #a78bfa !important;
    text-shadow: 0 2px 10px rgba(167, 139, 250, 0.55) !important;
}

/* 6) تحسين الوصف الرمادي تحت العناوين */
[data-theme="light"] main [style*="background:#0f1720"] [style*="color:#94a3b8"],
[data-theme="light"] main [style*="background:#0f1720"] [style*="color: #94a3b8"] {
    color: #cbd5e1 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 MATCH_PAGE_TEXT_FIX_V1 — وضوح النصوص في صفحة المباراة
   ═══════════════════════════════════════════════════════════ */

/* ─── 1) رسائل التعليق — نص داكن واضح على الخلفية الفاتحة ─── */
[data-theme="light"] #chat-box .chat-msg p,
[data-theme="light"] #chat-box .chat-msg > p,
[data-theme="light"] body .chat-msg p,
[data-theme="light"] body .chat-msg > p,
[data-theme="light"] .chat-msg p,
[data-theme="light"] .chat-msg > p {
    color: #0f172a !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

/* ─── 2) الوقت داخل التعليق — رمادي واضح ─── */
[data-theme="light"] #chat-box .chat-msg [style*="color:#8896a8"],
[data-theme="light"] #chat-box .chat-msg [style*="color: #8896a8"] {
    color: #64748b !important;
}

/* ─── 3) اقرأ أيضاً — عناوين الروابط فاتحة على الخلفية الزرقاء ─── */
[data-theme="light"] .glass-card a[href^="/news/"],
[data-theme="light"] .glass-card a[href^="/news/"] h1,
[data-theme="light"] .glass-card a[href^="/news/"] h2,
[data-theme="light"] .glass-card a[href^="/news/"] h3,
[data-theme="light"] .glass-card a[href^="/news/"] h4,
[data-theme="light"] .glass-card a[href^="/news/"] p,
[data-theme="light"] .glass-card a[href^="/news/"] span,
[data-theme="light"] .glass-card a[href^="/news/"] div,
[data-theme="light"] .glass-card a[href^="/news/"] strong,
[data-theme="light"] .glass-card a[href^="/news/"] b {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* ─── 4) العناوين الرئيسية في "اقرأ أيضاً" — ذهبية ─── */
[data-theme="light"] .glass-card h2.chat-header,
[data-theme="light"] .glass-card .chat-header {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

/* ─── 5) التواريخ الرمادية → فاتحة واضحة ─── */
[data-theme="light"] .glass-card a[href^="/news/"] small,
[data-theme="light"] .glass-card a[href^="/news/"] time,
[data-theme="light"] .glass-card a[href^="/news/"] [style*="color:#94a3b8"],
[data-theme="light"] .glass-card a[href^="/news/"] [style*="color:#cbd5e1"] {
    color: #cbd5e1 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 STANDINGS_TEXT_CLEAR_V1 — أسماء الأندية في جدول الترتيب
   (يتجاوز قاعدة .glass-card span البيضاء)
   ═══════════════════════════════════════════════════════════ */

/* 1) كل النصوص داخل جدول الترتيب — أسود داكن واضح */
[data-theme="light"] .standings-table,
[data-theme="light"] .standings-table *,
[data-theme="light"] .standings-table td,
[data-theme="light"] .standings-table td *,
[data-theme="light"] .standings-table td span,
[data-theme="light"] .standings-table td a,
[data-theme="light"] .standings-table td strong,
[data-theme="light"] .standings-table td b,
[data-theme="light"] .standings-table td div,
[data-theme="light"] .standings-table td p,
[data-theme="light"] .standings-table td .team-name,
[data-theme="light"] .standings-table td .text-white,
[data-theme="light"] .standings-table td [style*="color:#fff"],
[data-theme="light"] .standings-table td [style*="color: #fff"],
[data-theme="light"] .standings-table td [style*="color:#ffffff"],
[data-theme="light"] .standings-table td [style*="color: #ffffff"],
[data-theme="light"] .standings-table td [style*="color:#f8fafc"],
[data-theme="light"] .standings-table td [style*="color: #f8fafc"] {
    color: #0f172a !important;
    text-shadow: none !important;
    font-weight: 700 !important;
}

/* 2) خلفية الجدول بيضاء (لضمان التباين) */
[data-theme="light"] .standings-table {
    background: #ffffff !important;
}

[data-theme="light"] .standings-table td {
    background: transparent !important;
    border-color: #e2e8f0 !important;
}

/* 3) الرؤوس — داكنة */
[data-theme="light"] .standings-table th,
[data-theme="light"] .standings-table th * {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

/* 4) شعارات الفرق — حجم واضح */
[data-theme="light"] .standings-table img {
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.15)) !important;
}

/* 5) رقم المركز (pos-badge) — ألوان واضحة */
[data-theme="light"] .standings-table .pos-top {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: #ffffff !important;
}
[data-theme="light"] .standings-table .pos-top * {
    color: #ffffff !important;
}
[data-theme="light"] .standings-table .pos-normal {
    background: #e2e8f0 !important;
    color: #334155 !important;
}
[data-theme="light"] .standings-table .pos-normal * {
    color: #334155 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 STANDINGS_TEXT_CLEAR_V2 — أولوية أعلى من .glass-card span
   ═══════════════════════════════════════════════════════════ */

/* اسم الفريق في جدول الترتيب — أولوية (0,4,2) تتجاوز .glass-card span (0,4,1) */
[data-theme="light"] .glass-card .standings-table td span:not(.pos-badge):not(.badge),
[data-theme="light"] .glass-card .standings-table td a:not(.pos-badge),
[data-theme="light"] .glass-card .standings-table td strong:not(.badge),
[data-theme="light"] .glass-card .standings-table td .d-flex span,
[data-theme="light"] .glass-card .standings-table td .d-flex div,
[data-theme="light"] .glass-card .standings-table td .team-name,
[data-theme="light"] .glass-card .standings-table td span[style*="color:#fff"],
[data-theme="light"] .glass-card .standings-table td span[style*="color: #fff"],
[data-theme="light"] .glass-card .standings-table td span[style*="color:#ffffff"],
[data-theme="light"] .glass-card .standings-table td span[style*="color: #ffffff"] {
    color: #0f172a !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

/* خلفية الجدول بيضاء (مؤكد) */
[data-theme="light"] .glass-card .standings-table,
[data-theme="light"] .glass-card .standings-table td {
    background: #ffffff !important;
}

[data-theme="light"] .glass-card .standings-table td {
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .glass-card .standings-table th,
[data-theme="light"] .glass-card .standings-table th * {
    background: #e2e8f0 !important;
    color: #0f172a !important;
    text-shadow: none !important;
    font-weight: 900 !important;
}

/* أرقام النقاط — تبقى زرقاء (أو أي لون كانت) */
[data-theme="light"] .glass-card .standings-table td[style*="color:#60a5fa"],
[data-theme="light"] .glass-card .standings-table td[style*="color: #60a5fa"] {
    color: #2563eb !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 STANDINGS_PAGE_TEXT_V1 — إصلاح لون النص الباهت في صفحة الترتيب
   يستهدف النصوص الرمادية داخل منطقة المحتوى الرئيسي
   ═══════════════════════════════════════════════════════════ */

/* 1) النصوص الرمادية داخل main في صفحة الترتيب */
[data-theme="light"] .standings-page main [style*="color:#94a3b8"],
[data-theme="light"] .standings-page main [style*="color: #94a3b8"],
[data-theme="light"] .standings-page main [style*="color:#cbd5e1"],
[data-theme="light"] .standings-page main [style*="color: #cbd5e1"],
[data-theme="light"] body.standings-page main [style*="color:#94a3b8"],
[data-theme="light"] body.standings-page main [style*="color:#cbd5e1"] {
    color: #334155 !important;
    text-shadow: none !important;
}

/* 2) عناوين البطاقات */
[data-theme="light"] .standings-page main h2,
[data-theme="light"] .standings-page main h3,
[data-theme="light"] body.standings-page main h2,
[data-theme="light"] body.standings-page main h3 {
    color: #0f172a !important;
}

/* 3) أي نص داخل روابط البطاقات */
[data-theme="light"] .standings-page main a:not([style*="color:#fbbf24"]):not([style*="color: #fbbf24"]),
[data-theme="light"] .standings-page main a span,
[data-theme="light"] .standings-page main a div {
    color: #334155 !important;
}


/* ═══════════════════════════════════════════════════════════
   🏆 LOGO_GOLD_UNIFY_V1 — توحيد لوقو الهيدر مع الفوتر (ذهبي)
   ═══════════════════════════════════════════════════════════ */

/* 1) في الوضع النهاري — اللوقو يبقى ذهبي (نفس الفوتر) */
[data-theme="light"] .main-nav .logo-link,
[data-theme="light"] .main-nav .logo-chat {
    color: #fbbf24 !important;
    text-shadow: 0 3px 10px rgba(251, 191, 36, 0.5) !important;
}

/* 2) النقطة "." تبقى بيضاء (نفس الفوتر) */
[data-theme="light"] .main-nav .logo-dot {
    color: #ffffff !important;
}

/* 3) "COM" يبقى أحمر (نفس الفوتر) */
[data-theme="light"] .main-nav .logo-ne {
    color: #ef4444 !important;
    text-shadow: 0 2px 8px rgba(239, 68, 68, 0.4) !important;
}

/* 4) زر الثيم في الوضع النهاري — يبقى ذهبي دائري */
[data-theme="light"] .main-nav .theme-toggle-btn {
    background: rgba(30, 58, 138, 0.6) !important;
    border-color: #fbbf24 !important;
    color: #fbbf24 !important;
}


/* ═══════════════════════════════════════════════════════════
   🌊 STANDINGS_NEWS_CARD_FIX_V1 — بطاقات "آخر الأخبار" في صفحة الترتيب
   ═══════════════════════════════════════════════════════════ */

/* 1) الحاوي الخارجي (rgba(255,255,255,0.03)) — أزرق */
[data-theme="light"] main > div > div[style*="rgba(255, 255, 255, 0.03)"],
[data-theme="light"] main div[style*="rgba(255, 255, 255, 0.03)"] {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
}

/* 2) البطاقات الداخلية (rgba(0,0,0,0.2)) — أزرق داكن */
[data-theme="light"] main div[style*="rgba(0,0,0,0.2)"] {
    background: rgba(15, 23, 42, 0.65) !important;
    border-color: rgba(251, 191, 36, 0.2) !important;
}

/* 3) العنوان (#3498db الأزرق الفاتح) — ذهبي */
[data-theme="light"] main div[style*="rgba(0,0,0,0.2)"] span[style*="color: #3498db"],
[data-theme="light"] main div[style*="rgba(0,0,0,0.2)"] span[style*="color:#3498db"] {
    color: #fbbf24 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
    font-weight: 800 !important;
}

/* 4) الوصف (#a0a0a0 الرمادي) — أبيض فاتح */
[data-theme="light"] main div[style*="rgba(0,0,0,0.2)"] span[style*="color: #a0a0a0"],
[data-theme="light"] main div[style*="rgba(0,0,0,0.2)"] span[style*="color:#a0a0a0"] {
    color: #e2e8f0 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}

/* 5) العنوان الرئيسي "آخر الأخبار والتحليلات الرياضية" — يبقى برتقالي */
[data-theme="light"] main h5[style*="color: #f39c12"] {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 STANDINGS_SEO_TEXT_WHITE_V1 — نص أبيض في حاوي SEO الأزرق
   (يستهدف حاوي دليل الترتيب المحدد بـ color:#cbd5e1)
   ═══════════════════════════════════════════════════════════ */

/* 1) الحاوي — لون النص الأساسي أبيض */
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"],
[data-theme="light"] main > div[style*="rgba(255,255,255,0.03)"][style*="color:#cbd5e1"] {
    color: #ffffff !important;
}

/* 2) كل النصوص داخل الحاوي — أبيض (كسر القاعدة العامة) */
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] p,
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] div:not([class]),
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] span:not([class]),
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] li,
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] br {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* 3) العناصر المُشدد عليها (strong) — ذهبية */
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] strong,
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] b {
    color: #fbbf24 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* 4) العنوان الرئيسي (h2) — ذهبي */
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] h1,
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] h2,
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] h3 {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

/* 5) الروابط داخل الحاوي — سماوي ساطع */
[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] a {
    color: #60a5fa !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] main > div[style*="rgba(255, 255, 255, 0.03)"][style*="color:#cbd5e1"] a:hover {
    color: #93c5fd !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 MENU_HEADER_TEXT_V1 — عنوان "تصفح الموقع" بلون ذهبي واضح
   (يكسر قاعدة [data-theme=light] span العامة)
   ═══════════════════════════════════════════════════════════ */

/* 1) كل span داخل #siteMenuPanel — ذهبي أو أبيض */
[data-theme="light"] #siteMenuPanel span,
[data-theme="light"] #siteMenuPanel span *,
[data-theme="light"] #siteMenuPanel div,
[data-theme="light"] #siteMenuPanel i {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* 2) العنوان الرئيسي "تصفح الموقع" — ذهبي */
[data-theme="light"] #siteMenuPanel > div:first-child span,
[data-theme="light"] #siteMenuPanel > div > span[style*="color:#fbbf24"],
[data-theme="light"] #siteMenuPanel > div > span[style*="color: #fbbf24"] {
    color: #fbbf24 !important;
    text-shadow: 0 2px 8px rgba(251, 191, 36, 0.5) !important;
    font-weight: 900 !important;
}

/* 3) أيقونة البوصلة — ذهبية */
[data-theme="light"] #siteMenuPanel > div:first-child i {
    color: #fbbf24 !important;
}

/* 4) زر الإغلاق (×) — أبيض */
[data-theme="light"] #siteMenuClose,
[data-theme="light"] #siteMenuClose * {
    color: #ffffff !important;
}

/* 5) روابط الأقسام داخل القائمة — بيضاء */
[data-theme="light"] #siteMenuPanel a,
[data-theme="light"] #siteMenuPanel a span,
[data-theme="light"] #siteMenuPanel a div {
    color: #ffffff !important;
}

/* 6) أيقونات الأقسام — ذهبية */
[data-theme="light"] #siteMenuPanel a i {
    color: #fbbf24 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 TV_CHANNELS_TEXT_FIX_V1 — وضوح النصوص في صفحة القنوات
   ═══════════════════════════════════════════════════════════ */

/* 1) كل النصوص في main — أبيض */
[data-theme="light"] body.tv-channels-page main p,
[data-theme="light"] body.tv-channels-page main span:not([class*="badge"]):not([class*="tab"]):not([class*="day"]),
[data-theme="light"] body.tv-channels-page main div:not([class*="badge"]):not([class*="tab"]):not([class*="day"]):not([class*="match"]),
[data-theme="light"] body.tv-channels-page main li,
[data-theme="light"] body.tv-channels-page main small {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}

/* 2) العناوين — ذهبية */
[data-theme="light"] body.tv-channels-page main h1,
[data-theme="light"] body.tv-channels-page main h2,
[data-theme="light"] body.tv-channels-page main h3 {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;
}

/* 3) strong — ذهبي */
[data-theme="light"] body.tv-channels-page main strong,
[data-theme="light"] body.tv-channels-page main b {
    color: #fbbf24 !important;
}

/* 4) الروابط — سماوي ساطع */
[data-theme="light"] body.tv-channels-page main a {
    color: #60a5fa !important;
    font-weight: 800 !important;
}

[data-theme="light"] body.tv-channels-page main a:hover {
    color: #93c5fd !important;
}

/* 5) الحاويات (البطاقات) — خلفية زرقاء داكنة */
[data-theme="light"] body.tv-channels-page main > div[style*="rgba(255, 255, 255, 0.03)"],
[data-theme="light"] body.tv-channels-page main > div[style*="rgba(255,255,255,0.03)"] {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 60%, #2563eb 100%) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
}

/* 6) الأزرار (اليوم، الغد، الأمس) — تبقى بألوانها مع نص داكن */
[data-theme="light"] body.tv-channels-page main .day-nav a,
[data-theme="light"] body.tv-channels-page main .day-nav span {
    color: #0f172a !important;
    text-shadow: none !important;
}

[data-theme="light"] body.tv-channels-page main .day-nav a.active,
[data-theme="light"] body.tv-channels-page main .day-nav span.active {
    color: #0f172a !important;
    background: #fbbf24 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 TV_TEXT_WHITE_V2 — إصلاح نهائي بأسطر عالية الأولوية
   ═══════════════════════════════════════════════════════════ */

/* 1) كل عنصر فيه inline style يلوّن بـ #94a3b8 أو #cbd5e1 أو #8896a8 — أبيض */
html[data-theme="light"] body.tv-channels-page [style*="color:#94a3b8"],
html[data-theme="light"] body.tv-channels-page [style*="color: #94a3b8"],
html[data-theme="light"] body.tv-channels-page [style*="color:#cbd5e1"],
html[data-theme="light"] body.tv-channels-page [style*="color: #cbd5e1"],
html[data-theme="light"] body.tv-channels-page [style*="color:#8896a8"],
html[data-theme="light"] body.tv-channels-page [style*="color: #8896a8"] {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* 2) نفس الشيء للـ main فقط */
html[data-theme="light"] .tv-channels-page main [style*="color:#94a3b8"],
html[data-theme="light"] .tv-channels-page main [style*="color:#cbd5e1"],
html[data-theme="light"] .tv-channels-page main [style*="color:#8896a8"] {
    color: #ffffff !important;
}

/* 3) الأبناء — وراثة */
html[data-theme="light"] .tv-channels-page [style*="color:#94a3b8"] *,
html[data-theme="light"] .tv-channels-page [style*="color:#cbd5e1"] *,
html[data-theme="light"] .tv-channels-page [style*="color:#8896a8"] * {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* 4) الروابط داخل هذه العناصر — سماوي ساطع */
html[data-theme="light"] .tv-channels-page [style*="color:#94a3b8"] a,
html[data-theme="light"] .tv-channels-page [style*="color:#cbd5e1"] a,
html[data-theme="light"] .tv-channels-page [style*="color:#8896a8"] a,
html[data-theme="light"] .tv-channels-page [style*="color:#38bdf8"],
html[data-theme="light"] .tv-channels-page a[style*="color:#38bdf8"],
html[data-theme="light"] .tv-channels-page a[style*="color: #38bdf8"] {
    color: #60a5fa !important;
    font-weight: 800 !important;
}

/* 5) العناوين */
html[data-theme="light"] .tv-channels-page main h1,
html[data-theme="light"] .tv-channels-page main h2,
html[data-theme="light"] .tv-channels-page main h3 {
    color: #fbbf24 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
}

/* 6) نصوص الحاويات الرمادية الفاتحة */
html[data-theme="light"] .tv-channels-page main > div > div[style*="rgba(255, 255, 255, 0.03)"],
html[data-theme="light"] .tv-channels-page main > div > div[style*="rgba(255,255,255,0.03)"] {
    color: #ffffff !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 BRIGHT_TEXT_FINAL_V1 — إصلاح نهائي بمستوى عالٍ
   ═══════════════════════════════════════════════════════════ */

/* 1) أي عنصر بـ inline color:#94a3b8 في الصفحات الزرقاء */
html[data-theme="light"] body[class*="tv-channels"] [style*="color:#94a3b8"],
html[data-theme="light"] body[class*="upsets"] [style*="color:#94a3b8"],
html[data-theme="light"] body[class*="records"] [style*="color:#94a3b8"],
html[data-theme="light"] body[class*="standings"] [style*="color:#94a3b8"],
html[data-theme="light"] main [style*="color:#94a3b8"] {
    color: #e2e8f0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="light"] body[class*="tv-channels"] [style*="color: #94a3b8"],
html[data-theme="light"] body[class*="upsets"] [style*="color: #94a3b8"],
html[data-theme="light"] main [style*="color: #94a3b8"] {
    color: #e2e8f0 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* 2) inline color:#cbd5e1 */
html[data-theme="light"] main [style*="color:#cbd5e1"],
html[data-theme="light"] main [style*="color: #cbd5e1"] {
    color: #e2e8f0 !important;
}

/* 3) inline color:#8896a8 */
html[data-theme="light"] main [style*="color:#8896a8"],
html[data-theme="light"] main [style*="color: #8896a8"] {
    color: #cbd5e1 !important;
}

/* 4) الروابط - سماوي فاتح */
html[data-theme="light"] main [style*="color:#38bdf8"] a,
html[data-theme="light"] main a[style*="color:#38bdf8"] {
    color: #60a5fa !important;
    font-weight: 800 !important;
}

/* 5) الأبناء */
html[data-theme="light"] main [style*="color:#94a3b8"] *,
html[data-theme="light"] main [style*="color:#cbd5e1"] * {
    color: inherit !important;
}

/* 6) استثناء الألوان الواضحة */
html[data-theme="light"] main [style*="color:#22c55e"],
html[data-theme="light"] main [style*="color:#ef4444"],
html[data-theme="light"] main [style*="color:#fbbf24"],
html[data-theme="light"] main [style*="color:#60a5fa"],
html[data-theme="light"] main [style*="color:#10b981"],
html[data-theme="light"] main [style*="color:#3b82f6"] {
    /* نُبقيها كما هي */
}


/* ═══════════════════════════════════════════════════════════
   🎨 FOOTER_CARDS_GREY_V1 — خلفية رمادية لبطاقات الفوتر
   (نفس خلفية الموقع الفاتحة)
   ═══════════════════════════════════════════════════════════ */

/* 1) بطاقات الفوتر — خلفية رمادية فاتحة */
[data-theme="light"] footer .cl-footer-grid a {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* 2) النص — داكن واضح */
[data-theme="light"] footer .cl-footer-grid a span {
    color: #0f172a !important;
    font-weight: 800 !important;
}

/* 3) الأيقونات — تبقى ذهبية */
[data-theme="light"] footer .cl-footer-grid a i,
[data-theme="light"] footer .cl-footer-grid a .fa,
[data-theme="light"] footer .cl-footer-grid a .fas,
[data-theme="light"] footer .cl-footer-grid a .far,
[data-theme="light"] footer .cl-footer-grid a .fab,
[data-theme="light"] footer .cl-footer-grid a > span:last-child:not(:first-child) {
    color: #fbbf24 !important;
}

/* 4) البطاقة الطويلة (تواصل مع المحرر) — نفس الرمادي مع حدود ذهبية */
[data-theme="light"] footer .cl-footer-grid a[href="/contact-editor"] {
    background: #e2e8f0 !important;
    border: 1px solid #fbbf24 !important;
    color: #0f172a !important;
}

[data-theme="light"] footer .cl-footer-grid a[href="/contact-editor"] span,
[data-theme="light"] footer .cl-footer-grid a[href="/contact-editor"] i {
    color: #0f172a !important;
}

[data-theme="light"] footer .cl-footer-grid a[href="/contact-editor"] i {
    color: #d97706 !important;
}

/* 5) hover — رمادي أغمق قليلاً */
[data-theme="light"] footer .cl-footer-grid a:hover {
    background: #cbd5e1 !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] footer .cl-footer-grid a:hover span {
    color: #0f172a !important;
}

[data-theme="light"] footer .cl-footer-grid a:hover i {
    color: #b45309 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎨 DISCLAIMER_GREY_V1 — خلفية رمادية لصندوق تنبيه الفيديو
   ═══════════════════════════════════════════════════════════ */

/* 1) خلفية رمادية فاتحة + نص داكن واضح */
[data-theme="light"] footer .video-disclaimer,
[data-theme="light"] .video-disclaimer {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* 2) النص — داكن واضح */
[data-theme="light"] footer .video-disclaimer p,
[data-theme="light"] footer .video-disclaimer span,
[data-theme="light"] footer .video-disclaimer div {
    color: #0f172a !important;
}

/* 3) strong (YouTube / سعودي كول) — أزرق داكن */
[data-theme="light"] footer .video-disclaimer strong {
    color: #1e3a8a !important;
    font-weight: 900 !important;
}

/* 4) أيقونة ℹ️ — ذهبية */
[data-theme="light"] footer .video-disclaimer i {
    color: #d97706 !important;
}

/* 5) في الوضع الليلي — نبقيها ذهبية داكنة كما هي */
[data-theme="dark"] footer .video-disclaimer {
    background: rgba(251, 191, 36, 0.12) !important;
    border-color: rgba(251, 191, 36, 0.4) !important;
    color: #cbd5e1 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 DATE_SEARCH_LABEL_FIX_V1 — وضوح نص "ابحث عن مباريات تاريخ محدد"
   ═══════════════════════════════════════════════════════════ */

/* الوضع النهاري — نص داكن واضح */
[data-theme="light"] label[for="date-search-input"],
[data-theme="light"] body label[for="date-search-input"] {
    color: #0f172a !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

/* الوضع الليلي — نص فاتح واضح */
[data-theme="dark"] label[for="date-search-input"],
[data-theme="dark"] body label[for="date-search-input"] {
    color: #e2e8f0 !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}










/* ═══════════════════════════════════════════════════════════
   🎯 YT_HINT_BTN_TEXT_V1 — زر "مشاهدة على YouTube" واضح
   ═══════════════════════════════════════════════════════════ */

/* 1) الـ span الداخلي (البيضاء) — نص داكن واضح */
html body #yt-hint-box span[style*="background:#fff"],
html body #yt-hint-box span[style*="background: #fff"],
html body #yt-hint-box span[style*="background:#ffffff"],
html body #yt-hint-box span[style*="background: #ffffff"] {
    color: #0f172a !important;
    font-weight: 800 !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

/* 2) كل الأبناء داخل الـ span */
html body #yt-hint-box span[style*="background:#fff"] *,
html body #yt-hint-box span[style*="background: #fff"] * {
    color: #0f172a !important;
    opacity: 1 !important;
}

/* 3) الأسطر الرمادية حول الزر — بيضاء واضحة */
html body #yt-hint-box .yt-hint-line {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    opacity: 1 !important;
}

/* 4) في الوضع النهاري — الزر يبقى أبيض والنص داكن */
html[data-theme="light"] body #yt-hint-box span[style*="background:#fff"],
html[data-theme="light"] body #yt-hint-box span[style*="background: #fff"] {
    color: #0f172a !important;
    background: #ffffff !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 REPORTS_HERO_LIGHT_FIX_V1 — نصوص واضحة في .reports-hero
   (الوضع النهاري)
   ═══════════════════════════════════════════════════════════ */

/* 1) الفقرة الرمادية — نص داكن واضح */
[data-theme="light"] .reports-hero p,
[data-theme="light"] .reports-hero p[style*="color:#cbd5e1"],
[data-theme="light"] .reports-hero p[style*="color: #cbd5e1"] {
    color: #0f172a !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

/* 2) النص الرمادي في أي عنصر داخل reports-hero */
[data-theme="light"] .reports-hero [style*="color:#cbd5e1"],
[data-theme="light"] .reports-hero [style*="color: #cbd5e1"],
[data-theme="light"] .reports-hero [style*="color:#94a3b8"],
[data-theme="light"] .reports-hero [style*="color: #94a3b8"] {
    color: #334155 !important;
}

/* 3) العنوان الرئيسي — يبقى ذهبي (أو داكن حسب الرغبة) */
[data-theme="light"] .reports-hero h1,
[data-theme="light"] .reports-hero h2 {
    color: #0f172a !important;
    text-shadow: none !important;
}

/* 4) الرقم 1336 الذهبي — داكن أكثر على الخلفية الفاتحة */
[data-theme="light"] .reports-hero strong {
    color: #b45309 !important;
    font-weight: 900 !important;
}

/* 5) خانة البحث — بيضاء بنص داكن */
[data-theme="light"] .reports-hero input {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .reports-hero input::placeholder {
    color: #94a3b8 !important;
}




/* ═══════════════════════════════════════════════════════════
   🌍 PAGES_TEXT_COLORS_V2 — وضوح النصوص (أولوية عالية)
   ═══════════════════════════════════════════════════════════ */

/* 1) كل النصوص الرمادية في main — داكنة */
html[data-theme="light"] body main [style*="color:#94a3b8"],
html[data-theme="light"] body main [style*="color: #94a3b8"] {
    color: #334155 !important;
    text-shadow: none !important;
}

html[data-theme="light"] body main [style*="color:#cbd5e1"],
html[data-theme="light"] body main [style*="color: #cbd5e1"] {
    color: #1e293b !important;
    text-shadow: none !important;
}

html[data-theme="light"] body main [style*="color:#8896a8"],
html[data-theme="light"] body main [style*="color: #8896a8"] {
    color: #334155 !important;
}

/* 2) نص أبيض على خلفية فاتحة (يحدث خطأ) — نحوّله داكن */
html[data-theme="light"] body main [style*="color:#fff"]:not(.glass-card *):not(.standings-table *),
html[data-theme="light"] body main [style*="color: #fff"]:not(.glass-card *):not(.standings-table *),
html[data-theme="light"] body main [style*="color:#ffffff"]:not(.glass-card *):not(.standings-table *),
html[data-theme="light"] body main [style*="color: #ffffff"]:not(.glass-card *):not(.standings-table *) {
    color: #0f172a !important;
}

/* 3) الروابط الرمادية — أزرق داكن */
html[data-theme="light"] body main [style*="color:#94a3b8"] a,
html[data-theme="light"] body main [style*="color:#cbd5e1"] a {
    color: #1d4ed8 !important;
    font-weight: 700 !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 UPSETS_TEXT_CLEAR_V1 — وضوح نصوص بطاقات المفاجآت
   ═══════════════════════════════════════════════════════════ */

/* أي عنصر في صفحة upsets بخلفية داكنة (بطاقات المباريات) — نص فاتح */
html[data-theme="light"] body.upsets-page .glass-card,
html[data-theme="light"] body.upsets-page .glass-card *,
html[data-theme="light"] body.upsets-page .match-card,
html[data-theme="light"] body.upsets-page .match-card * {
    color: #ffffff !important;
}

/* أسماء الفرق في البطاقات — نص أبيض واضح */
html[data-theme="light"] body.upsets-page .match-card .match-team,
html[data-theme="light"] body.upsets-page .match-card .match-team *,
html[data-theme="light"] body.upsets-page .glass-card .match-team,
html[data-theme="light"] body.upsets-page .glass-card .match-team * {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}

/* أي نص رمادي داخل البطاقات — أبيض */
html[data-theme="light"] body.upsets-page .match-card [style*="color:#94a3b8"],
html[data-theme="light"] body.upsets-page .match-card [style*="color: #94a3b8"],
html[data-theme="light"] body.upsets-page .match-card [style*="color:#cbd5e1"],
html[data-theme="light"] body.upsets-page .match-card [style*="color: #cbd5e1"] {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}


/* ═══════════════════════════════════════════════════════════
   🎯 TV_TEAM_LOGO_V1 — شعارات صغيرة متناسقة في tv-channels
   ═══════════════════════════════════════════════════════════ */

/* الشعار في بطاقات tv-channels — 36×36 بالضبط */
.tv-team-logo,
img.tv-team-logo {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    display: inline-block !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
    margin: 0 auto !important;
}

/* للجوال — نُبقيها 36×36 */
@media (max-width: 768px) {
    .tv-team-logo,
    img.tv-team-logo {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
    }
}


/* ═══════════════════════════════════════════════════════════
   ✨ MENU_BTN_PRO_V1 — تصميم احترافي عصري لزر القائمة
   ═══════════════════════════════════════════════════════════ */

/* ─── الزر: قاعدة احترافية ─── */
html body #siteMenuToggle {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    right: auto !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    border: none !important;
    background: linear-gradient(145deg, #1e2a3d 0%, #0f172a 100%) !important;
    box-shadow:
        0 0 0 1.5px rgba(251, 191, 36, 0.55),
        0 4px 18px rgba(251, 191, 36, 0.28),
        inset 0 0 14px rgba(251, 191, 36, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 305 !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ─── 3 خطوط حقيقية بـ ::before ─── */
html body #siteMenuToggle::before {
    content: '' !important;
    display: block !important;
    width: 20px !important;
    height: 2.5px !important;
    background: #fbbf24 !important;
    border-radius: 2px !important;
    box-shadow:
        0 -7px 0 #fbbf24,
        0  7px 0 #fbbf24 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* ─── إخفاء أي محتوى داخلي قديم ─── */
html body #siteMenuToggle > * {
    display: none !important;
}

/* ─── Hover: رفع + إشراق + توسيع الخطوط ─── */
html body #siteMenuToggle:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(145deg, #243349 0%, #1a2332 100%) !important;
    box-shadow:
        0 0 0 1.5px rgba(251, 191, 36, 1),
        0 8px 28px rgba(251, 191, 36, 0.45),
        inset 0 0 20px rgba(251, 191, 36, 0.12) !important;
}

html body #siteMenuToggle:hover::before {
    width: 22px !important;
    box-shadow:
        0 -8px 0 #fcd34d,
        0  8px 0 #fcd34d !important;
}

/* ─── Active: انضغاط ─── */
html body #siteMenuToggle:active {
    transform: translateY(0) scale(0.95) !important;
    transition-duration: 0.1s !important;
}

/* ─── Focus: حلقة واضحة ─── */
html body #siteMenuToggle:focus-visible {
    outline: 2px solid #fbbf24 !important;
    outline-offset: 3px !important;
}

/* ─── الوضع النهاري ─── */
html[data-theme="light"] body #siteMenuToggle {
    background: linear-gradient(145deg, #1e3a8a 0%, #1e40af 100%) !important;
    box-shadow:
        0 0 0 1.5px rgba(251, 191, 36, 0.6),
        0 4px 18px rgba(30, 58, 138, 0.4),
        inset 0 0 14px rgba(251, 191, 36, 0.1) !important;
}

html[data-theme="light"] body #siteMenuToggle:hover {
    background: linear-gradient(145deg, #1e40af 0%, #2563eb 100%) !important;
    box-shadow:
        0 0 0 1.5px rgba(251, 191, 36, 1),
        0 8px 28px rgba(30, 58, 138, 0.55),
        inset 0 0 20px rgba(251, 191, 36, 0.18) !important;
}

/* ─── الجوال ─── */
@media (max-width: 768px) {
    html body #siteMenuToggle {
        top: 12px !important;
        left: 12px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        border-radius: 13px !important;
    }
    html body #siteMenuToggle::before {
        width: 18px !important;
        height: 2.2px !important;
        box-shadow:
            0 -6px 0 #fbbf24,
            0  6px 0 #fbbf24 !important;
    }
}

/* ─── زر الثيم: نفس التصميم للتناسق ─── */
html body #theme-toggle.theme-toggle-btn,
html body button#theme-toggle,
html body #theme-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 14px !important;
    border: none !important;
    background: linear-gradient(145deg, #1e2a3d 0%, #0f172a 100%) !important;
    box-shadow:
        0 0 0 1.5px rgba(251, 191, 36, 0.55),
        0 4px 18px rgba(251, 191, 36, 0.28),
        inset 0 0 14px rgba(251, 191, 36, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html body #theme-toggle:hover,
html body button#theme-toggle:hover {
    transform: translateY(-2px) !important;
    background: linear-gradient(145deg, #243349 0%, #1a2332 100%) !important;
    box-shadow:
        0 0 0 1.5px rgba(251, 191, 36, 1),
        0 8px 28px rgba(251, 191, 36, 0.45),
        inset 0 0 20px rgba(251, 191, 36, 0.12) !important;
}

html body #theme-toggle:active {
    transform: translateY(0) scale(0.95) !important;
}

html[data-theme="light"] body #theme-toggle.theme-toggle-btn,
html[data-theme="light"] body button#theme-toggle {
    background: linear-gradient(145deg, #1e3a8a 0%, #1e40af 100%) !important;
    box-shadow:
        0 0 0 1.5px rgba(251, 191, 36, 0.6),
        0 4px 18px rgba(30, 58, 138, 0.4),
        inset 0 0 14px rgba(251, 191, 36, 0.1) !important;
}

@media (max-width: 768px) {
    html body #theme-toggle.theme-toggle-btn,
    html body button#theme-toggle {
        top: 12px !important;
        right: 12px !important;
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        border-radius: 13px !important;
    }
}


/* ═══════════════════════════════════════════════════════════
   🎯 MENU_BTN_HIDE_WHEN_OPEN_V1 — إخفاء زر القائمة عند الفتح
   ═══════════════════════════════════════════════════════════ */

/* عندما القائمة مفتوحة → أخفِ الزر */
body.menu-open #siteMenuToggle {
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(-100%) scale(0.8) !important;
    transition: all 0.25s ease !important;
}

/* زر الثيم يبقى ظاهراً (لا يتصادم مع القائمة) */
body.menu-open #theme-toggle {
    /* يبقى كما هو */
}


/* ═══════════════════════════════════════════════════════════
   🎯 AUTHOR_ACHIEVEMENTS_FIX_V1 — وضوح النص في صناديق الإنجازات
   ═══════════════════════════════════════════════════════════ */

/* 1) كل li داخل ul (صناديق الإنجازات) — نص أبيض ناصع */
html[data-theme="light"] body main ul > li[style*="background:#0f1720"],
html[data-theme="light"] body main ul > li[style*="background: #0f1720"] {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* 2) كل الأبناء داخل li — أبيض (بما فيها span) */
html[data-theme="light"] body main ul > li[style*="background:#0f1720"] *,
html[data-theme="light"] body main ul > li[style*="background: #0f1720"] * {
    color: #ffffff !important;
}

/* 3) علامة ✓ — تبقى خضراء ساطعة */
html[data-theme="light"] body main ul > li[style*="background:#0f1720"] span[style*="color:#10b981"],
html[data-theme="light"] body main ul > li[style*="background:#0f1720"] span[style*="color: #10b981"] {
    color: #4ade80 !important;
    text-shadow: 0 0 8px rgba(74, 222, 128, 0.6) !important;
}

/* 4) أي عنصر بخلفية #0f1720 داخل main — نص أبيض */
html[data-theme="light"] body main [style*="background:#0f1720"] p,
html[data-theme="light"] body main [style*="background:#0f1720"] div,
html[data-theme="light"] body main [style*="background:#0f1720"] span:not([style*="color:#10b981"]):not([style*="color: #10b981"]),
html[data-theme="light"] body main [style*="background:#0f1720"] li {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}


/* ═══════════════════════════════════════════════════════════
   ✨ HEADER_TIGHT_SPACING_V1 — تقليل الفراغات في الهيدر
   ═══════════════════════════════════════════════════════════ */

/* 1) العمود الرئيسي داخل الهيدر — gap صغير جداً */
.main-nav .container > .d-flex.flex-column,
.main-nav .d-flex.flex-column.align-items-center {
    gap: 2px !important;
    line-height: 1.2 !important;
}

/* 2) اللوقو — إزالة الفراغ تحته */
.main-nav .logo-link {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.1 !important;
}

/* 3) البادج "مشجع أون لاين" — بدون هوامش */
.main-nav .online-badge {
    margin: 0 !important;
    padding: 2px 0 !important;
    line-height: 1.2 !important;
    margin-top: -4px !important;
}

/* 4) الأيقونات الاجتماعية — إزالة mt-1 والإضافات */
.main-nav .social-icons,
.main-nav .social-icons.mt-1 {
    margin: 0 !important;
    margin-top: -2px !important;
    padding: 0 !important;
    gap: 14px !important;
    line-height: 1 !important;
}

.main-nav .social-icons a {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

/* 5) زر الدردشة — إزالة mt-2 */
.main-nav .header-chat-btn-wrapper,
.main-nav .header-chat-btn-wrapper.mt-2 {
    margin: 0 !important;
    margin-top: 4px !important;
    padding: 0 !important;
}

.main-nav .live-chat-btn {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

/* 6) تقليل padding الهيدر العام */
.main-nav {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.main-nav .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 7) الجوال — نفس التناسق */
@media (max-width: 768px) {
    .main-nav .container > .d-flex.flex-column,
    .main-nav .d-flex.flex-column.align-items-center {
        gap: 1px !important;
    }
    .main-nav {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    .main-nav .online-badge {
        margin-top: -3px !important;
    }
    .main-nav .social-icons {
        margin-top: -1px !important;
    }
    .main-nav .header-chat-btn-wrapper {
        margin-top: 3px !important;
    }
}


/* ═══════════════════════════════════════════════════════════
   ✨ FOOTER_TIGHT_SPACING_V1 — تقليل الفراغات في الفوتر
   ═══════════════════════════════════════════════════════════ */

/* 1) الحاوي الرئيسي للفوتر — padding أقل */
footer.site-footer .container {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* 2) اللوقو — إزالة الهوامش */
footer .logo-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

footer .footer-logo {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 3) الشبكة — تقليل الهوامش العلوية والسفلية */
footer .cl-footer-grid {
    margin: 4px auto !important;
    margin-top: 6px !important;
    margin-bottom: 4px !important;
    gap: 8px !important;
}

/* 4) أي عناصر mt-3/mt-4 في الفوتر */
footer .mt-3,
footer .mt-4,
footer .my-3,
footer .my-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

/* 5) SEO footer text — إزالة الهوامش الزائدة */
footer .site-seo-footer-text {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* 6) الجوال — أكثر إحكاماً */
@media (max-width: 768px) {
    footer.site-footer .container {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
    footer .cl-footer-grid {
        margin-top: 4px !important;
        margin-bottom: 3px !important;
        gap: 7px !important;
    }
}