/* =========================================================
   KAARIGAR · RTL overrides
   Activated by <html dir="rtl"> (toggled in main.js).
   Most layout uses logical properties and mirrors automatically;
   this file handles the remaining physical positions and icons.
   ========================================================= */

html[dir="rtl"] body { direction: rtl; }

/* Directional icons flip */
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-paper-plane {
  transform: scaleX(-1);
  display: inline-block;
}
html[dir="rtl"] .fa-chevron-left,
html[dir="rtl"] .fa-chevron-right { transform: none; }
html[dir="rtl"] #prevQuote .fa-chevron-left,
html[dir="rtl"] #nextQuote .fa-chevron-right { transform: none; }
html[dir="rtl"] .fa-paper-plane { transform: none; }

/* Nav underline grows from the right */
html[dir="rtl"] .main-nav a::after { transform-origin: right; }

/* Hero decorations */
html[dir="rtl"] .hero::before { inset-inline-end: auto; inset-inline-start: -180px; }
html[dir="rtl"] .arch-1 { left: auto; right: 4%; }
html[dir="rtl"] .arch-2 { right: auto; left: 0; }
html[dir="rtl"] .arch-3 { left: auto; right: 18%; }
html[dir="rtl"] .spin-badge { left: auto; right: -2%; }
html[dir="rtl"] .float-tag { right: auto; left: 0; }

/* Process step badge */
html[dir="rtl"] .step-num { right: auto; left: -6px; }

/* Portrait caption */
html[dir="rtl"] .portrait-caption { right: auto; left: -1rem; }

/* Newsletter field */
html[dir="rtl"] .field > i { left: auto; right: 1rem; }
html[dir="rtl"] .error-msg { left: auto; right: 0; }

/* Text reads right-aligned inside blocks that were centred for LTR */
html[dir="rtl"] .quote-slide cite span { margin-inline-start: 0; margin-inline-end: .4rem; }

/* Tablet/mobile: mobile menu keeps its physical anchor */
@media (max-width: 1100px) {
  html[dir="rtl"] .main-nav { inset-inline: 0; }
}

/* Cart drawer slides in from the left in RTL */
html[dir="rtl"] .cart-drawer { transform: translateX(-100%); }
html[dir="rtl"] .cart-drawer.open { transform: none; }

/* Marquee and hero copy keep their natural flow */
html[dir="rtl"] .marquee-set i { margin-inline-end: .6rem; }

/* Home 2 · Edition 02 */
html[dir="rtl"] .h2-hero-proof p span { margin-inline-start: .5rem; }
html[dir="rtl"] .h2-orbit a:hover .o-img { transform: rotate(7deg) scale(1.07); }
html[dir="rtl"] .h2-quote footer { text-align: start; }
html[dir="rtl"] .h2-ticket-stub { border-inline-start: 2px dashed rgba(246, 239, 228, .6); }

/* Products page */
html[dir="rtl"] .crumbs .fa-chevron-right { transform: scaleX(-1); }
html[dir="rtl"] .select-wrap > i { inset-inline-end: 1rem; }

/* Artisan Stories */
html[dir="rtl"] .reader { transform: translateX(-105%); box-shadow: 30px 0 60px -30px rgba(40, 18, 4, .6); }
html[dir="rtl"] .reader.open { transform: none; }
html[dir="rtl"] .crumbs .fa-chevron-right { transform: scaleX(-1); }
html[dir="rtl"] .search-field input { padding: .8rem 2.7rem .8rem 1rem; }

/* Nav dropdown */
html[dir="rtl"] .main-nav .sub { inset-inline-start: auto; inset-inline-end: -14px; }

/* Extra sections */
html[dir="rtl"] .ab-collage .c1 { inset: 0 0 22% 18%; }
html[dir="rtl"] .ab-collage .c2 { right: auto; left: 0; }
html[dir="rtl"] .ab-note { inset-inline-end: auto; inset-inline-start: 0; }
html[dir="rtl"] .rank-list li > strong { justify-self: start; }
html[dir="rtl"] .ct-visit i, html[dir="rtl"] .ct-hint i { transform: none; }
html[dir="rtl"] .ps-acc summary::after, html[dir="rtl"] .ct-acc summary::after { margin-inline-start: 0; }
html[dir="rtl"] .ct-form .field.invalid .error-msg { text-align: right; }

/* Wishlist & bag */
html[dir="rtl"] .cp-line { text-align: start; }
html[dir="rtl"] .sum-row, html[dir="rtl"] .wl-figs li, html[dir="rtl"] .sum-total { direction: rtl; }
html[dir="rtl"] .cp-item .ci-remove { justify-self: start; }
html[dir="rtl"] .cp-item.ci { direction: rtl; }
html[dir="rtl"] .gift-card input { inset-inline-start: 0; }

/* WISHLIST & BAG · 5-section additions */
html[dir="rtl"] .cp-opts-grid .gift-card { text-align: right; }
html[dir="rtl"] .cp-opts-grid .gift-card input { inset-inline-start: 0; }
html[dir="rtl"] .cta-points i, html[dir="rtl"] .sum-trust i { margin-inline-end: 0; margin-inline-start: .35rem; }

/* HERO SECTIONS · Shop, About, Contact */
html[dir="rtl"] .ph-mosaic .m1 { border-radius: 240px 240px 26px 26px; }
html[dir="rtl"] .ch-visual { padding: 0 1.4rem 1.4rem 0; }
html[dir="rtl"] .ch-visual::before { inset: 1.4rem 1.4rem -.6rem -.6rem; }
html[dir="rtl"] .ch-badge { inset-inline-start: auto; inset-inline-end: 0; }
html[dir="rtl"] .ah-bg::after { background: linear-gradient(265deg, rgba(60, 30, 12, .92) 0%, rgba(123, 64, 25, .78) 45%, rgba(123, 64, 25, .35) 100%); }
html[dir="rtl"] .ah-pillars i { margin-top: .15rem; }
html[dir="rtl"] .ph-stat { text-align: start; }

/* HERO · Craft Stories + About (editorial) */
html[dir="rtl"] .ah2-badge { right: auto; left: -1rem; }
html[dir="rtl"] .bm-tile span { left: auto; right: 1.1rem; }

/* HERO v4 · Craft Stories + About */
html[dir="rtl"] .ms-hero::after { right: auto; left: -180px; }
html[dir="rtl"] .ms-search input { padding: .95rem 2.9rem .95rem 1.1rem; }
html[dir="rtl"] .ms-search .search-field i { left: auto; right: 1.1rem; }
html[dir="rtl"] .ms-latest button i { transform: scaleX(-1); }
html[dir="rtl"] .ms-latest button:hover i { transform: scaleX(-1) translateX(4px); }

/* HERO v5 · Journal + Blob */
html[dir="rtl"] .jr-c1 { left: auto; right: 0; transform: rotate(4deg); }
html[dir="rtl"] .jr-c2 { right: auto; left: 0; transform: rotate(-5deg); }
html[dir="rtl"] .jr-seal { right: auto; left: 4%; }
html[dir="rtl"] .jr-search input { padding: 1rem 3rem 1rem 1.2rem; }
html[dir="rtl"] .jr-search .search-field i { left: auto; right: 1.1rem; }
html[dir="rtl"] .jr-card figcaption { left: auto; right: 1rem; }
html[dir="rtl"] .ab4-blob { right: auto; left: -8vw; }
html[dir="rtl"] .ab4-seal { right: auto; left: 9vw; }
html[dir="rtl"] .ab4-blob::after { background: linear-gradient(240deg, rgba(181, 85, 47, .25), transparent 55%); }
@media (max-width: 1024px) { html[dir="rtl"] .ab4-blob { left: auto; right: auto; } html[dir="rtl"] .ab4-seal { right: auto; left: 6vw; } }

/* HOME 2 · HERO: positions use logical insets, so RTL mirrors automatically */
html[dir="rtl"] .hx-squiggle { transform: scaleX(-1); }
html[dir="rtl"] .hx-scroll { transform: none; }

/* Home 2 hero: mirror the big photo's square corner in right-to-left layouts */
html[dir="rtl"] .hx-hero .hx-c1 { border-radius: 50% 50% 0 50%; }

/* Home 1 · v2 — Journey + Circle */
html[dir="rtl"] .jx-fill { transform-origin: 100% 50%; }

/* Home 1 · Kind words: wipe runs right-to-left */
html[dir="rtl"] .kv-photo img { clip-path: inset(0 0 0 100%); }
html[dir="rtl"] .kv-photo img.is-on { clip-path: inset(0 0 0 0); }

/* About · Workshop diary + Inspection bench
   The photo is not mirrored, so pins and the stamp keep their physical
   positions; the tick badge and tilt mirror so they sit on the outer side. */
html[dir="rtl"] .pin.is-seen::before { right: auto; left: -6px; }
html[dir="rtl"] .dy-tabs, html[dir="rtl"] .chk-btn { direction: rtl; }
html[dir="rtl"] .chk-body p, html[dir="rtl"] .dy-panel p { text-align: right; }

/* Toast is anchored with inset-inline-start:50%, which is the right edge in RTL,
   so the centring shift has to flip too or the toast slides off-screen. */
html[dir="rtl"] .toast { transform: translate(50%, 24px); }
html[dir="rtl"] .toast.show { transform: translate(50%, 0); }

/* 404 page: the arrow points toward the next page, so it mirrors in RTL */
html[dir="rtl"] .nf-actions .fa-arrow-right,
html[dir="rtl"] .nf-back .fa-arrow-left { display: inline-block; transform: scaleX(-1); }

/* Blog · craft journey: text always faces the centre line.
   In RTL the columns mirror, so the alignment sides swap. */
@media (min-width: 768px) {
  html[dir="rtl"] .jr-step .jr-body    { text-align: right; }
  html[dir="rtl"] .jr-step--r .jr-body { text-align: left; }
}