/* PURE – Arabic (RTL) overrides. Loaded after home.css / pages.css / brand.css on /ar/ pages only.
   Flex/grid layouts mirror automatically with dir="rtl"; this file handles physically positioned pieces,
   arrows, and the Arabic font (Cairo, served from the site's own /Font/ folder). Photos are not mirrored. */

@font-face { font-family: "Cairo"; src: url(/Font/Cairo-Regular.ttf) format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Cairo"; src: url(/Font/Cairo-Medium.ttf) format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Cairo"; src: url(/Font/Cairo-SemiBold.ttf) format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Cairo"; src: url(/Font/Cairo-Bold.ttf) format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Cairo"; src: url(/Font/Cairo-ExtraBold.ttf) format("truetype"); font-weight: 800; font-display: swap; }
@font-face { font-family: "Cairo"; src: url(/Font/Cairo-Black.ttf) format("truetype"); font-weight: 900; font-display: swap; }

:root[lang="ar"] {
  --font-body: "Cairo", "Lato", system-ui, sans-serif;
  --font-head: "Cairo", "Poppins", system-ui, sans-serif;
  --font-hero: "Cairo", "PT Sans", system-ui, sans-serif;
}
[dir="rtl"] body { line-height: 1.35; }
[dir="rtl"] .ticker-track { font-family: var(--font-body); }

/* ---------- header / search / badges ---------- */
[dir="rtl"] .skip-link { left: auto; right: 8px; }
[dir="rtl"] .cart-count { right: auto; left: -10px; }
[dir="rtl"] .cart-count--inline { margin-left: 0; margin-right: 6px; }
[dir="rtl"] .lang-switch { font-size: 10px; height: 22px; }
[dir="rtl"] .search input { text-align: right; }
[dir="rtl"] .search-panel { right: auto; left: -12px; }
@media (max-width: 1100px) { [dir="rtl"] .search-panel { left: var(--gutter); right: var(--gutter); } }
@media (max-width: 1100px) { [dir="rtl"] .header-right { margin-left: 0; margin-right: auto; } }

/* ---------- drawers slide in from the left ---------- */
[dir="rtl"] .drawer, [dir="rtl"] .mini-cart { right: auto; left: 0; border-radius: 0 12px 12px 0; transform: translateX(-100%); }
[dir="rtl"] .drawer.is-open, [dir="rtl"] .mini-cart.is-open { transform: none; }
[dir="rtl"] .drawer-close { left: auto; right: 24px; }
[dir="rtl"] .drawer-nav a, [dir="rtl"] .drawer-lang { padding-left: 0; padding-right: 49px; }
[dir="rtl"] .drawer-lang { font-size: 13px; }
[dir="rtl"] .mini-cart-head { margin-left: 0; margin-right: 6px; }
@media (max-width: 767px) { [dir="rtl"] .mini-cart-head { margin-right: 0; } [dir="rtl"] .mini-cart { border-radius: 0; } }

/* ---------- homepage ---------- */
/* Keep the headline over the green side of the (unmirrored) hero photo. */
[dir="rtl"] .hero-content { display: flex; flex-direction: column; align-items: flex-end; padding-left: var(--gutter); }
[dir="rtl"] .hero h1 { line-height: 1.35; text-transform: none; }
[dir="rtl"] .btn-start { margin: 6px 11px 0 0; }
[dir="rtl"] .btn-shop-float { right: auto; left: var(--gutter); }
[dir="rtl"] .btn-shop-float-wrap .btn-shop-float { right: auto; left: 0; }
[dir="rtl"] .on-sale-head .link-underline { right: auto; left: var(--gutter); }
[dir="rtl"] .carousel-arrow--prev img { transform: none; }
[dir="rtl"] .carousel-arrow--next img { transform: scaleX(-1); }
[dir="rtl"] .categories .section-title { padding-left: 0; padding-right: 49px; }
[dir="rtl"] .testimonials .section-title { padding-left: 0; padding-right: 10px; }
[dir="rtl"] .tp-name, [dir="rtl"] .tp-price { text-align: right; }
[dir="rtl"] .reels-title em { font-style: normal; font-weight: 800; font-family: inherit; }
[dir="rtl"] .reel-badge--pause { left: auto; right: 14px; }
[dir="rtl"] .reel-badge--sound { right: auto; left: 14px; }
[dir="rtl"] .reel-product, [dir="rtl"] .testimonial-link { direction: rtl; text-align: right; }
[dir="rtl"] .reel-product-name { text-align: right; }
[dir="rtl"] .reel-product-price { text-align: right; }
[dir="rtl"] .feature h3 { white-space: normal; }
@media (max-width: 767px) {
  [dir="rtl"] .hero-content { align-items: center; padding-left: 0; }
  [dir="rtl"] .categories .section-title, [dir="rtl"] .testimonials .section-title { padding-right: 0; }
}

/* ---------- cart bits ---------- */
[dir="rtl"] .ship-bar span { left: auto; right: 0; }
[dir="rtl"] .continue-link img, [dir="rtl"] .offer-btn img { transform: scaleX(-1); }

/* ---------- shop ---------- */
[dir="rtl"] .filter-option { text-align: right; }
[dir="rtl"] .price-slider { direction: ltr; }
/* Letter-spacing breaks Arabic letter joining. */
[dir="rtl"] .filter-group h2, [dir="rtl"] .main-nav { letter-spacing: 0; }
[dir="rtl"] .shop-search input { padding: 0 18px 0 52px; }
[dir="rtl"] .shop-search button { right: auto; left: 8px; }
[dir="rtl"] .shop-grid.is-list .product-card { padding: 8px 8px 8px 20px; }
[dir="rtl"] .shop-grid.is-list .pc-top { left: auto; right: 18px; }
[dir="rtl"] .shop-grid.is-list .pc-foot { align-items: flex-start; }
[dir="rtl"] .bar-field select { padding: 0 14px 0 34px; background-position: left 12px center; }
[dir="rtl"] .sort-menu { right: auto; left: 0; }

/* ---------- product ---------- */
[dir="rtl"] .pd-tablist button { text-align: right; }
[dir="rtl"] .pd-tablist button[aria-selected="true"]::after { left: -43px; right: 0; }
[dir="rtl"] .pd-tablist button:last-child[aria-selected="true"]::after { left: 0; right: -43px; }
@media (max-width: 767px) {
  [dir="rtl"] .pd-tablist button[aria-selected="true"]::after { left: -12px; right: 0; }
  [dir="rtl"] .pd-tablist button:last-child[aria-selected="true"]::after { left: 0; right: -12px; }
}

/* ---------- sign in / up ---------- */
[dir="rtl"] .auth-line::after { left: auto; right: 0; }
[dir="rtl"] .auth--register .auth-line::after { left: auto; right: 50%; }
[dir="rtl"] .input-wrap input[type="password"], [dir="rtl"] .input-wrap input[data-pw] { padding-right: 16px; padding-left: 52px; }
[dir="rtl"] .pw-toggle { right: auto; left: 18px; }
[dir="rtl"] .forgot { align-self: flex-start; }
[dir="rtl"] .phone-row { direction: ltr; }
[dir="rtl"] .phone-row input { text-align: left; }
[dir="rtl"] .otp-input { direction: ltr; }
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="tel"] { direction: ltr; text-align: right; }

/* ---------- brand pages / meet our brands ---------- */
[dir="rtl"] .brand-row-copy { padding: 30px 57px 30px 24px; }
@media (max-width: 767px) { [dir="rtl"] .brand-row-copy { padding: 20px 22px 24px; } }
[dir="rtl"] .auth-tabs a { width: auto; min-width: 121px; white-space: nowrap; font-size: 18px; }
@media (max-width: 767px) { [dir="rtl"] .auth-tabs a { font-size: 15px; } }

.reel-video-elem { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; z-index: 2; pointer-events: none; }


/* ---------- Contact Us Page RTL (Figma 2813:3581) ---------- */
[dir="rtl"] .contact-main { text-align: right; }
[dir="rtl"] .contact-hero { text-align: center; }
[dir="rtl"] .contact-card { text-align: right; }
[dir="rtl"] .card-icon-wrap { margin-left: 0; }
[dir="rtl"] .form-card-head { text-align: right; }
[dir="rtl"] .form-label { text-align: right; }
[dir="rtl"] .form-input,
[dir="rtl"] .form-textarea { text-align: right; }