/* ============================================
   SHARP LOOK — RIYADH — Arabic-default / RTL stylesheet
   AR is the dominant language for Saudi market.
   Amiri (display) + Tajawal (body).
   ============================================ */

/* ---------- Language switch (top-right by default, LTR-aware) ---------- */
.lang-switch {
  position: fixed;
  top: 1rem;
  inset-inline-end: 1.25rem;
  z-index: 10001;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.85rem;
  background: rgba(10, 10, 11, 0.6);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: 1px solid rgba(199, 161, 86, 0.28);
  border-radius: 999px;
  font-family: var(--font-body, 'Inter', sans-serif);
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  transition: border-color 0.4s ease, background 0.4s ease;
}
.lang-switch:hover { border-color: rgba(199, 161, 86, 0.55); }
.lang-switch button {
  background: none;
  border: 0;
  color: rgba(240, 234, 214, 0.62);
  cursor: pointer;
  padding: 0.15rem 0.35rem;
  font: inherit;
  letter-spacing: inherit;
  text-transform: uppercase;
  transition: color 0.3s ease;
  font-weight: 500;
}
.lang-switch button.active { color: #C7A156; }
.lang-switch button[data-set-lang="ar"] {
  font-family: 'Amiri', 'Tajawal', serif;
  font-size: 0.95rem;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}
.lang-switch .divider {
  color: rgba(199, 161, 86, 0.4);
  font-weight: 300;
}
@media (hover: hover) {
  .lang-switch button:hover { color: #DCBE78; }
}
@media (max-width: 760px) {
  .lang-switch {
    top: 0.75rem;
    inset-inline-end: 0.75rem;
    padding: 0.35rem 0.7rem;
    font-size: 0.78rem;
  }
}

/* ---------- Visibility logic — AR DEFAULT (Saudi) ---------- */
/* Default state: RTL. Hide EN. */
[data-lang="en"] { display: none; }
html[dir="ltr"] [data-lang="ar"] { display: none; }
html[dir="ltr"] [data-lang="en"] { display: initial; }
/* For inline spans inside h1/h2/p inside the LTR mode */
html[dir="ltr"] h1 [data-lang="en"],
html[dir="ltr"] h2 [data-lang="en"],
html[dir="ltr"] h3 [data-lang="en"],
html[dir="ltr"] h4 [data-lang="en"],
html[dir="ltr"] p  [data-lang="en"],
html[dir="ltr"] span[data-lang="en"],
html[dir="ltr"] a  [data-lang="en"],
html[dir="ltr"] li [data-lang="en"],
html[dir="ltr"] strong[data-lang="en"] { display: inline; }
html[dir="ltr"] div[data-lang="en"],
html[dir="ltr"] section[data-lang="en"] { display: block; }

/* AR is default — make AR visible everywhere when dir=rtl (the default) */
html[dir="rtl"] [data-lang="ar"] { display: initial; }
html[dir="rtl"] h1 [data-lang="ar"],
html[dir="rtl"] h2 [data-lang="ar"],
html[dir="rtl"] h3 [data-lang="ar"],
html[dir="rtl"] h4 [data-lang="ar"],
html[dir="rtl"] p  [data-lang="ar"],
html[dir="rtl"] span[data-lang="ar"],
html[dir="rtl"] a  [data-lang="ar"],
html[dir="rtl"] li [data-lang="ar"],
html[dir="rtl"] strong[data-lang="ar"] { display: inline; }
html[dir="rtl"] div[data-lang="ar"],
html[dir="rtl"] section[data-lang="ar"] { display: block; }

/* ---------- AR typography ---------- */
html[dir="rtl"] body {
  font-family: 'Tajawal', 'Inter', sans-serif;
  font-weight: 400;
}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .hero-title,
html[dir="rtl"] .booking-title,
html[dir="rtl"] .section-title,
html[dir="rtl"] .subpage-title,
html[dir="rtl"] .logo {
  font-family: 'Amiri', 'Tajawal', serif;
  font-style: normal;
  letter-spacing: 0;
  font-weight: 700;
}
html[dir="rtl"] em,
html[dir="rtl"] .hero-title em,
html[dir="rtl"] .section-title em,
html[dir="rtl"] .booking-title em,
html[dir="rtl"] .subpage-title em {
  font-family: 'Amiri', 'Tajawal', serif;
  font-style: normal;
  font-weight: 700;
  color: var(--color-accent);
}
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .hero-eyebrow {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
  font-size: 0.82rem;
}
html[dir="rtl"] .quiet-text,
html[dir="rtl"] .quiet-tag {
  font-family: 'Amiri', serif;
  font-weight: 400;
  letter-spacing: 0;
}

/* Keep counters / numbers / prices LTR — premium Gulf standard */
html[dir="rtl"] .repere-stat,
html[dir="rtl"] .dish-price,
html[dir="rtl"] .bs-total-amount,
html[dir="rtl"] .hero-stamp,
html[dir="rtl"] .location-tel a,
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="https://wa.me"],
html[dir="rtl"] .contact-info-value a[href^="tel:"] {
  direction: ltr;
  unicode-bidi: embed;
}
html[dir="rtl"] .dish-price,
html[dir="rtl"] .bs-total-amount {
  text-align: start;
}

/* Logo: "Sharp Look" stays latin */
html[dir="rtl"] .logo {
  direction: ltr;
  unicode-bidi: embed;
  font-family: 'Fraunces', serif;
  font-style: normal;
  letter-spacing: -0.005em;
}
html[dir="rtl"] .logo .logo-accent em {
  font-family: 'Amiri', serif;
  font-style: normal;
}

/* Stepper labels in AR */
html[dir="rtl"] .step-label {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
}

/* Buttons */
html[dir="rtl"] .btn,
html[dir="rtl"] .nav-cta {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0.02em;
  font-weight: 500;
}

/* CC numbers always LTR */
html[dir="rtl"] .cc-number,
html[dir="rtl"] .cc-exp,
html[dir="rtl"] .cc-name {
  direction: ltr;
  unicode-bidi: embed;
  font-family: 'JetBrains Mono', monospace;
}

/* Footer */
html[dir="rtl"] .footer,
html[dir="rtl"] .contact-info,
html[dir="rtl"] .location-card {
  text-align: start;
}
html[dir="rtl"] .footer-base p,
html[dir="rtl"] .footer-note {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
}
html[dir="rtl"] .footer h4 {
  font-family: 'Amiri', serif;
  font-style: normal;
  letter-spacing: 0;
}

/* Nav links AR */
html[dir="rtl"] .nav-links a {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
  font-size: 0.92rem;
  font-weight: 500;
}

/* Booking form labels */
html[dir="rtl"] .bf-field label,
html[dir="rtl"] .bs-label,
html[dir="rtl"] .bs-value,
html[dir="rtl"] .bs-total,
html[dir="rtl"] .bs-direct-note,
html[dir="rtl"] .location-tag,
html[dir="rtl"] .repere-label {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
}
html[dir="rtl"] .bs-title,
html[dir="rtl"] .bf-step-title,
html[dir="rtl"] .location-name {
  font-family: 'Amiri', serif;
  font-style: normal;
  letter-spacing: 0;
}
html[dir="rtl"] .bf-step-tag {
  direction: ltr;
  unicode-bidi: embed;
  font-family: 'JetBrains Mono', monospace;
}

/* Sticky CTA AR */
html[dir="rtl"] .sticky-cta {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
}

/* Cartouche AR */
html[dir="rtl"] .cartouche-label {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
  text-transform: none;
}
html[dir="rtl"] .cartouche-value {
  font-family: 'Amiri', serif;
  font-style: normal;
  letter-spacing: 0;
}

/* Trust grid */
html[dir="rtl"] .trust-icon {
  direction: ltr;
  unicode-bidi: embed;
}
html[dir="rtl"] .trust-item p {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
}

/* Showreel caption AR */
html[dir="rtl"] .showreel-caption {
  font-family: 'Amiri', serif;
  font-style: normal;
}

/* Press strip in AR — keep latin labels */
html[dir="rtl"] .press-logos {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
}
html[dir="rtl"] .press-logos span {
  font-family: var(--font-display, 'Fraunces', serif);
  font-style: italic;
}

/* Reviews quotes in AR */
html[dir="rtl"] .review-quote {
  font-family: 'Amiri', serif;
  font-style: normal;
  font-weight: 400;
}
html[dir="rtl"] .review-cite {
  font-family: 'Tajawal', sans-serif;
  letter-spacing: 0;
}