/* ByBanker Arabic — RTL overrides */
.bb-ar { direction: rtl; font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif; }
.bb-ar * { box-sizing: border-box; }

/* Header */
.bb-ar .bb-header-in { direction: rtl; }
.bb-ar .bb-logo em { font-style: normal; color: var(--muted); font-size: 12px; margin-right: 4px; }
.bb-ar .bb-nav a { font-size: 15px; font-weight: 600; }
.bb-ar .bb-lang-en { color: var(--muted); font-size: 13px; border: 1px solid var(--line); border-radius: 6px; padding: 3px 10px; }
.bb-ar .bb-lang-en:hover { color: var(--text); border-color: var(--accent); }
.bb-ar .bb-clock { align-items: flex-start; }

/* Hero */
.bb-ar-hero { background: radial-gradient(1200px 420px at 50% -120px, rgba(255,69,69,.16), transparent), var(--bg2); border-bottom: 1px solid var(--line); padding: 60px 0 50px; text-align: center; }
.bb-ar-hero .bb-hero-title { letter-spacing: 0; }
.bb-ar-subtitle { color: var(--muted); font-size: 17px; margin: 0 0 28px; }

/* Event page */
.bb-ar-event .bb-event-in { direction: rtl; }
.bb-ar-event .bb-event-title { font-size: clamp(24px, 4vw, 40px); font-weight: 900; letter-spacing: 0; }
.bb-ar-event .bb-when { font-size: 15px; }

/* Arabic countdown labels */
.bb-ar .bb-lbl { font-size: 13px; letter-spacing: 0; text-transform: none; }
.bb-ar .bb-num { font-size: 48px; }
@media(max-width:520px) { .bb-ar .bb-num { font-size: 30px; } }

/* Details */
.bb-ar .bb-details { direction: rtl; }
.bb-ar .bb-details span { font-size: 15px; }

/* FAQ */
.bb-ar .bb-faq { direction: rtl; text-align: right; }
.bb-ar .bb-faq h2 { font-size: 20px; font-weight: 800; margin: 40px 0 16px; }
.bb-ar .bb-faq-item h3 { font-size: 15px; }
.bb-ar .bb-faq-item p { font-size: 14px; }

/* Cards */
.bb-ar .bb-card { direction: rtl; text-align: right; }
.bb-ar .bb-card h3 { font-size: 16px; }
.bb-ar .bb-section-title { direction: rtl; font-size: 20px; }

/* English link */
.bb-ar-enlk { font-size: 13px; color: var(--muted); margin: 20px 0; direction: rtl; }
.bb-ar-enlk a { color: var(--accent); }

/* Timezone note */
.bb-ar .bb-tznote { direction: rtl; font-size: 13px; color: #6f6f77; }

/* Footer */
.bb-ar .bb-footer { direction: rtl; }

/* Mobile */
@media(max-width:820px) { .bb-ar .bb-nav { display: none; } }