/* seasonal.css v1 — S10 كل ديكور موسمي يُطبَّق بـclass على */ /* ── رمضان ────────────────────────────────── */ body.season-ramadan .navbar::after { content: '🌙'; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 1.2rem; pointer-events: none; } body.season-ramadan .hero { background: linear-gradient(135deg, #0a2e1a 0%, #0a1628 100%); } body.season-ramadan .footer { border-top: 2px solid #16a34a; } /* ── عيد الفطر / الأضحى ────────────────── */ body.season-eid-fitr .section-title em, body.season-eid-adha .section-title em { color: #38bdf8; } /* ── اليوم الوطني ─────────────────────── */ body.season-national .navbar { border-bottom: 3px solid #15803d; } body.season-national .footer { border-top: 3px solid #15803d; } /* ── يوم التأسيس ──────────────────────── */ body.season-founding .navbar { border-bottom: 2px solid #92400e; } /* ── ديكورات موسمية عامة ─────────────── */ body[class*="season-"] .game-card { transition: transform 0.2s, box-shadow 0.2s; } body[class*="season-"] .game-card:hover { transform: translateY(-4px); } /* ── بانر الخصم الموسمي ─────────────── */ .seasonal-discount-banner { background: linear-gradient(90deg, #0a1628, #1e3a5f); color: #fff; padding: 10px 16px; text-align: center; font-size: 14px; font-weight: 700; border-bottom: 1px solid rgba(56,189,248,.3); } .seasonal-discount-banner a { color: #38bdf8; text-decoration: none; margin-right: 8px; }