/* ============================================================================
   AURANA — Right-to-left refinements (Arabic)
   Loaded only in an RTL locale, after aurana.css. The base sheet is mostly
   built on logical properties and flex/grid, so this file only mirrors the
   handful of places that use physical left/right offsets.
   ========================================================================== */

/* --- product tag sits top-right in RTL --- */
.pcard-tag { left: auto; right: 12px; }

/* --- underline-from-start affordances already use transform-origin:left;
       flip them to the right so they grow from the reading start --- */
.cta::before,
.tlink::after,
.pcard-add::after,
.nav-links a::after { transform-origin: right; }
.nav-links a:hover::after,
.nav-links a[aria-current="page"]::after { transform-origin: left; }

/* --- CTA circled arrow points the other way --- */
.cta .disc svg,
.arch-foot .arrow,
.jcard .arrow,
.signup button svg,
.btn svg { transform: scaleX(-1); }
.cta:hover .disc svg { transform: scaleX(-1) translateX(4px); }

/* --- newsletter submit button moves to the left edge of the field --- */
.signup input { padding: 15px 18px 15px 56px; }
.signup button { right: auto; left: 8px; }

/* --- cart drawer slides in from the left --- */
.drawer { right: auto; left: 0; border-left: 0; border-right: 1px solid var(--line); transform: translateX(-102%); }
body.cart-open .drawer { transform: none; }
.citem { grid-template-columns: auto 1fr 68px; }

/* --- the hero monogram lives on the right in RTL --- */
.monogram { left: auto; right: -25%; }
@media (max-width: 960px) { .monogram { left: auto; right: -6%; } }
.monogram .drip { left: auto; right: 78%; }
.monogram .drip::before { left: auto; right: -2.5px; }
.monogram .drip::after { left: auto; right: -3.5px; }

/* --- the honey-drip hero plate bleeds off the left edge in RTL --- */
.hero-plate { margin-right: auto; margin-left: calc(-1 * var(--bleed)); }

/* --- process-band dividers sit on the inline-end --- */
.process-step + .process-step::before { left: auto; right: 0; }

/* --- the × connector rules on the collaboration lockup --- */
.doorway-lockup .d-x::before { right: auto; left: calc(50% + 20px); }
.doorway-lockup .d-x::after  { left: auto;  right: calc(50% + 20px); }
.th-hero-lockup .d-x::after  { left: auto; right: 34px; }

/* --- gift band imagery bleeds off the left in RTL --- */
.band-items.band-bleed { margin-right: 0; margin-left: calc(-1 * var(--bleed)); }
@media (max-width: 960px) { .band-items.band-bleed { margin-left: 0; } }

/* --- footer column rules on the inline-start --- */
.foot-in > div:nth-child(2),
.foot-in > div:nth-child(3) { border-left: 0; border-right: 1px solid var(--foot-line); padding-left: 0; padding-right: clamp(22px, 2.6vw, 44px); }
@media (max-width: 960px) {
	.foot-in > div:nth-child(2),
	.foot-in > div:nth-child(3) { border-right: 0; padding-right: 0; }
}

/* --- skip link --- */
.skip { left: auto; right: -9999px; }
.skip:focus { left: auto; right: 12px; }

/* --- serif display reads fine, but let Arabic body use a system Arabic stack --- */
:lang(ar) { font-family: "Segoe UI", "Noto Sans Arabic", "Dubai", Tahoma, sans-serif; }
:lang(ar) .display, :lang(ar) .h-section, :lang(ar) h1, :lang(ar) h2, :lang(ar) h3 {
	font-family: "Noto Naskh Arabic", "Amiri", "Dubai", Georgia, serif;
	letter-spacing: 0;
}