/**
 * Bogosland RTL — Arabic language overrides
 * Montserrat + Playfair Display → Arabic font fallback
 * Applied when [dir="rtl"] / lang=ar
 */


/* ════════════════════════════════════════════
   BASE RTL
════════════════════════════════════════════ */

[dir="rtl"],
html[lang="ar"],
html[lang="ar-MA"],
.lang-ar {
  direction: rtl;
}


/* ════════════════════════════════════════════
   TYPOGRAPHY — Arabic fonts replace Montserrat
════════════════════════════════════════════ */

[dir="rtl"] body,
[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] span,
[dir="rtl"] .label,
[dir="rtl"] .eyebrow,
[dir="rtl"] .section-label,
[dir="rtl"] .section-subtitle,
[dir="rtl"] .filter-tab,
[dir="rtl"] .btn {
  font-family: var(--font-arabic);
  text-align: right;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .section-title,
[dir="rtl"] .hero-title,
[dir="rtl"] .page-title,
[dir="rtl"] .team-name,
[dir="rtl"] .service-card-name,
[dir="rtl"] .sub-price {
  font-family: 'Noto Naskh Arabic', 'Noto Sans Arabic', serif;
  text-align: right;
}

/* Letter spacing resets — Arabic doesn't use wide spacing */
[dir="rtl"] .label,
[dir="rtl"] .eyebrow,
[dir="rtl"] .section-label,
[dir="rtl"] .btn,
[dir="rtl"] .filter-tab,
[dir="rtl"] .nav-menu a,
[dir="rtl"] .footer-heading,
[dir="rtl"] .badge,
[dir="rtl"] .sub-tier,
[dir="rtl"] .team-role {
  letter-spacing: 0.02em;
}


/* ════════════════════════════════════════════
   NAVIGATION
════════════════════════════════════════════ */

[dir="rtl"] .nav-container {
  flex-direction: row-reverse;
}
[dir="rtl"] .nav-menu {
  flex-direction: row-reverse;
}
[dir="rtl"] .nav-menu.open {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid var(--bgl-border);
  transform: translateX(-100%);
}
[dir="rtl"] .nav-menu.open.open {
  transform: translateX(0);
}
[dir="rtl"] .nav-menu a::after {
  left: auto;
  right: 0;
}
[dir="rtl"] .nav-right {
  flex-direction: row-reverse;
}
[dir="rtl"] .nav-lang {
  flex-direction: row-reverse;
}


/* ════════════════════════════════════════════
   HERO
════════════════════════════════════════════ */

[dir="rtl"] .hero-content {
  text-align: right;
}
[dir="rtl"] .hero-eyebrow {
  flex-direction: row-reverse;
}
[dir="rtl"] .hero-eyebrow::before {
  display: none;
}
[dir="rtl"] .hero-eyebrow::after {
  content: '';
  display: block;
  width: 44px;
  height: 1px;
  background: var(--bgl-gold);
  flex-shrink: 0;
}
[dir="rtl"] .hero-ctas {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
[dir="rtl"] .hero-stats {
  flex-direction: row-reverse;
}
[dir="rtl"] .hero-stat:not(:last-child) {
  padding-right: 0;
  padding-left: var(--space-12);
  border-right: none;
  border-left: 1px solid var(--bgl-border);
}

/* Eyebrow RTL */
[dir="rtl"] .eyebrow {
  flex-direction: row-reverse;
}
[dir="rtl"] .eyebrow::before {
  display: none;
}
[dir="rtl"] .eyebrow::after {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: var(--bgl-gold);
  flex-shrink: 0;
}


/* ════════════════════════════════════════════
   SECTION HEADERS
════════════════════════════════════════════ */

[dir="rtl"] .section-header {
  text-align: right;
}
[dir="rtl"] .section-header.centered {
  text-align: center;
}
[dir="rtl"] .section-title,
[dir="rtl"] .section-subtitle,
[dir="rtl"] .section-label {
  text-align: right;
}
[dir="rtl"] .section-header.centered .section-title,
[dir="rtl"] .section-header.centered .section-subtitle {
  text-align: center;
}

/* Gold line flip */
[dir="rtl"] .gold-line {
  background: linear-gradient(270deg, var(--bgl-gold), transparent);
}
[dir="rtl"] .centered .gold-line,
[dir="rtl"] .gold-line.centered {
  background: linear-gradient(90deg, transparent, var(--bgl-gold), transparent);
}


/* ════════════════════════════════════════════
   REVEAL ANIMATIONS — mirror directions
════════════════════════════════════════════ */

[dir="rtl"] .reveal-left {
  transform: translateX(48px);
}
[dir="rtl"] .reveal-left.visible {
  transform: translateX(0);
}
[dir="rtl"] .reveal-right {
  transform: translateX(-48px);
}
[dir="rtl"] .reveal-right.visible {
  transform: translateX(0);
}


/* ════════════════════════════════════════════
   SERVICE CARDS
════════════════════════════════════════════ */

[dir="rtl"] .service-card-body {
  text-align: right;
}
[dir="rtl"] .service-card-meta {
  flex-direction: row-reverse;
}
[dir="rtl"] .service-card-badge {
  left: auto;
  right: 1rem;
}

/* Left accent bar flips to right */
[dir="rtl"] .team-card::before {
  left: auto;
  right: 0;
}


/* ════════════════════════════════════════════
   TEAM
════════════════════════════════════════════ */

[dir="rtl"] .team-card {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] .team-avatar-wrap {
  margin: 0 0 var(--space-6);
}


/* ════════════════════════════════════════════
   STATS
════════════════════════════════════════════ */

[dir="rtl"] .stats-grid {
  direction: rtl;
}
[dir="rtl"] .stat-item:not(:last-child)::after {
  right: auto;
  left: 0;
}


/* ════════════════════════════════════════════
   TESTIMONIALS
════════════════════════════════════════════ */

[dir="rtl"] .testimonial-card::before {
  left: auto;
  right: 1.2rem;
  content: '\201D';
}
[dir="rtl"] .testimonial-author {
  flex-direction: row-reverse;
}
[dir="rtl"] .testimonial-text,
[dir="rtl"] .testimonial-name {
  text-align: right;
}


/* ════════════════════════════════════════════
   SUBSCRIPTIONS
════════════════════════════════════════════ */

[dir="rtl"] .sub-benefits li {
  flex-direction: row-reverse;
  text-align: right;
}
[dir="rtl"] .sub-price-wrap {
  flex-direction: row-reverse;
}
[dir="rtl"] .sub-tier {
  text-align: right;
}


/* ════════════════════════════════════════════
   FILTER TABS
════════════════════════════════════════════ */

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


/* ════════════════════════════════════════════
   FOOTER
════════════════════════════════════════════ */

[dir="rtl"] .footer-grid {
  direction: rtl;
}
[dir="rtl"] .footer-links a:hover {
  padding-left: 0;
  padding-right: 4px;
}
[dir="rtl"] .footer-contact-item {
  flex-direction: row-reverse;
  text-align: right;
}
[dir="rtl"] .footer-bottom {
  flex-direction: row-reverse;
}
[dir="rtl"] .footer-social {
  flex-direction: row-reverse;
}
[dir="rtl"] .footer-bottom-lang {
  flex-direction: row-reverse;
}

/* Contact info */
[dir="rtl"] .contact-info-item {
  flex-direction: row-reverse;
}
[dir="rtl"] .contact-info-label,
[dir="rtl"] .contact-info-value {
  text-align: right;
}
[dir="rtl"] .hours-grid {
  direction: rtl;
}
[dir="rtl"] .hours-time {
  text-align: left;
}

/* Value props */
[dir="rtl"] .value-props-grid {
  direction: rtl;
}

/* About */
[dir="rtl"] .about-story-grid {
  direction: rtl;
}
[dir="rtl"] .about-img-accent {
  right: auto;
  left: -16px;
}

/* WhatsApp float — moves to left in RTL */
[dir="rtl"] .whatsapp-float {
  right: auto;
  left: 2rem;
}

/* Steps */
[dir="rtl"] .steps-grid {
  direction: rtl;
}
