/* ===== ARABIC RTL OVERRIDES ===== */
/* Load AFTER style.css */

/* BASE RTL */
html[dir="rtl"] body {
  font-family: var(--font-ar);
  direction: rtl;
  text-align: right;
}

/* NAV */
html[dir="rtl"] .nav-links { direction: rtl; }
html[dir="rtl"] .mobile-menu-btn { order: -1; }

/* HERO */
html[dir="rtl"] .hero-content { text-align: center; }
html[dir="rtl"] .hero h1 { letter-spacing: 0; }
html[dir="rtl"] .hero-badge { direction: rtl; }
html[dir="rtl"] .hero-buttons { direction: rtl; }
html[dir="rtl"] .hero-stats { direction: rtl; }

/* SECTIONS */
html[dir="rtl"] .section-label { direction: rtl; }
html[dir="rtl"] .features-header { text-align: center; }

/* BENTO GRID */
html[dir="rtl"] .bento-card.featured {
  grid-template-columns: 1fr 1fr;
  direction: rtl;
}

/* TIMELINE */
html[dir="rtl"] .timeline::before {
  left: auto;
  right: 40px;
}

html[dir="rtl"] .timeline-step {
  direction: rtl;
}

html[dir="rtl"] .timeline-content {
  text-align: right;
}

/* ROADMAP */
html[dir="rtl"] .phase-header { direction: rtl; }

html[dir="rtl"] .phase-list li {
  direction: rtl;
}

html[dir="rtl"] .phase-list li::before {
  content: '\2190';
}

/* SAVINGS TABLE */
html[dir="rtl"] .savings-hero { direction: rtl; text-align: right; }
html[dir="rtl"] .savings-row { direction: rtl; }
html[dir="rtl"] .savings-cell { direction: rtl; text-align: right; }
html[dir="rtl"] .save-cell { align-items: flex-end; }

/* PRICING */
html[dir="rtl"] .pricing-features li { direction: rtl; }

/* FAQ */
html[dir="rtl"] .faq-question {
  text-align: right;
  direction: rtl;
}

/* CONTACT */
html[dir="rtl"] .contact-layout {
  grid-template-columns: 1.2fr 1fr;
  direction: rtl;
}

html[dir="rtl"] .contact-info { text-align: right; }
html[dir="rtl"] .contact-detail { direction: rtl; }
html[dir="rtl"] .contact-form { text-align: right; }

html[dir="rtl"] .form-group label { text-align: right; }
html[dir="rtl"] .form-group input,
html[dir="rtl"] .form-group textarea,
html[dir="rtl"] .form-group select {
  text-align: right;
  direction: rtl;
}

/* FOOTER */
html[dir="rtl"] .footer-grid { direction: rtl; }
html[dir="rtl"] .footer-col { text-align: right; }
html[dir="rtl"] .footer-bottom { direction: rtl; }
html[dir="rtl"] .footer-brand p { text-align: right; }

/* CTA */
html[dir="rtl"] .cta-content { text-align: center; }

/* FONT — Force Readex Pro everywhere */
html[dir="rtl"] body,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] p,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] span,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] label,
html[dir="rtl"] .section-title,
html[dir="rtl"] .section-subtitle,
html[dir="rtl"] .section-label,
html[dir="rtl"] .hero-badge,
html[dir="rtl"] .hero-desc,
html[dir="rtl"] .hero-stat .number,
html[dir="rtl"] .hero-stat .label,
html[dir="rtl"] .bento-card h3,
html[dir="rtl"] .bento-card p,
html[dir="rtl"] .bento-tag,
html[dir="rtl"] .timeline-content h3,
html[dir="rtl"] .timeline-content p,
html[dir="rtl"] .pricing-card h3,
html[dir="rtl"] .pricing-card .price,
html[dir="rtl"] .pricing-card .price span,
html[dir="rtl"] .pricing-card .price-note,
html[dir="rtl"] .pricing-features li,
html[dir="rtl"] .pricing-popular,
html[dir="rtl"] .faq-question,
html[dir="rtl"] .faq-answer p,
html[dir="rtl"] .contact-info h3,
html[dir="rtl"] .contact-info p,
html[dir="rtl"] .contact-detail .cd-text,
html[dir="rtl"] .contact-detail .cd-label,
html[dir="rtl"] .footer-brand p,
html[dir="rtl"] .footer-col h4,
html[dir="rtl"] .footer-col a,
html[dir="rtl"] .footer-bottom p,
html[dir="rtl"] .savings-hero-text h3,
html[dir="rtl"] .savings-hero-text p,
html[dir="rtl"] .savings-cell,
html[dir="rtl"] .save-mega,
html[dir="rtl"] .savings-source,
html[dir="rtl"] .phase-header h3,
html[dir="rtl"] .phase-list li,
html[dir="rtl"] .btn-primary,
html[dir="rtl"] .btn-secondary,
html[dir="rtl"] .btn-coral,
html[dir="rtl"] .btn-price,
html[dir="rtl"] .nav-logo,
html[dir="rtl"] .cta-section .section-title,
html[dir="rtl"] .cta-section .section-subtitle {
  font-family: 'Readex Pro', sans-serif !important;
  letter-spacing: 0;
}

html[dir="rtl"] .hero h1 {
  font-family: 'Readex Pro', sans-serif !important;
  font-size: 64px;
  line-height: 1.15;
  letter-spacing: 0;
}

html[dir="rtl"] .section-title {
  line-height: 1.3;
}

/* BUTTON ARROWS FLIP */
html[dir="rtl"] .btn-primary,
html[dir="rtl"] .btn-coral,
html[dir="rtl"] .btn-price.filled {
  direction: rtl;
}

/* MOBILE OVERRIDES */
@media (max-width: 768px) {
  html[dir="rtl"] .hero h1 { font-size: 34px; }
  html[dir="rtl"] .section-title { font-size: 28px; }
  html[dir="rtl"] .timeline::before { right: 24px; left: auto; }
  html[dir="rtl"] .contact-layout { grid-template-columns: 1fr; }
  html[dir="rtl"] .savings-hero { text-align: center; }
  html[dir="rtl"] .nav-links.open { text-align: right; }
}

@media (max-width: 420px) {
  html[dir="rtl"] .hero h1 { font-size: 28px; }
  html[dir="rtl"] .section-title { font-size: 24px; }
}