/* ═══════════════════════════════════════════════════════
   SPECIAL TANJIA — RTL Overrides for Arabic Version
   Loaded in addition to styles.css
═══════════════════════════════════════════════════════ */

/* ── Topbar text size (Arabic) ────────────────────────── */
html[dir="rtl"] .topbar {
  font-size: .92rem;
}
html[dir="rtl"] .topbar-inner {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  html[dir="rtl"] .topbar { font-size: .82rem; }
}

/* ── Global RTL & Arabic font ─────────────────────────── */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* All text uses Arabic font in Arabic version */
html[dir="rtl"] body,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] li,
html[dir="rtl"] a {
  font-family: 'Noto Naskh Arabic', serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4 {
  font-family: 'Noto Naskh Arabic', serif;
  font-weight: 700;
}

/* Keep Cinzel for decorative accent elements only */
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .topbar,
html[dir="rtl"] .nav-cta,
html[dir="rtl"] .btn-gold,
html[dir="rtl"] .btn-ghost,
html[dir="rtl"] .btn-order,
html[dir="rtl"] .btn-outline {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
}

/* ── Logo ─────────────────────────────────────────────── */
html[dir="rtl"] .logo-en {
  display: block;
  font-family: 'Cinzel', serif !important;
  letter-spacing: .22em !important;
  color: var(--cream);
}
html[dir="rtl"] .logo-ar {
  font-size: 1.4rem;
  font-family: 'Noto Naskh Arabic', serif;
  font-weight: 700;
  color: var(--cream);
  display: block;
  line-height: 1;
}
html[dir="rtl"] .logo-city {
  font-family: 'Noto Naskh Arabic', serif;
  font-size: .75rem;
  letter-spacing: 0;
}

/* ── Hero pill ────────────────────────────────────────── */
html[dir="rtl"] .hero-pill {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  direction: rtl;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  html[dir="rtl"] .hero-pill { font-size: 1.1rem; }
}
@media (max-width: 480px) {
  html[dir="rtl"] .hero-pill { font-size: 1rem; }
}
html[dir="rtl"] .hero-pill {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  text-align: center;
}
html[dir="rtl"] .hero-pill span {
  display: inline-flex;
  align-items: center;
}
html[dir="rtl"] .hero-pill .separator {
  opacity: .6;
}

html[dir="rtl"] .pill-dot {
  margin-right: 0;
  margin-left: 8px;
}

/* ── Hero body vertical position ─────────────────────── */
html[dir="rtl"] .hero-body {
  margin-top: -55px;
}
@media (max-width: 768px) {
  html[dir="rtl"] .hero-body {
    margin-top: -30px;
  }
}

/* ── Secondary button (btn-ghost) — more visible in AR ── */
html[dir="rtl"] .btn-ghost {
  opacity: .9;
  border-color: rgba(201,168,76,.5);
}
html[dir="rtl"] .btn-ghost:hover {
  opacity: 1;
  border-color: var(--gold);
}

/* ── Hero heading ─────────────────────────────────────── */
html[dir="rtl"] .h-top {
  font-family: 'Noto Naskh Arabic', serif;
  font-weight: 700;
}
html[dir="rtl"] .h-gold {
  font-family: 'Noto Naskh Arabic', serif;
  font-style: normal;
  font-weight: 700;
}
html[dir="rtl"] .hero-sub strong {
  font-family: 'Noto Naskh Arabic', serif;
}

/* ── Story section ────────────────────────────────────── */
html[dir="rtl"] .story-lead {
  font-family: 'Noto Naskh Arabic', serif;
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--gold-light);
  line-height: 1.7;
  margin-bottom: 1.2rem;
}
html[dir="rtl"] .story-urgency {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 1.6rem;
  padding: 14px 18px;
  background: rgba(201,168,76,.05);
  border-right: 3px solid rgba(201,168,76,.55);
  border-left: 1px solid rgba(201,168,76,.12);
  border-radius: var(--radius);
  color: var(--gold-light);
  font-family: 'Noto Naskh Arabic', serif;
  font-size: .92rem;
  line-height: 1.6;
}
/* In RTL grid, columns reverse automatically — image goes right, text goes left */
html[dir="rtl"] .story-orb {
  left: auto;
  right: -26px;
}
html[dir="rtl"] .story-tag {
  right: auto;
  left: 22px;
}
html[dir="rtl"] .story-copy {
  padding-right: 0;
  padding-left: 10px;
}
html[dir="rtl"] .story-feats li {
  border-right: none;
  border-left: none;
}

/* ── Warning box — flip gold border to right side ─────── */
html[dir="rtl"] .warning-box {
  border-left: 1px solid rgba(201,168,76,.26);
  border-right: 4px solid var(--gold);
  border-radius: var(--radius);
}
html[dir="rtl"] .warning-inner {
  flex-direction: row-reverse;
}

/* ── Steps — flip arrow direction ─────────────────────── */
html[dir="rtl"] .step-arrow {
  transform: scaleX(-1);
}
@media (max-width: 768px) {
  html[dir="rtl"] .step-arrow {
    transform: rotate(-90deg);
  }
}

/* ── Cards ────────────────────────────────────────────── */
html[dir="rtl"] .card-badge {
  left: auto;
  right: 14px;
}
html[dir="rtl"] .card-body h3 { flex-direction: row-reverse; }

/* ── Menu event note ──────────────────────────────────── */
html[dir="rtl"] .menu-event {
  flex-direction: row-reverse;
  text-align: right;
}

/* ── Review author ────────────────────────────────────── */
html[dir="rtl"] .review-author {
  flex-direction: row-reverse;
  text-align: right;
}

/* ── WhatsApp float ───────────────────────────────────── */
html[dir="rtl"] .wa-wrap {
  direction: ltr;   /* prevent RTL from flipping fixed positioning */
  right: 28px;
  left: auto;
  align-items: flex-end;
}
@media (max-width: 768px) {
  html[dir="rtl"] .wa-wrap {
    right: 16px;
    left: auto;
    bottom: 20px;
  }
}

/* ── WhatsApp bubble ──────────────────────────────────── */
html[dir="rtl"] .wa-bubble {
  border-radius: 16px 16px 16px 4px;
}
html[dir="rtl"] .wa-close {
  right: auto;
  left: 10px;
}

/* ── Hero urgency line ───────────────────────────────── */
html[dir="rtl"] .hero-urgency {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  direction: rtl;
}

/* ── Scroll hint ─────────────────────────────────────── */
html[dir="rtl"] .scroll-hint { direction: ltr; }

/* ── Trust list ──────────────────────────────────────── */
html[dir="rtl"] .trust-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 130px 130px;
  gap: 0;
  direction: rtl;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
html[dir="rtl"] .trust-sep {
  display: none !important;
}
html[dir="rtl"] .trust-item {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  gap: 8px;
  margin: 0;
  border: none;
}
/* horizontal divider: only between the two rows
   = bottom border on row-1 items (DOM positions 1 and 3) */
html[dir="rtl"] .trust-item:nth-child(1),
html[dir="rtl"] .trust-item:nth-child(3) {
  border-bottom: 1px solid rgba(201,168,76,.18);
}
/* vertical divider: between the two columns
   = left border on right-column items (DOM positions 1 and 5) */
html[dir="rtl"] .trust-item:nth-child(1),
html[dir="rtl"] .trust-item:nth-child(5) {
  border-left: 1px solid rgba(201,168,76,.18);
}
html[dir="rtl"] .trust-item b {
  font-family: 'Noto Naskh Arabic', serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.15;
  color: var(--gold);
  margin: 0;
}
html[dir="rtl"] .trust-item span {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  text-transform: none;
  font-size: .88rem;
  color: var(--cream-dim);
  opacity: .85;
  margin: 0;
}

/* ── Pricing section ─────────────────────────────────── */
html[dir="rtl"] .pricing-tabs {
  direction: rtl;
}
html[dir="rtl"] .pricing-tab {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  font-size: .82rem;
}
html[dir="rtl"] .pricing-row {
  direction: rtl;
}
html[dir="rtl"] .pricing-weight {
  font-family: 'Noto Naskh Arabic', serif;
}
html[dir="rtl"] .pricing-badge {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  font-size: .72rem;
}
html[dir="rtl"] .pricing-price {
  font-family: 'Playfair Display', serif;
}
html[dir="rtl"] .pricing-urgency {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  font-size: .82rem;
  text-transform: none;
}

/* ── Footer ──────────────────────────────────────────── */
html[dir="rtl"] .footer-grid { direction: rtl; }
html[dir="rtl"] .footer-bottom { flex-direction: row-reverse; }

/* ── Price tag (keep Western numerals readable) ────────── */
html[dir="rtl"] .card-price { font-family: 'Playfair Display', serif; }

/* ── Product cards (pc-*) RTL overrides ─────────────────── */
html[dir="rtl"] .pc-badge {
  left: auto;
  right: 14px;
}
html[dir="rtl"] .pc-title {
  font-family: 'Noto Naskh Arabic', serif;
  text-align: right;
}
html[dir="rtl"] .pc-desc {
  font-family: 'Noto Naskh Arabic', serif;
  text-align: right;
  direction: rtl;
}
html[dir="rtl"] .pc-feats {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .pc-feats li {
  font-family: 'Noto Naskh Arabic', serif;
}
html[dir="rtl"] .pc-foot {
  flex-direction: row-reverse;
}
html[dir="rtl"] .pc-from {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  text-transform: none;
  font-size: .7rem;
}
html[dir="rtl"] .pc-amount {
  font-family: 'Playfair Display', serif;
}

/* ── Weight modal RTL overrides ──────────────────────── */
html[dir="rtl"] .wm-eyebrow {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  text-transform: none;
}
html[dir="rtl"] .wm-product {
  font-family: 'Noto Naskh Arabic', serif;
}
html[dir="rtl"] .wm-header { flex-direction: row-reverse; }
html[dir="rtl"] .wm-item {
  flex-direction: row-reverse;
}
html[dir="rtl"] .wm-item:hover { transform: translateX(3px); }
html[dir="rtl"] .wm-item-right { flex-direction: row-reverse; }
html[dir="rtl"] .wm-item-weight {
  font-family: 'Noto Naskh Arabic', serif;
}
html[dir="rtl"] .wm-item-price {
  font-family: 'Playfair Display', serif;
}
html[dir="rtl"] .wm-cta {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
}
html[dir="rtl"] .wm-hint {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  text-transform: none;
}

/* ═══════════════════════════════════════════════════════
   FINAL RTL MENU / MODAL POLISH — Special Tanjia
═══════════════════════════════════════════════════════ */
html[dir="rtl"] .pricing-note {
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
  direction: rtl;
}

html[dir="rtl"] .pc {
  direction: rtl;
}
html[dir="rtl"] .pc-foot {
  flex-direction: row;
}
html[dir="rtl"] .pc-price {
  text-align: right;
  align-items: flex-start;
}
html[dir="rtl"] .pc .btn-order-modal {
  margin-right: auto;
  margin-left: 0;
  font-family: 'Noto Naskh Arabic', serif;
  letter-spacing: 0;
}
html[dir="rtl"] .pc-amount {
  direction: ltr;
  unicode-bidi: embed;
}

html[dir="rtl"] .wm-panel {
  direction: rtl;
}
html[dir="rtl"] .wm-header {
  flex-direction: row;
  text-align: right;
}
html[dir="rtl"] .wm-close {
  margin-right: auto;
  margin-left: 0;
}
html[dir="rtl"] .wm-item {
  direction: rtl;
  flex-direction: row;
}
html[dir="rtl"] .wm-item-right {
  margin-right: auto;
  margin-left: 0;
  flex-direction: row;
}
html[dir="rtl"] .wm-item-price {
  direction: ltr;
  unicode-bidi: embed;
}

@media (max-width: 680px) {
  html[dir="rtl"] .pc-foot {
    display: grid;
    grid-template-columns: 1fr;
  }
  html[dir="rtl"] .pc-price {
    align-items: center;
    text-align: center;
  }
  html[dir="rtl"] .pc .btn-order-modal {
    width: 100%;
    margin: 0;
    justify-content: center;
  }
}