/* =========================================================
   Ramen & Noodle House — rtl.css
   Applied when <html dir="rtl">. Most layout uses logical
   properties in style.css; this file handles what is left:
   fonts, flipped arrows/transforms, hover directions, positions.
   ========================================================= */
[dir="rtl"] body { font-family: 'Segoe UI', 'Noto Naskh Arabic', Tahoma, var(--font-body), sans-serif; letter-spacing: 0; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { letter-spacing: 0; }
[dir="rtl"] .eyebrow,
[dir="rtl"] .logo-text small,
[dir="rtl"] .hero-stats span,
[dir="rtl"] .stat-row span,
[dir="rtl"] .love-stats span,
[dir="rtl"] .bowl-info dt,
[dir="rtl"] .tag { letter-spacing: 0; }

/* flip directional icons */
[dir="rtl"] .fa-arrow-right-long,
[dir="rtl"] .fa-arrow-left-long { transform: scaleX(-1); }
[dir="rtl"] .btn:hover i.fa-arrow-right-long { transform: scaleX(-1) translateX(5px); }
[dir="rtl"] .fa-quote-left { transform: scaleX(-1); }

/* underline origin + shine direction */
[dir="rtl"] .nav-link::after { transform-origin: right; }
[dir="rtl"] .btn-shine::after { left: auto; right: -80%; transform: skewX(20deg); }
[dir="rtl"] .btn-shine:hover::after { animation: shine-rtl .9s var(--ease); }
@keyframes shine-rtl { to { right: 140%; } }

/* hover slides move the opposite way */
[dir="rtl"] .check-list li:hover { transform: translateX(-8px); }
[dir="rtl"] .noodle-type:hover { transform: translateX(-8px); }
[dir="rtl"] .noodle-type:hover > i { transform: translateX(-5px) rotate(6deg); }
[dir="rtl"] .dropdown a:hover i { transform: translateX(-3px) scale(1.15); }

/* hero / overlay direction */
[dir="rtl"] .hero-overlay { background:
  linear-gradient(260deg, rgba(25, 12, 6, .92) 0%, rgba(43, 24, 16, .72) 45%, rgba(43, 24, 16, .25) 100%),
  linear-gradient(to top, rgba(25, 12, 6, .85), transparent 40%); }
[dir="rtl"] .hero-title { max-width: 14ch; line-height: 1.25; }
[dir="rtl"] .hero-title .word { overflow: visible; }

/* frames and decorative pieces */
[dir="rtl"] .scroll-cue { transform: translateX(50%); }
[dir="rtl"] .steam-sm { inset-inline-start: auto; inset-inline-end: 45%; }
[dir="rtl"] .logo:hover .logo-mark { transform: translateY(-2px) scale(1.06); }
[dir="rtl"] .t-step:hover .t-icon { transform: rotate(10deg) scale(1.1); }
[dir="rtl"] .gal:hover img { transform: scale(1.1); }

/* dropdown always opens toward the page's start side */
[dir="rtl"] .dropdown { inset-inline-start: auto; inset-inline-end: 0; }

/* chips with icons */
[dir="rtl"] .chip { flex-direction: row; }

@media (max-width: 991px) {
  [dir="rtl"] .nav-link.active { border-inline-start: 3px solid var(--orange); }
}
@media (max-width: 767px) {
  [dir="rtl"] .scroll-cue { transform: translateX(50%); }
}

/* ---------- Contact page + footer (RTL) ---------- */
[dir="rtl"] .field select { background-position: left 1rem center; }
[dir="rtl"] .info-link::after,
[dir="rtl"] .f-links a::after,
[dir="rtl"] .f-contact a::after,
[dir="rtl"] .legal a::after { transform-origin: right; }
[dir="rtl"] .info-link:hover i.fa-arrow-right-long { transform: scaleX(-1) translateX(5px); }
[dir="rtl"] .reach-list li:hover { transform: translateX(-8px); }
[dir="rtl"] .hero--page .hero-title { max-width: 16ch; }
/* emails and phone numbers stay left-to-right inside RTL text */
[dir="rtl"] .field input[type="email"],
[dir="rtl"] .field input[type="tel"],
[dir="rtl"] .news-form input[type="email"] { direction: ltr; text-align: right; }
[dir="rtl"] .f-contact a[href^="mailto"],
[dir="rtl"] .f-contact a[href^="tel"],
[dir="rtl"] .info-link[href^="mailto"],
[dir="rtl"] .info-link[href^="tel"] { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .getting-here li:hover i { transform: translateY(-3px) rotate(6deg); }
[dir="rtl"] .news-form .fa-paper-plane,
[dir="rtl"] #submitBtn .fa-paper-plane { transform: scaleX(-1); }

/* ---------- Our Story page (RTL) ---------- */
[dir="rtl"] .os-w { padding-inline: .04em; }
[dir="rtl"] .os-progress span, [dir="rtl"] .os-rail-bar span, [dir="rtl"] .os-bar i, [dir="rtl"] .os-pillar::after { transform-origin: right; }
[dir="rtl"] .os-miles li:hover { transform: translateX(-8px); }
[dir="rtl"] .os-pull { border-radius: var(--radius) 0 0 var(--radius); }
[dir="rtl"] .os-pull i, [dir="rtl"] .os-crumbs i { transform: scaleX(-1); }
[dir="rtl"] .os-acc-body, [dir="rtl"] .os-acc-item { text-align: right; }
[dir="rtl"] .os-phil-img { border-radius: 18px 200px 18px 200px; }
[dir="rtl"] .os-step-no, [dir="rtl"] .os-num { letter-spacing: 0; }
[dir="rtl"] .os-kicker, [dir="rtl"] .os-bars dt, [dir="rtl"] .os-swipe { letter-spacing: 0; }
[dir="rtl"] .os-phrases strong, [dir="rtl"] .os-phrases em { direction: ltr; unicode-bidi: isolate; display: block; text-align: start; }
[dir="rtl"] .os-hero-vignette { background: radial-gradient(ellipse at 70% 60%, transparent 30%, rgba(20, 9, 4, .6) 100%); }
[dir="rtl"] .os-exp-strip figcaption { text-align: right; }
[dir="rtl"] .fa-arrow-down { transform: none; }
@media (max-width: 991px) { [dir="rtl"] .os-steps { padding-inline-start: 0; } }

/* ---------- Menu page (RTL) ---------- */
[dir="rtl"] .mn-meter i { transform-origin: right; }
[dir="rtl"] .mn-list li:hover { transform: translateX(-6px); }
[dir="rtl"] .mn-allergen { border-left: 0; border-right: 3px solid var(--gold); }
[dir="rtl"] .mn-more:hover i { transform: rotate(-90deg); }
[dir="rtl"] .mn-cat-body small, [dir="rtl"] .mn-tag-sm, [dir="rtl"] .mn-npanel dt, [dir="rtl"] .mn-preview-info dt, [dir="rtl"] .mn-modal-body h4 { letter-spacing: 0; }
[dir="rtl"] .mn-hero .hero-title { max-width: 14ch; }
[dir="rtl"] .mn-price, [dir="rtl"] .mn-price-float { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .mn-tabs { direction: rtl; }
[dir="rtl"] .mn-fl { left: auto; right: var(--x); margin: -22px -22px 0 0; }
[dir="rtl"] .mn-bgkanji { inset-inline-start: auto; inset-inline-end: 2%; }
/* ---------- Order Enquiry page (RTL) ---------- */
[dir="rtl"] .oe-hero .hero-title { max-width: 15ch; }
[dir="rtl"] .oe-opt-l, [dir="rtl"] .oe-meta dt { letter-spacing: 0; }
[dir="rtl"] .oe-price, [dir="rtl"] .oe-unit, [dir="rtl"] .oe-line-price, [dir="rtl"] .oe-total strong { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .oe-steps::before { transform-origin: right; }
[dir="rtl"] .oe-step li::before { margin-inline-end: 0; }
[dir="rtl"] #oeSubmit .fa-paper-plane { transform: scaleX(-1); }
[dir="rtl"] .oe-fine, [dir="rtl"] .oe-tbc { text-align: right; }
[dir="rtl"] #oeEmail, [dir="rtl"] #oePhone { direction: ltr; text-align: right; }
[dir="rtl"] .os-crumbs .fa-chevron-right { transform: scaleX(-1); }
[dir="rtl"] .oe-ok-list li { flex-direction: row; }

/* ---------- Home 2 (RTL) ---------- */
[dir="rtl"] .h2-mark, [dir="rtl"] .h2-index strong, [dir="rtl"] .h2-title, [dir="rtl"] .h2-hero-title { letter-spacing: 0; }
[dir="rtl"] .h2-hero-title { line-height: 1.25; }
[dir="rtl"] .h2-line { padding-bottom: .2em; }
[dir="rtl"] .h2-title { line-height: 1.25; }
[dir="rtl"] .h2-art-note i.fa-quote-left { transform: scaleX(-1); }
[dir="rtl"] .h2-pull-hint i, [dir="rtl"] .h2-acts a > i, [dir="rtl"] .h2-pull-nav i { transform: scaleX(-1); }
[dir="rtl"] .h2-pull-hint i { animation-name: h2nudge-rtl; }
@keyframes h2nudge-rtl { 50% { transform: scaleX(-1) translateX(8px); } }
[dir="rtl"] .h2-acts a:hover { transform: translateX(-8px); }
[dir="rtl"] .h2-acts a:hover > i { transform: scaleX(-1) translateX(6px); }
[dir="rtl"] .h2-lab-tab[aria-selected="true"] { background: linear-gradient(270deg, rgba(224, 112, 31, .2), transparent); }
[dir="rtl"] .h2-row input:checked + .h2-row-in { background: linear-gradient(270deg, rgba(200, 86, 26, .12), transparent); box-shadow: inset -3px 0 0 var(--orange); }
[data-theme="dark"][dir="rtl"] .h2-row input:checked + .h2-row-in { background: linear-gradient(270deg, rgba(255, 138, 71, .14), transparent); box-shadow: inset -3px 0 0 #ff8a47; }
[dir="rtl"] .h2-meter i, [dir="rtl"] .h2-pull-bar i { transform-origin: right; }
[dir="rtl"] .h2-lab-ring::after { inset-inline-start: auto; inset-inline-end: 14%; }
[dir="rtl"] .h2-h-main { border-radius: 160px 16px 16px 16px; }
[dir="rtl"] .h2-step--wide .h2-step-fig { border-radius: 120px 16px 120px 16px; }
[dir="rtl"] .h2-fmedia { border-radius: 100px 16px 100px 16px; }
[dir="rtl"] .h2-sv-imgs { border-radius: 18px 18px 18px 180px; }
[dir="rtl"] .h2-ticket::after { background-position: right 0; }
[dir="rtl"] .h2-hero-poster, [dir="rtl"] .h2-hero-video { transform: none; }
[dir="rtl"] .h2-marq-row { animation-name: h2marq-rtl; }
@keyframes h2marq-rtl { to { transform: translateX(50%); } }
[dir="rtl"] .h2-price, [dir="rtl"] .h2-row-price, [dir="rtl"] .h2-dish-price, [dir="rtl"] .h2-ticket-total strong, [dir="rtl"] .h2-step-stat { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .h2-lab-chip strong { direction: ltr; unicode-bidi: isolate; display: inline-block; }
[dir="rtl"] .h2-hero-facts { border-inline-start-color: rgba(255, 255, 255, .28); }
[dir="rtl"] .h2-h-sq figcaption { transform: translateX(50%); }
[dir="rtl"] .h2-range { direction: rtl; }
@media (max-width: 1100px) { [dir="rtl"] .h2-hero-facts { border-inline-start: 0; } }
/* ---------- 404 + Coming soon (RTL) ---------- */
[dir="rtl"] .sx-hero .hero-overlay { background: radial-gradient(ellipse at 50% 42%, rgba(43, 24, 16, .68), rgba(25, 12, 6, .96) 85%); }
[dir="rtl"] .sx-title { letter-spacing: 0; line-height: 1.25; max-width: 14ch; }
[dir="rtl"] .cs-meter-row, [dir="rtl"] .cs-unit span { letter-spacing: 0; }
[dir="rtl"] .er-path code, [dir="rtl"] .cs-unit strong, [dir="rtl"] #csPct { direction: ltr; unicode-bidi: isolate; }
[dir="rtl"] .er-search input[type="search"] { text-align: right; }
[dir="rtl"] .cs-form .news-msg { margin-inline-start: .4rem; }
[dir="rtl"] .er-hero .fa-arrow-left-long { transform: scaleX(-1); }