/* ==========================================================================
   GREEND.SA — ARABIC RTL STYLESHEET
   Typography, layout flips, and bilingual harmony
   ========================================================================== */

html[dir="rtl"] {
  font-family: var(--font-arabic);
}

html[dir="rtl"] body {
  font-family: var(--font-arabic);
  letter-spacing: normal;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .section-title,
html[dir="rtl"] .hero-heading,
html[dir="rtl"] .about-heading,
html[dir="rtl"] .prod-title,
html[dir="rtl"] .menu-section-title,
html[dir="rtl"] .hours-title,
html[dir="rtl"] .flowers-message,
html[dir="rtl"] .offer-card-title,
html[dir="rtl"] .visit-heading {
  font-family: var(--font-arabic);
  letter-spacing: normal;
  font-weight: 700;
}

html[dir="rtl"] .hero-decorative,
html[dir="rtl"] .about-quote,
html[dir="rtl"] .hero-tagline-quote,
html[dir="rtl"] .footer-tagline {
  font-family: var(--font-arabic);
  font-style: normal;
  font-weight: 600;
}

/* Mobile Nav Drawer in RTL slides from right */
html[dir="rtl"] .mobile-nav-drawer {
  left: auto;
  right: 0;
  transform: translateX(100%);
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
}

html[dir="rtl"] .mobile-nav-drawer.is-active {
  transform: translateX(0);
}

/* Carousel Buttons inverted arrow icons */
html[dir="rtl"] .carousel-wrapper,
html[dir="rtl"] .carousel-viewport,
html[dir="rtl"] .carousel-track {
  direction: ltr !important;
}

html[dir="rtl"] .carousel-btn--prev {
  left: auto;
  right: -24px;
}

html[dir="rtl"] .carousel-btn--next {
  right: auto;
  left: -24px;
}

@media (max-width: 768px) {
  html[dir="rtl"] .carousel-btn--prev {
    right: 8px;
    left: auto;
  }

  html[dir="rtl"] .carousel-btn--next {
    left: 8px;
    right: auto;
  }
}

/* RTL Invert Icons */
html[dir="rtl"] .icon-flip-rtl {
  transform: scaleX(-1);
}

/* RTL Text Alignment Defaults */
html[dir="rtl"] .section-tag {
  letter-spacing: 0.05em;
}

html[dir="rtl"] .hero-badge {
  letter-spacing: 0.05em;
}

html[dir="rtl"] .hero-motto-tag {
  letter-spacing: 0.08em;
}

html[dir="rtl"] .footer-motto {
  letter-spacing: 0.08em;
}

html[dir="rtl"] .review-author-name,
html[dir="rtl"] .review-card-text,
html[dir="rtl"] .live-counter-label {
  font-family: var(--font-arabic);
}

@media (max-width: 768px) {
  html[dir="rtl"] .hero-badge span[data-i18n="hero.subtitle"] {
    letter-spacing: normal;
  }

  html[dir="rtl"] .hours-toggle-btn {
    text-align: right;
  }
}

/* ==========================================================================
   REWARDS & LOYALTY PROGRAM SYSTEM — RTL RULES
   ========================================================================== */
html[dir="rtl"] .header-rewards-pill {
  flex-direction: row;
}

html[dir="rtl"] .stars-track {
  direction: ltr !important; /* Keep Star 1 on left and Star 2 on right for progressive intuitive visual flow */
}

html[dir="rtl"] .auth-form .form-group,
html[dir="rtl"] .spec-card,
html[dir="rtl"] .audit-item,
html[dir="rtl"] .rule-content,
html[dir="rtl"] .admin-table th,
html[dir="rtl"] .admin-table td {
  text-align: right;
}

html[dir="rtl"] .reference-chevron {
  transform: scaleX(1);
}

/* PWA RTL */
html[dir="rtl"] .pwa-step-item {
  text-align: right;
}