/* =========================================================================
   LEYA ABAYAS — RTL corrections
   The base stylesheet uses CSS logical properties (inset-inline, margin-inline,
   padding-inline, border-inline) so ~95% of the layout mirrors automatically.
   Only physical transforms, directional glyphs and icons need help here.
   ========================================================================= */

body.rtl { direction: rtl; text-align: right; }

/* Directional icons must flip, decorative ones must not. */
.rtl .icon-flip { transform: scaleX(-1); }
.rtl .icon-no-flip { transform: none; }

/* Breadcrumb separators */
.rtl .woocommerce-breadcrumb { direction: rtl; }

/* Carousel / rail scrolling direction */
.rtl .rail-scroll { direction: rtl; }

/* Number-bearing UI stays LTR so prices, phones and sizes read correctly */
.rtl .price,
.rtl .amount,
.rtl .woocommerce-Price-amount,
.rtl .qty input,
.rtl .size-table td,
.rtl .tel,
.rtl input[type="tel"],
.rtl input[type="number"] {
  direction: ltr;
  unicode-bidi: embed;
}
.rtl .price, .rtl .amount { display: inline-block; }

/* Currency symbol placement for SAR in Arabic */
.rtl .woocommerce-Price-currencySymbol { margin-inline-start: 4px; }

/* Hero rail + dots already use inset-inline-start; ensure fill anchors correctly */
.rtl .hero__rail-fill { inset-inline-start: 0; }

/* Drape reveal wipes downward in both directions — no change needed. */

/* Newsletter arrow / submit chevrons */
.rtl .newsletter__form button svg { transform: scaleX(-1); }

/* Accordion + filter markers */
.rtl .accordion summary,
.rtl .filter-group summary { flex-direction: row; }

/* Uppercase + wide tracking are Latin-only typographic devices */
.rtl .label,
.rtl .btn,
.rtl .badge,
.rtl .nav-primary a,
.rtl .section__link,
.rtl .footer h4,
.rtl .quote__who,
.rtl .cat-tile__label,
.rtl .product-card__quick,
.rtl .filter-toggle,
.rtl .drawer__title,
.rtl .shop_table th,
.rtl .newsletter__form button {
  text-transform: none;
  letter-spacing: 0;
}

/* Brand wordmark stays Latin-styled even in Arabic layout when using "Leya" */
.rtl .brand__mark[lang="en"] { font-family: var(--font-display); letter-spacing: .22em; text-transform: uppercase; direction: ltr; }