/* ==========================================
   SENSA SPA & WELLNESS - RTL (Arabic) CSS Rules
   Seamless Bidirectional Layout & Typography
   ========================================== */

html[dir="rtl"] {
  --font-heading: var(--font-serif-ar);
  --font-body: var(--font-sans-ar);
}

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

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-title,
html[dir="rtl"] .modal-title,
html[dir="rtl"] .mobile-drawer-link {
  font-family: var(--font-heading), 'Amiri', serif;
  letter-spacing: 0;
}

/* Arrow flip for RTL */
html[dir="rtl"] .arrow {
  display: inline-block;
  transform: scaleX(-1);
}

html[dir="rtl"] .btn-gold:hover .arrow {
  transform: scaleX(-1) translateX(4px);
}

/* Header Full-Width & Alignment in RTL */
html[dir="rtl"] .header {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
}

/* Modal Close Button */
html[dir="rtl"] .modal-close-btn {
  right: auto;
  left: 1.25rem;
}

/* Toast Container */
html[dir="rtl"] .toast-container {
  right: auto;
  left: 2rem;
}

/* Form Inputs text align */
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  text-align: right;
}

/* Realign contact icons */
html[dir="rtl"] .contact-item {
  flex-direction: row;
}

html[dir="rtl"] .contact-item .icon {
  margin-left: 0.75rem;
  margin-right: 0;
}

/* Category Strip Border Flip */
html[dir="rtl"] .hero-category-item:not(:last-child) {
  border-right: none;
  border-left: 1px solid rgba(212, 175, 55, 0.2);
}

/* About Section RTL */
html[dir="rtl"] .about-image-badge {
  right: auto;
  left: 1.25rem;
}

/* Sensa Packages RTL Adjustments */
html[dir="rtl"] .pkg-tab-item {
  text-align: right;
}

html[dir="rtl"] .journey-arrow {
  display: inline-block;
  transform: scaleX(-1);
}

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

/* Regular Massages & Services Menu RTL */
html[dir="rtl"] .service-card-badge {
  right: auto;
  left: 1rem;
}

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

html[dir="rtl"] .service-card:hover .service-card-link-text {
  transform: translateX(-4px);
}

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

html[dir="rtl"] .service-menu-item::before {
  left: auto;
  right: 0;
}

/* Packages Dedicated Page RTL */
html[dir="rtl"] .comparison-table th,
html[dir="rtl"] .comparison-table td {
  text-align: right;
}

html[dir="rtl"] .pkg-benefits-title,
html[dir="rtl"] .benefit-item {
  text-align: right;
}

html[dir="rtl"] .package-editorial-card {
  text-align: right;
}

/* About Us Dedicated Page RTL */
html[dir="rtl"] .story-content,
html[dir="rtl"] .story-quote-card,
html[dir="rtl"] .why-card,
html[dir="rtl"] .lifestyle-card {
  text-align: right;
}

html[dir="rtl"] .story-quote-card {
  border-radius: var(--radius-md) 0 0 var(--radius-md);
}

/* Contact Us Dedicated Page RTL */
html[dir="rtl"] .contact-form-card,
html[dir="rtl"] .contact-details-box,
html[dir="rtl"] .landmarks-box {
  text-align: right;
}

html[dir="rtl"] .map-overlay-badge {
  right: auto;
  left: 0.85rem;
}

/* Footer RTL */
html[dir="rtl"] .footer-brand-name {
  letter-spacing: 0;
  font-weight: 700;
}

html[dir="rtl"] .footer-tagline {
  font-style: normal;
  letter-spacing: 0;
}

/* Homepage Dual Cards RTL */
html[dir="rtl"] .dual-card {
  text-align: right;
}

html[dir="rtl"] .dual-card .form-select {
  background-position: left 1.15rem center;
  padding-left: 2.75rem;
  padding-right: 1.15rem;
}

html[dir="rtl"] .contact-entry-details {
  text-align: right;
}

html[dir="rtl"] .dual-card .form-reassurance {
  justify-content: flex-start;
}

html[dir="rtl"] .contact-actions-row {
  justify-content: flex-start;
}