/* ==========================================================================
   Right-to-left (Arabic) overrides — loaded only on dir="rtl" pages, after all other sheets.
   Mirrors positions, paddings and directional motion; photos are not mirrored.
   ========================================================================== */

/* ---------- Arabic typography -------------------------------------------- */
[dir="rtl"] {
    --font-heading: 'Cairo', 'Outfit', system-ui, sans-serif;
    --font-body: 'IBM Plex Sans Arabic', 'Inter', system-ui, sans-serif;
}
[dir="rtl"] body { line-height: 1.7; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { letter-spacing: 0; line-height: 1.3; }
/* Arabic script has no capitals: drop the tracking used for English uppercase labels */
[dir="rtl"] .hero-eyebrow, [dir="rtl"] .feature-banner .eyebrow, [dir="rtl"] .search-group, [dir="rtl"] .search-brand,
[dir="rtl"] .search-chip-type, [dir="rtl"] .table th, [dir="rtl"] .product-card-brand { letter-spacing: 0; }
[dir="rtl"] .hero-title { line-height: 1.25; }
[dir="rtl"] .hero-title span { padding-bottom: .08em; } /* keep descenders inside the gradient clip */
[dir="rtl"] .feature-banner h2, [dir="rtl"] .promo-card h3 { line-height: 1.25; }
/* Numbers, prices, phones and Latin brand names read left-to-right inside Arabic text */
[dir="rtl"] .price, [dir="rtl"] .price-old, [dir="rtl"] .search-price, [dir="rtl"] .cart-total { unicode-bidi: plaintext; }
/* "-22%" must not be reordered to "22%-" */
[dir="rtl"] .product-badge.sale, [dir="rtl"] .search-off, [dir="rtl"] .tracking-code, [dir="rtl"] .track-number { direction: ltr; unicode-bidi: isolate; }

/* ---------- Directional icons ------------------------------------------- */
[dir="rtl"] .icon-dir { transform: scaleX(-1); }
[dir="rtl"] .btn:hover .icon-arrow.icon-dir { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] .category-card:hover .category-card-arrow { transform: scaleX(-1) translateX(5px); }
[dir="rtl"] .is-all.is-active .search-all-arrow { transform: translateX(-4px); }

/* ---------- Base / header / nav ----------------------------------------- */
[dir="rtl"] .skip-link { left: auto; right: 12px; }
[dir="rtl"] .header-search input { padding: 0 20px 0 76px; }
[dir="rtl"] .header-search button { right: auto; left: 0; border-radius: 999px 0 0 999px; }
[dir="rtl"] .header-search input::-webkit-search-cancel-button { margin-right: 0; margin-left: 6px; }
[dir="rtl"] .header-action .count { right: auto; left: -10px; }
[dir="rtl"] .nav-hot { margin-left: 0; margin-right: -3px; }
[dir="rtl"] .dropdown { left: auto; right: 0; }
[dir="rtl"] .mobile-drawer-panel { left: auto; right: 0; transform: translateX(100%); }
[dir="rtl"] .mobile-drawer.is-open .mobile-drawer-panel { transform: translateX(0); }
[dir="rtl"] .mobile-drawer details a { padding-left: 12px; padding-right: 26px; }
[dir="rtl"] .bottom-nav .count { right: auto; left: -11px; }
@media (min-width: 992px) {
    [dir="rtl"] .header-search input { padding: 0 26px 0 84px; }
    [dir="rtl"] .section-link { margin-right: 0; margin-left: 14px; }
}

/* ---------- Language switcher (both directions; lives here + storefront) -- */

/* ---------- Hero: photo stays on the right, Arabic copy sits on the left -- */
@media (min-width: 992px) {
    /* Right-aligned Arabic copy ends at the block's right edge, so keep the block clear of the photo */
    [dir="rtl"] .hero-content { margin-right: auto; margin-left: 0; max-width: 47%; }
    [dir="rtl"] .hero-media { max-width: 60%; }
    [dir="rtl"] .hero-arrow.prev { left: auto; right: 22px; }
    [dir="rtl"] .hero-arrow.next { right: auto; left: 22px; }
}
@media (max-width: 991.98px) {
    [dir="rtl"] .hero-arrow.prev { left: auto; right: 12px; }
    [dir="rtl"] .hero-arrow.next { right: auto; left: 12px; }
}

/* ---------- Cards & sections -------------------------------------------- */
[dir="rtl"] .category-card-arrow { margin: 18px 6px 0 0; }
[dir="rtl"] .product-badges { left: auto; right: 10px; }
[dir="rtl"] .wishlist-btn { right: auto; left: 6px; }
[dir="rtl"] .rating .rating-count { margin-left: 0; margin-right: 6px; }
@media (min-width: 768px) {
    [dir="rtl"] .product-badges { right: 12px; }
    [dir="rtl"] .wishlist-btn { left: 12px; }
}
@media (min-width: 768px) {
    [dir="rtl"] .feature-item { text-align: right; }
}
@media (min-width: 992px) {
    [dir="rtl"] .feature-banner-media { left: auto; right: 34%; }
}
[dir="rtl"] .feature-item:hover { transform: translateX(6px); }

[dir="rtl"] .promo-card-media { right: auto; left: 0; }
[dir="rtl"] .promo-card.theme-ivory .promo-card-media,
[dir="rtl"] .promo-card.theme-purple .promo-card-media,
[dir="rtl"] .promo-card.theme-dark .promo-card-media {
    -webkit-mask-image: linear-gradient(270deg, transparent, #000 12%); mask-image: linear-gradient(270deg, transparent, #000 12%);
}
[dir="rtl"] .promo-discount { right: auto; left: 7%; }
[dir="rtl"] .promo-card-media .promo-discount { left: 57.5%; } /* stays over the photo's own badge area */

@media (min-width: 992px) {
    [dir="rtl"] .benefit { text-align: right; }
    [dir="rtl"] .benefit + .benefit::before { left: auto; right: 0; }
}

[dir="rtl"] .newsletter-form input { padding: 0 20px 0 128px; }
[dir="rtl"] .newsletter-form .btn { right: auto; left: 0; }
[dir="rtl"] .newsletter-media { right: auto; left: 0; -webkit-mask-image: linear-gradient(270deg, transparent, #000 35%); mask-image: linear-gradient(270deg, transparent, #000 35%); }
@media (min-width: 992px) {
    [dir="rtl"] .newsletter-form input { padding: 0 26px 0 180px; }
}

/* ---------- Footer & floating UI ---------------------------------------- */
[dir="rtl"] .footer-col a:hover { padding-left: 0; padding-right: 3px; }
@media (min-width: 992px) { [dir="rtl"] .footer-bottom .container { text-align: right; } }

[dir="rtl"] .back-to-top, [dir="rtl"] .whatsapp-float { right: auto; left: 14px; }
[dir="rtl"] .whatsapp-float-label { padding-right: 0; padding-left: 4px; }
@media (min-width: 992px) {
    [dir="rtl"] .back-to-top, [dir="rtl"] .has-action-bar .back-to-top,
    [dir="rtl"] .whatsapp-float, [dir="rtl"] .has-action-bar .whatsapp-float { right: auto; left: 26px; }
    [dir="rtl"] .whatsapp-float { padding: 0 12px 0 16px; }
}
[dir="rtl"] .wa-invoice { text-align: right; }
@media (min-width: 768px) {
    [dir="rtl"] .toast-stack, [dir="rtl"] .has-action-bar .toast-stack { right: auto; left: 20px; }
}
[dir="rtl"] .toast { border-left: 0; border-right: 4px solid var(--color-success); }
[dir="rtl"] .toast.is-error { border-right-color: var(--color-danger); }

/* ---------- Forms, tables, content -------------------------------------- */
[dir="rtl"] select.form-control { background-position: left 16px center; padding-right: 16px; padding-left: 40px; }
[dir="rtl"] .alert ul, [dir="rtl"] .prose ul { padding-left: 0; padding-right: 22px; }
[dir="rtl"] .table th { text-align: right; }
[dir="rtl"] .account-nav a, [dir="rtl"] .account-nav button { text-align: right; }
[dir="rtl"] .search-off { left: auto; right: -6px; }

/* ---------- Product page, lightbox, cart, checkout ---------------------- */
[dir="rtl"] .product-gallery-main .product-badge { left: auto; right: 14px; }
[dir="rtl"] .gallery-counter { right: auto; left: 12px; }
[dir="rtl"] .gallery-zoom-btn { right: auto; left: 12px; }
@media (min-width: 992px) { [dir="rtl"] .product-gallery-main .product-badge { right: 18px; } }
[dir="rtl"] .lightbox-counter { margin-right: 0; margin-left: auto; padding-left: 0; padding-right: 6px; }
[dir="rtl"] .lightbox-nav.prev { left: auto; right: 8px; }
[dir="rtl"] .lightbox-nav.next { right: auto; left: 8px; }
@media (min-width: 768px) {
    [dir="rtl"] .lightbox-nav.prev { right: 22px; }
    [dir="rtl"] .lightbox-nav.next { left: 22px; }
}
[dir="rtl"] .lightbox-stage img.slide-next { animation-name: lb-slide-prev; }
[dir="rtl"] .lightbox-stage img.slide-prev { animation-name: lb-slide-next; }
[dir="rtl"] .spec-table th, [dir="rtl"] .spec-table td { text-align: right; }
[dir="rtl"] .cart-line-total { text-align: left; }
[dir="rtl"] .mobile-summary summary strong { margin-left: 0; margin-right: auto; }
[dir="rtl"] .card-title .step { margin-right: 0; margin-left: 8px; }
[dir="rtl"] .ship-price { margin-left: 0; margin-right: auto; }
[dir="rtl"] .checkout-qty { right: auto; left: -7px; }
[dir="rtl"] .success-ref strong { margin-left: 0; margin-right: 6px; }
[dir="rtl"] .success-grid { text-align: right; }

/* ---------- Motion that has a direction --------------------------------- */
[dir="rtl"] .btn-gold::before { left: auto; right: -75%; transform: skewX(22deg); transition: right .75s var(--ease); }
[dir="rtl"] .btn-gold:hover::before { left: auto; right: 135%; }
[dir="rtl"] .promo-card::after { left: auto; right: -60%; transform: skewX(20deg); transition: right 1s var(--ease); }
[dir="rtl"] .promo-card:hover::after { left: auto; right: 130%; }
[dir="rtl"] .newsletter .smoke-canvas { -webkit-mask-image: linear-gradient(270deg, rgba(0,0,0,.2) 30%, #000 70%); mask-image: linear-gradient(270deg, rgba(0,0,0,.2) 30%, #000 70%); }