/* ============================================================
   SAMADROCK — RTL STYLESHEET
   Arabic website overrides — loaded on /ar/ pages only
   ============================================================ */

/* ── ARABIC FONT ─────────────────────────────────────────── */
/* Cairo: designed for Arabic + Latin, professional, clean */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap');

[dir="rtl"] {
  font-family: 'Cairo', 'Noto Sans Arabic', 'Arabic UI Text', sans-serif;
}

[dir="rtl"] body {
  font-family: 'Cairo', 'Noto Sans Arabic', system-ui, sans-serif;
  text-align: right;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: 'Cairo', 'Noto Sans Arabic', serif;
  letter-spacing: 0;
  font-weight: 600;
  text-align: right;
}

[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] td,
[dir="rtl"] th {
  text-align: right;
}

/* ── NAVIGATION ──────────────────────────────────────────── */
[dir="rtl"] .nav-inner {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-actions {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-mobile-menu {
  text-align: right;
}

[dir="rtl"] .nav-mobile-link {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .nav-mobile-link svg {
  transform: scaleX(-1);
}

/* ── HERO ────────────────────────────────────────────────── */
[dir="rtl"] .hero-content {
  text-align: right;
}

[dir="rtl"] .hero-controls {
  right: auto;
  left: var(--gutter);
  flex-direction: row-reverse;
}

[dir="rtl"] .hero-arrows {
  flex-direction: row-reverse;
}

[dir="rtl"] .hero-arrow--prev svg,
[dir="rtl"] .hero-arrow--next svg {
  transform: scaleX(-1);
}

[dir="rtl"] .hero-slide-cta {
  flex-direction: row-reverse;
}

[dir="rtl"] .hero-scroll-hint {
  left: var(--gutter);
  right: auto;
}

/* ── PAGE HERO ───────────────────────────────────────────── */
[dir="rtl"] .page-hero-content {
  text-align: right;
}

[dir="rtl"] .page-hero-breadcrumb {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

[dir="rtl"] .page-hero-breadcrumb svg {
  transform: scaleX(-1);
}

/* ── SECTION LABELS & OVERLINES ──────────────────────────── */
[dir="rtl"] .overline {
  text-align: right;
}

[dir="rtl"] .label {
  flex-direction: row-reverse;
}

[dir="rtl"] .section-header--center {
  text-align: center;
}

[dir="rtl"] .section-header--center .overline,
[dir="rtl"] .section-header--center h2,
[dir="rtl"] .section-header--center p {
  text-align: center;
}

/* ── REVEAL / SECTION TEXT ───────────────────────────────── */
[dir="rtl"] .reveal {
  text-align: right;
}

/* ── STATS STRIP ─────────────────────────────────────────── */
[dir="rtl"] .stats-strip {
  direction: rtl;
}

[dir="rtl"] .stat-item {
  text-align: right;
}

/* ── CARDS ───────────────────────────────────────────────── */
[dir="rtl"] .card {
  text-align: right;
}

[dir="rtl"] .card-title,
[dir="rtl"] .card-body {
  text-align: right;
}

/* ── SECTORS GRID ────────────────────────────────────────── */
[dir="rtl"] .sector-card-label {
  text-align: right;
}

[dir="rtl"] .sector-card-body {
  text-align: right;
}

/* ── TIMELINE ────────────────────────────────────────────── */
[dir="rtl"] .timeline-item {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .timeline-year {
  text-align: left;
}

/* ── ECOSYSTEM ───────────────────────────────────────────── */
[dir="rtl"] .ecosystem-card {
  text-align: right;
}

/* ── BUTTONS ─────────────────────────────────────────────── */
[dir="rtl"] .btn {
  flex-direction: row-reverse;
}

[dir="rtl"] .btn svg {
  transform: scaleX(-1);
}

[dir="rtl"] .btn-nav-cta {
  font-family: 'Cairo', sans-serif;
}

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

[dir="rtl"] .cta-section-actions {
  flex-direction: row-reverse;
  justify-content: center;
}

/* ── PARTNERS STRIP ──────────────────────────────────────── */
[dir="rtl"] .partners-strip {
  direction: rtl;
}

/* ── FOOTER ──────────────────────────────────────────────── */
[dir="rtl"] .footer {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] .footer-grid {
  direction: rtl;
}

[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}

[dir="rtl"] .footer-legal-links {
  flex-direction: row-reverse;
}

[dir="rtl"] .footer-social {
  flex-direction: row-reverse;
  justify-content: flex-start;
}

/* ── FORMS ───────────────────────────────────────────────── */
[dir="rtl"] .form-label,
[dir="rtl"] label {
  text-align: right;
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] input::placeholder,
[dir="rtl"] textarea::placeholder {
  text-align: right;
}

/* ── WHY EGYPT GRID ──────────────────────────────────────── */
[dir="rtl"] .why-egypt-item {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .why-egypt-item-body {
  text-align: right;
}

/* ── LANGUAGE SWITCHER ───────────────────────────────────── */
[dir="rtl"] .lang-switch-static {
  flex-direction: row-reverse;
}

/* ── 2-COL LAYOUTS ───────────────────────────────────────── */
/* CSS Grid with dir=rtl handles column reversal automatically */
[dir="rtl"] .two-col-text {
  direction: rtl;
}

/* ── BREADCRUMB ──────────────────────────────────────────── */
[dir="rtl"] .breadcrumb {
  flex-direction: row-reverse;
}

[dir="rtl"] .breadcrumb svg {
  transform: scaleX(-1);
}

/* ── FOCUS CARD CAPABILITIES ─────────────────────────────── */
[dir="rtl"] .focus-card-caps {
  justify-content: flex-end;
}

[dir="rtl"] .focus-card-body {
  text-align: right;
}

/* ── ENGAGEMENT PROCESS STEPS ────────────────────────────── */
[dir="rtl"] .process-step {
  flex-direction: row-reverse;
  text-align: right;
}

/* ── CONTACT LAYOUT ──────────────────────────────────────── */
[dir="rtl"] .contact-layout {
  direction: rtl;
}

[dir="rtl"] .contact-info-block {
  text-align: right;
}

[dir="rtl"] .response-time-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* ── ACCESSIBILITY ───────────────────────────────────────── */
[dir="rtl"] :focus-visible {
  outline-offset: 3px;
}