/* ============================================================
   CvvStar - RTL overrides (v4 — search bar untouched)
   ============================================================ */

/* ═══ Body typography ═══ */
[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

[dir="rtl"] main,
[dir="rtl"] .section,
[dir="rtl"] .static-page,
[dir="rtl"] .account-layout,
[dir="rtl"] .cart-layout,
[dir="rtl"] .checkout-layout,
[dir="rtl"] .ng-main,
[dir="rtl"] .ng-section,
[dir="rtl"] .shop-layout,
[dir="rtl"] .footer-grid,
[dir="rtl"] .page-hero,
[dir="rtl"] .page-content,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  font-family: 'Cairo', 'Tajawal', 'IBM Plex Sans Arabic', Inter, system-ui, sans-serif;
}

/* ═══════════════════════════════════════════════════════
   ⭐ SEARCH BAR — UNTOUCHED (only icon fix below)
   ═══════════════════════════════════════════════════════ */
/* The search bar itself flows correctly in RTL by default.
   Only the magnifying glass inside the button needs to be
   visually mirrored back to its original orientation. */
[dir="rtl"] .az-btn svg {
  transform: scaleX(-1) !important;
  transform-origin: center center !important;
}

/* ═══ Header actions margin ═══ */
[dir="rtl"] .header-actions {
  margin-left: 0;
  margin-right: auto;
}

/* ═══ Product card ═══ */
[dir="rtl"] .product-body { text-align: right; }
[dir="rtl"] .product-foot { flex-direction: row-reverse; }
[dir="rtl"] .rating { flex-direction: row-reverse; justify-content: flex-end; }
[dir="rtl"] .product-highlights { justify-content: flex-end; }
[dir="rtl"] .add-btn { flex-direction: row-reverse; }
[dir="rtl"] .product-cat { text-align: right; }

/* ═══ Breadcrumb ═══ */
[dir="rtl"] .breadcrumb { flex-direction: row-reverse; }

/* ═══ Cart ═══ */
[dir="rtl"] .cart-row-bottom,
[dir="rtl"] .cart-actions,
[dir="rtl"] .sum-row,
[dir="rtl"] .sum-total,
[dir="rtl"] .secure-note { flex-direction: row-reverse; }
[dir="rtl"] .cart-summary { text-align: right; }

/* ═══ Account ═══ */
[dir="rtl"] .acc-nav a { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .acc-nav a.active { box-shadow: inset -3px 0 0 #7C6BFF; }
[dir="rtl"] .acc-order-total { text-align: left; }
[dir="rtl"] .acc-field label { text-align: right; }
[dir="rtl"] .acc-field input,
[dir="rtl"] .acc-field select,
[dir="rtl"] .acc-field textarea { text-align: right; direction: rtl; }

/* ═══ Product page ═══ */
[dir="rtl"] .ng-quick-row { grid-template-columns: 1fr 130px; }
[dir="rtl"] .ng-secondary,
[dir="rtl"] .ng-panel--action { direction: rtl; }
[dir="rtl"] .ng-action-head,
[dir="rtl"] .ng-qty-block,
[dir="rtl"] .ng-qty,
[dir="rtl"] .ng-status-row,
[dir="rtl"] .ng-faq-q,
[dir="rtl"] .ng-review-head { flex-direction: row-reverse; }
[dir="rtl"] .ng-price-now { flex-direction: row-reverse; justify-content: flex-end; }
[dir="rtl"] .ng-status-row span,
[dir="rtl"] .ng-spec-label,
[dir="rtl"] .ng-faq-q,
[dir="rtl"] .ng-faq-a { text-align: right; }

/* ═══ Checkout ═══ */
[dir="rtl"] .checkout-form .field label { text-align: right; }
[dir="rtl"] .checkout-form .field input,
[dir="rtl"] .checkout-form .field select,
[dir="rtl"] .checkout-form .field textarea { text-align: right; direction: rtl; }
[dir="rtl"] .payment-method,
[dir="rtl"] .carrier-option,
[dir="rtl"] .saved-address-option { flex-direction: row-reverse; text-align: right; }

/* ═══ Footer ═══ */
[dir="rtl"] .footer-col ul { text-align: right; }
[dir="rtl"] .footer-col a:hover { padding-left: 0; padding-right: 5px; }
[dir="rtl"] .footer-copy,
[dir="rtl"] .footer-brand { text-align: right; }
[dir="rtl"] .footer-bottom-top,
[dir="rtl"] .socials,
[dir="rtl"] .trust-seals,
[dir="rtl"] .trust-seal { flex-direction: row-reverse; }

/* ═══ Shop ═══ */
[dir="rtl"] .shop-head,
[dir="rtl"] .active-filters,
[dir="rtl"] .filters-cat,
[dir="rtl"] .filters-check,
[dir="rtl"] .shop-pagination,
[dir="rtl"] .shop-hero-stats { flex-direction: row-reverse; }
[dir="rtl"] .shop-tools,
[dir="rtl"] .filters-price { direction: rtl; }

/* ═══ Static pages ═══ */
[dir="rtl"] .page-content { text-align: right; }
[dir="rtl"] .page-content ul,
[dir="rtl"] .page-content ol { padding-left: 0; padding-right: 26px; }
[dir="rtl"] .page-content blockquote {
  border-left: 0;
  border-right: 3px solid var(--accent);
  border-radius: 12px 0 0 12px;
}

/* ═══ Mobile nav ═══ */
[dir="rtl"] .mobile-nav { left: auto; right: -100%; }
[dir="rtl"] .mobile-nav.is-open { left: auto; right: 0; }
[dir="rtl"] .mobile-nav-body { text-align: right; }
[dir="rtl"] .mobile-nav-link,
[dir="rtl"] .mobile-nav-group > summary { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .mobile-nav-sublink { text-align: right; }

/* ═══ Skip link ═══ */
[dir="rtl"] .skip-link { left: auto; right: 16px; }

/* ═══ Search button — flip rounded corners in RTL ═══ */
[dir="rtl"] .az-btn {
  border-radius: 9px 0 0 9px !important;
}

/* ═══ Search dropdown (category select) — flip too ═══ */
[dir="rtl"] .az-cat {
  border-right: 0 !important;
  border-left: 1px solid var(--border) !important;
  border-radius: 0 9px 9px 0 !important;
}
[dir="rtl"] .az-cat::after {
  right: auto !important;
  left: 11px !important;
}

/* ═══ SVG text — force LTR inside illustrations (kills RTL flip) ═══ */
[dir="rtl"] svg text {
  direction: ltr !important;
  unicode-bidi: isolate;
}

/* ═══ Brands marquee — force LTR so animation loops correctly ═══ */
[dir="rtl"] .brands-tech-marquee {
  direction: ltr;
}