/* ==========================================================
   SILVARN - RTL (html[dir="rtl"])
   Layout uses logical properties, so only a few fixes are needed.
   ========================================================== */

html[dir="rtl"] body { text-align: start; }

/* Letter-spacing breaks joined scripts such as Arabic/Hebrew */
html[dir="rtl"] .nav-link,
html[dir="rtl"] .footer-title,
html[dir="rtl"] .brand-name { letter-spacing: 0; }

/* Underline slide-in grows from the reading-start edge */
html[dir="rtl"] .nav-link::after { transform-origin: right center; }
html[dir="rtl"] .footer-links a,
html[dir="rtl"] .footer-bottom a,
html[dir="rtl"] .footer-contact a { background-position: 100% 100%; }

/* Mobile active-item marker flips to the right edge */
@media (max-width: 1024px) {
  html[dir="rtl"] .nav-item.is-active > .nav-link,
  html[dir="rtl"] .nav-link[aria-current="page"] { box-shadow: inset -3px 0 0 var(--accent); }
}

/* Newsletter input: typed email stays left-to-right, aligned to the start */
html[dir="rtl"] .newsletter-form input[type="email"] { direction: ltr; text-align: right; }
html[dir="rtl"] .newsletter-form input[type="email"]::placeholder { direction: rtl; text-align: right; }

/* Dropdown anchors to the right edge of its parent */
html[dir="rtl"] .dropdown { inset-inline-start: 0; }

/* ---------- Home 1 / Section 1: Forge Reveal ---------- */
html[dir="rtl"] .hero-chip,
html[dir="rtl"] .hero-count { letter-spacing: 0; }
html[dir="rtl"] .hero-arrow svg { transform: scaleX(-1); }
html[dir="rtl"] .hero-title .accent-word::after { transform-origin: right center; }
html[dir="rtl"] .build-bar { transform-origin: right center; }
html[dir="rtl"] .hero-title .line-inner,
html[dir="rtl"] .hero-sub,
html[dir="rtl"] .hero-chip { unicode-bidi: plaintext; }

/* Craft Partner (Home 1 / Section 3) */
html[dir="rtl"] .sv-pt__go svg, html[dir="rtl"] .sv-pt__btn svg { transform: scaleX(-1); }
html[dir="rtl"] .sv-pt__go:hover svg, html[dir="rtl"] .sv-pt__btn:hover svg, html[dir="rtl"] .sv-pt__go:focus-visible svg, html[dir="rtl"] .sv-pt__btn:focus-visible svg { transform: scaleX(-1) translateX(4px); }
html[dir="rtl"] .sv-pt__stats::before { transform-origin: right center; }
html[dir="rtl"] .sv-pt__title, html[dir="rtl"] .sv-pt__lede, html[dir="rtl"] .sv-pt__cap-name, html[dir="rtl"] .sv-pt__cap-desc, html[dir="rtl"] .sv-pt__feat-name, html[dir="rtl"] .sv-pt__feat-desc, html[dir="rtl"] .sv-pt__lbl { unicode-bidi: plaintext; }
html[dir="rtl"] .sv-pt__tag { letter-spacing: 0; }


/* ---------- home-2 (RTL) ---------- */
html[dir="rtl"] .h2-hero { --h2-hide: inset(0 0 0 100%); }
html[dir="rtl"] .h2-accent::after { transform-origin: right; }
html[dir="rtl"] .h2-tab-arrow svg { transform: scaleX(-1); }
html[dir="rtl"] .h2-tab-bar { transform-origin: right; }
html[dir="rtl"] .h2-arrow svg { transform: scaleX(-1); }
html[dir="rtl"] .h2-plate-label { direction: ltr; text-align: right; }


/* ---------- about-us (RTL) ---------- */
html[dir="rtl"] .ab-accent::after {transform-origin:right}
html[dir="rtl"] .ab-slat::after {transform-origin:right}
html[dir="rtl"] .abv__row::after, html[dir="rtl"] .abv__gauge i::after {transform-origin:right}
html[dir="rtl"] .abv__f {clip-path:inset(0 0 0 calc((1 - var(--f)) * 100%))}
html[dir="rtl"] .abv__gauge {direction:rtl}

/* ---------- about-us / section 4: The Moving Wall (RTL) ---------- */
html[dir="rtl"] .ab-wall { --ab-wall-hide: inset(-40px -60px -90px calc(100% + 60px)); }
html[dir="rtl"] .ab-wall::before { transform: scaleX(-1); }
html[dir="rtl"] .ab-wall .ab-chip,
html[dir="rtl"] .ab-wall-cap { letter-spacing: 0; }

/* ---------- about-us / section 5: The Build Path (RTL) ---------- */
html[dir="rtl"] .ab-path::before { transform: scaleX(-1); }
html[dir="rtl"] .ab-path-bar::after { transform-origin: right; }
html[dir="rtl"] .ab-path .ab-chip,
html[dir="rtl"] .ab-path-tag { letter-spacing: 0; }

/* ---------- Services / Section 1: The Weld Seam (RTL) ---------- */
html[dir="rtl"] .sv-hero { --sv-hide: inset(0 0 0 100%); }
html[dir="rtl"] .sv-eyebrow,html[dir="rtl"] .sv-tag,html[dir="rtl"] .sv-cta-label,html[dir="rtl"] .sv-link,html[dir="rtl"] .sv-note { letter-spacing: 0; }
html[dir="rtl"] .sv-accent::after { transform-origin: right; }
html[dir="rtl"] .sv-cta-arrow svg,html[dir="rtl"] .sv-link svg { transform: scaleX(-1); }
html[dir="rtl"] .sv-cta:hover .sv-cta-arrow svg,html[dir="rtl"] .sv-cta:focus-visible .sv-cta-arrow svg,
html[dir="rtl"] .sv-link:hover svg,html[dir="rtl"] .sv-link:focus-visible svg { transform: scaleX(-1) translateX(5px); }
html[dir="rtl"] .sv-link { background-position: 100% 100%; }
html[dir="rtl"] .sv-cta-in { background-position: 100% 0; }
@media (max-width:700px){ html[dir="rtl"] .sv-hero { --sv-hide: inset(0 0 100% 0); } html[dir="rtl"] .sv-seam { transform-origin: right; } }
html[dir="rtl"] .sv-title .sv-line-in,html[dir="rtl"] .sv-lede,html[dir="rtl"] .sv-note span { unicode-bidi: plaintext; }

/* ---------- Services / Section 1: The Link Chain (RTL) ---------- */
html[dir="rtl"] .sv3-eyebrow,html[dir="rtl"] .sv3-cap,html[dir="rtl"] .sv3-cta-label { letter-spacing: 0; }
html[dir="rtl"] .sv3-cta-in { clip-path: polygon(22px 0,100% 0,100% 100%,22px 100%,0 50%); background-position: 100% 0; }
html[dir="rtl"] .sv3-cta-arrow { padding-inline-end: 0; padding-inline-start: 14px; }
html[dir="rtl"] .sv3-cta-arrow svg { transform: scaleX(-1); }
html[dir="rtl"] .sv3-cta:hover .sv3-cta-arrow svg,html[dir="rtl"] .sv3-cta:focus-visible .sv3-cta-arrow svg { transform: scaleX(-1) translateX(5px); }
html[dir="rtl"] .sv3-node { margin-left: 0; margin-right: -6px; }
html[dir="rtl"] .sv3-title .sv3-line-in,html[dir="rtl"] .sv3-lede { unicode-bidi: plaintext; }
html[dir="rtl"] .sv3-cap--a { left: auto; margin-left: 0; right: 100%; margin-right: 22px; }
html[dir="rtl"] .sv3-cap--b { right: auto; margin-right: 0; left: 100%; margin-left: 22px; }
@media (max-width:900px){ html[dir="rtl"] .sv3-chain--a { justify-self: start; } html[dir="rtl"] .sv3-chain--b { justify-self: end; } }


/* ---------- Gallery page (RTL) ---------- */
html[dir="rtl"] .gx-tag { letter-spacing: 0; }
html[dir="rtl"] .gx-btn svg, html[dir="rtl"] .gx-link svg { transform: scaleX(-1); }
html[dir="rtl"] .gx-btn:hover svg, html[dir="rtl"] .gx-link:hover svg,
html[dir="rtl"] .gx-btn:focus-visible svg, html[dir="rtl"] .gx-link:focus-visible svg { transform: scaleX(-1) translateX(4px); }
html[dir="rtl"] .gx-ruler::after { transform-origin: right center; }
html[dir="rtl"] .gx-title, html[dir="rtl"] .gx-h2, html[dir="rtl"] .gx-lede, html[dir="rtl"] .gx-cap,
html[dir="rtl"] .gx-st-pick-name, html[dir="rtl"] .gx-st-desc, html[dir="rtl"] .gx-st-next-n { unicode-bidi: plaintext; }
html[dir="rtl"] .gx-st-next-k, html[dir="rtl"] .gx-st-pick-k, html[dir="rtl"] .gx-st-next-n b { letter-spacing: 0; }
html[dir="rtl"] .gx-st-go svg, html[dir="rtl"] .gx-st-next-img svg { transform: scaleX(-1); }
html[dir="rtl"] .gx-st-go:hover i, html[dir="rtl"] .gx-st-go:focus-visible i { transform: translateX(-4px); }
html[dir="rtl"] .gx-st-next:hover .gx-st-next-img svg { transform: scaleX(-1) translateX(3px); }

/* ---------- Contact page (RTL) ---------- */
html[dir="rtl"] .ctf__gauge i::after, html[dir="rtl"] .ctm__days i, html[dir="rtl"] .ctp__step::after { transform-origin: right; }
@media (max-width: 960px) { html[dir="rtl"] .ctp__step::after { transform-origin: top; } }

/* gallery S6 */
html[dir="rtl"] .gx-pr-go svg { transform: scaleX(-1); }
html[dir="rtl"] .gx-pr-go:hover svg, html[dir="rtl"] .gx-pr-go:focus-visible svg { transform: scaleX(-1) translateX(4px); }
html[dir="rtl"] .gx-pr-row::before { transform-origin: right center; }
html[dir="rtl"] .gx-pr-name, html[dir="rtl"] .gx-pr-desc, html[dir="rtl"] .gx-pr-plate-tx { unicode-bidi: plaintext; }

/* ---------- Login & Sign up (RTL) ---------- */
html[dir="rtl"] .au-tag, html[dir="rtl"] .au-lede, html[dir="rtl"] .au-art-cap { letter-spacing: 0; }
html[dir="rtl"] .au-input input[type="email"] { direction: ltr; text-align: right; }
html[dir="rtl"] .au-art img { transform: scaleX(-1); animation: none; }

/* ---------- 404 & Coming soon (RTL) ---------- */
html[dir="rtl"] .sx-links-k, html[dir="rtl"] .sx-count span { letter-spacing: 0; }
html[dir="rtl"] .sx-notify .au-input input[type="email"] { direction: ltr; text-align: right; }