/* ZEVU 1.7.0 — Arabic (right-to-left). Loaded only on Arabic pages (/ar/), after zevu.css. */

/* Arabic typeface: Readex Pro (variable, 23 KB) for text, UI and — in its light weight — the editorial statements.
   Arabic letters only (unicode-range):
   Latin text such as "ZEVU", sizes and prices keeps Archivo / Bodoni Moda. SIL Open Font License 1.1. */
@font-face{font-family:"ZEVU Arabic";src:url("../fonts/readex-pro-arabic-var.woff2") format("woff2");font-weight:160 700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

:root{
  --sans:"ZEVU Arabic","Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
  --serif:"ZEVU Arabic","Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
}

/* Arabic letters must join: no letter-spacing, no faux italics, a little more line height. */
body,body *{letter-spacing:0!important}
body *{font-style:normal!important}
body{line-height:1.75}
.hero__title,.section-title,.statement__text,.philosophy__text,.launch__title,.page-hero__title,.product__title,.notfound h1{line-height:1.35}
.statement__text{line-height:1.45}
.statement__text,.philosophy__text,.site-footer__tagline,.cart-drawer__empty-text,.cart-drawer__state-text{font-weight:300}
.eyebrow,.site-footer__label,.cart-drawer__title,.dots-nav__link{text-transform:none}

/* Numbers, phones, emails and codes stay left-to-right inside Arabic text. */
input[type="tel"],input[type="email"],input[type="number"],input[type="url"]{direction:ltr;text-align:right}
.price,.amount,.product__price,.card__price,.cart-drawer__total strong,.order-check__code,bdi{unicode-bidi:isolate}

/* Mirror the layout. */
.skip{left:auto;right:12px}
.text-link svg,.search-panel__form .icon-link svg,.btn svg{transform:scaleX(-1)}
.text-link:hover svg{transform:scaleX(-1) translateX(4px)}
.bag-dot{right:auto;left:9px}
.primary-nav a::after{transform-origin:right}

.menu-drawer__sheet{left:auto;right:0;box-shadow:-24px 0 80px rgba(0,0,0,.28);animation-name:sheet-rtl}
@keyframes sheet-rtl{from{transform:translateX(100%)}to{transform:none}}
.menu-drawer__close{margin-right:0;margin-left:-10px}
@media (hover:hover){.dots-nav__list .dots-nav__link:hover{transform:translateX(-4px)}}
.dots-nav__link:focus-visible{transform:translateX(-4px)}
.dots-nav__chev{right:auto;left:-2px}
.dots-nav__item:not(.is-open) .dots-nav__chev{transform:scaleX(-1)}
.social-list--menu{margin-right:0;margin-left:-12px}
.social-list--contact{margin-left:0;margin-right:-12px}

.woocommerce-message,.woocommerce-info,.woocommerce-error{border-left:0;border-right:2px solid var(--zevu-stone)}
.woocommerce-error{border-right-color:#b0574a}
.woocommerce-message .button,.woocommerce-info .button{margin-left:0;margin-right:auto}
.commerce .woocommerce-message,.commerce .woocommerce-info,.commerce .woocommerce-error{border-left:0;border-right:2px solid var(--zevu-black)}
html[data-palette="light"] .woocommerce-message,html[data-palette="light"] .woocommerce-info{border-right-color:var(--accent)}

.hero__mark{right:auto;left:var(--gutter)}
.hero__dots{right:auto;left:var(--gutter)}
@media (min-width:900px){.pillar{padding:40px 0 0 40px;border-right:0;margin-right:0;border-left:1px solid var(--line);margin-left:40px}.pillar:last-child{border-left:0;margin-left:0}}
.wide__caption{left:auto;right:var(--gutter)}
.launch__mark{right:auto;left:var(--gutter)}
.prose ul,.prose ol{padding-left:0;padding-right:1.2em}
.prose th,.prose td{text-align:right}
.shop-count{margin-right:0;margin-left:auto}
.card__flag{left:auto;right:12px}
.card__price{text-align:left}
.card__price del{margin-right:0;margin-left:6px}
@media (max-width:599px){.card__price{text-align:right}}
@keyframes slide{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}
.product__price del{margin-right:0;margin-left:8px}
.choice__link{margin-left:0;margin-right:auto}
.cat-tile__mark{right:auto;left:clamp(16px,1.6vw,24px)}
.cat-tile__index{left:auto;right:clamp(16px,1.6vw,24px)}

/* Bag drawer slides in from the left in Arabic. */
.cart-drawer__sheet{right:auto;left:0;box-shadow:24px 0 80px rgba(10,11,9,.14);transform:translate3d(-100%,0,0)}
.cart-drawer__close{margin-right:0;margin-left:-10px}

/* Checkout toggle indicator sits at the start of the line. */
.commerce #ship-to-different-address span::before{margin-inline-end:14px}
.dots-nav__sub{padding:0 42px 20px 0}