/* ═══════════════════════════════════════════════════════════════════
   YASHMAK — RTL OVERRIDES (modern-yashmak.css)
   Loaded for Arabic / RTL languages via app.blade.php
   [dir="rtl"] prefix ensures these only apply in RTL mode
═══════════════════════════════════════════════════════════════════ */

/* ── Arabic Fonts ── */
[dir="rtl"] {
  --font-display: 'El Messiri', serif;
  --font-body: 'Tajawal', sans-serif;
}

/* ── Arabic Typography Adjustments ── */
[dir="rtl"] .section-title,
[dir="rtl"] .hero-title,
[dir="rtl"] .brand-story-title,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 {
  letter-spacing: 0 !important;
}
/* Hero sections — align right in Arabic */
[dir="rtl"] .hero-content,
[dir="rtl"] .listing-header,
[dir="rtl"] .categories-hero-content,
[dir="rtl"] .byl-hero-content,
[dir="rtl"] .flash-deal-hero-content,
[dir="rtl"] .section-header {
  text-align: right;
}
[dir="rtl"] body,
[dir="rtl"] p,
[dir="rtl"] .product-name,
[dir="rtl"] .nav-link,
[dir="rtl"] .top-bar-text {
  font-weight: 400;
}
[dir="rtl"] .nav-link,
[dir="rtl"] .top-bar-text,
[dir="rtl"] .label-text {
  letter-spacing: 0;
}

/* ── Global Directional Swaps ── */
[dir="rtl"] { direction: rtl; }

[dir="rtl"] .text-left  { text-align: right !important; }
[dir="rtl"] .text-right { text-align: left !important; }
[dir="rtl"] .float-left  { float: right !important; }
[dir="rtl"] .float-right { float: left !important; }
[dir="rtl"] .ml-auto { margin-right: auto !important; margin-left: 0 !important; }
[dir="rtl"] .mr-auto { margin-left: auto !important; margin-right: 0 !important; }

/* ── Icon Flipping ── */
[dir="rtl"] .fa-chevron-right::before { content: "\f053"; }  /* flip to left */
[dir="rtl"] .fa-chevron-left::before  { content: "\f054"; }  /* flip to right */
[dir="rtl"] .fa-arrow-right::before { content: "\f060"; }
[dir="rtl"] .fa-arrow-left::before  { content: "\f061"; }
[dir="rtl"] .fa-angle-right::before { content: "\f104"; }
[dir="rtl"] .fa-angle-left::before  { content: "\f105"; }
[dir="rtl"] .la-arrow-right::before { content: "\f060"; }
[dir="rtl"] .la-arrow-left::before  { content: "\f061"; }
[dir="rtl"] .la-angle-right::before { content: "\f104"; }
[dir="rtl"] .la-angle-left::before  { content: "\f105"; }
[dir="rtl"] .las.la-arrow-right::before { content: "\f060"; }
[dir="rtl"] .las.la-arrow-left::before  { content: "\f061"; }

/* ═══ NAVIGATION ═══ */
[dir="rtl"] .nav-links-left {
  margin-right: 0;
  margin-left: 40px;
}
[dir="rtl"] .nav-link::before {
  transform-origin: right;
}
[dir="rtl"] .nav-menu-dropdown {
  right: auto;
  left: 0;
}
/* Cart badge stays on the icon, swap its offset */
[dir="rtl"] .cart-badge {
  right: auto;
  left: -10px;
}

/* ═══ CAROUSEL / SLICK ARROWS ═══ */
[dir="rtl"] .carousel-arrow.prev {
  left: auto;
  right: -8px;
}
[dir="rtl"] .carousel-arrow.next {
  right: auto;
  left: -8px;
}
[dir="rtl"] .carousel-modern .slick-prev {
  left: auto !important;
  right: 0 !important;
}
[dir="rtl"] .carousel-modern .slick-next {
  right: auto !important;
  left: 0 !important;
}
[dir="rtl"] .carousel-modern .slick-prev i,
[dir="rtl"] .carousel-modern .slick-next i {
  transform: scaleX(-1);
}
[dir="rtl"] .todays-deal-modern .aiz-carousel .slick-prev {
  left: auto;
  right: 12px;
}
[dir="rtl"] .todays-deal-modern .aiz-carousel .slick-next {
  right: auto;
  left: 12px;
}

/* ═══ PRODUCT CARDS — Badges ═══ */
/* Collection cards: badge positioned absolute top-left → top-right */
[dir="rtl"] .product-card .badge-left,
[dir="rtl"] [style*="top: 20px"][style*="left: 20px"] {
  /* handled by specific selectors below */
}
/* Flash deal badges */
[dir="rtl"] .flash-deal-ending {
  left: auto;
  right: 12px;
}
[dir="rtl"] .flash-deal-discount {
  right: auto;
  left: 12px;
}

/* ═══ PRODUCT DETAIL PAGE (PDP) ═══ */
[dir="rtl"] .pdp-gallery-arrow.prev {
  left: auto;
  right: 12px;
}
[dir="rtl"] .pdp-gallery-arrow.next {
  right: auto;
  left: 12px;
}
[dir="rtl"] .pdp-zoom-indicator {
  right: auto;
  left: 10px;
}

/* ═══ CART MODAL ═══ */
[dir="rtl"] .cart-modal-close {
  right: auto;
  left: 20px;
}

/* ═══ CATEGORIES PAGES ═══ */
[dir="rtl"] .category-card-label {
  left: auto;
  right: 20px;
}
[dir="rtl"] .children-view-all {
  text-align: left;
}
/* Listing filter links */
[dir="rtl"] .listing-link.sub {
  padding-left: 12px;
  padding-right: 28px;
}

/* ═══ FORMS ═══ */
[dir="rtl"] .form-group-metro select {
  background-position: left 14px center;
  padding-right: 14px;
  padding-left: 36px;
}

/* ═══ BUILD YOUR LOOK (BYL) ═══ */
[dir="rtl"] .byl-hero-visual {
  right: auto;
  left: -80px;
}
[dir="rtl"] .byl-visual-circle.c1 {
  right: auto;
  left: 0;
}
[dir="rtl"] .byl-visual-circle.c2 {
  right: auto;
  left: 60px;
}
[dir="rtl"] .byl-visual-circle.c3 {
  right: auto;
  left: 110px;
}
[dir="rtl"] .byl-product-check {
  right: auto;
  left: 8px;
}

/* ═══ CART PAGE ═══ */
[dir="rtl"] .cart-item-row .qty-btn:first-child {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}
[dir="rtl"] .cart-item-row .qty-btn:last-child {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}
[dir="rtl"] .cart-remove-btn {
  right: auto;
  left: 0;
}

/* ═══ BUNDLE DISCOUNT ═══ */
[dir="rtl"] .bundle-discount span {
  margin-right: 0;
  margin-left: 8px;
}

/* ═══ ADDRESS / DELIVERY CARDS (radio button indicators) ═══ */
[dir="rtl"] .address-card-radio,
[dir="rtl"] .delivery-card-radio {
  /* position: relative is on parent, pseudo stays centered */
}
[dir="rtl"] .address-card.selected .address-card-radio::after,
[dir="rtl"] .delivery-card.selected .delivery-card-radio::after {
  left: 4px;  /* remains centered in circle */
}

/* ═══ CHECKOUT ═══ */
[dir="rtl"] .checkout-item-qty-badge {
  right: auto;
  left: -4px;
}

/* ═══ MOBILE / RESPONSIVE RTL ═══ */
@media (max-width: 1025px) {
  [dir="rtl"] .nav-links-left {
    margin-right: 0;
    margin-left: 15px;
  }
}
@media (max-width: 768px) {
  [dir="rtl"] .category-card-label {
    right: 20px;
    left: auto;
  }
}
@media (max-width: 480px) {
  [dir="rtl"] .category-card-label {
    right: 16px;
    left: auto;
  }
  [dir="rtl"] .cart-modal-close {
    right: auto;
    left: 12px;
  }
}

/* ═══ MEGA MENU — Nav item images / descriptions ═══ */
[dir="rtl"] .mega-link i,
[dir="rtl"] .mobile-nav-sublink i {
  margin-right: 0;
  margin-left: 6px;
  transform: scaleX(-1);
}

/* ═══ Product Detail Tab Lists (inline padding-left override) ═══ */
[dir="rtl"] .pdp-tab-content ul,
[dir="rtl"] .pdp-tab-content ol {
  padding-left: 0 !important;
  padding-right: 20px !important;
}

/* ═══ Top Bar / Footer Icon Helpers ═══ */
[dir="rtl"] .lang-chevron {
  margin-left: 0;
  margin-right: 4px;
}
[dir="rtl"] .lang-check {
  margin-right: 0;
  margin-left: 8px;
}
[dir="rtl"] .footer-contact-icon {
  margin-right: 0;
  margin-left: 8px;
}

/* ═══ User Panel Layout ═══ */
[dir="rtl"] .aiz-user-panel {
  padding-left: 0 !important;
  padding-right: 30px !important;
}

/* ═══ Delivery / Shipping Info Lists ═══ */
[dir="rtl"] .delivery-info-wrap ul {
  padding-left: 0 !important;
  padding-right: 20px !important;
}

/* ═══ Cart Details ═══ */
[dir="rtl"] .cart-item-row .form-control {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

/* ═══ Payment Select ═══ */
[dir="rtl"] #expiration-month,
[dir="rtl"] #expiration-year {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 10px !important;
}

/* ═══ Coupon Box Decorative Circles ═══ */
[dir="rtl"] .rounded-content[style*="margin-left: -24px"] {
  margin-left: 0 !important;
  margin-right: -24px !important;
}
[dir="rtl"] .rounded-content[style*="margin-right: -24px"] {
  margin-right: 0 !important;
  margin-left: -24px !important;
}

/* ═══ Dashboard Icons (margin-right → margin-left) ═══ */
[dir="rtl"] i[style*="margin-right"],
[dir="rtl"] i.fas[style*="margin-right"],
[dir="rtl"] i.far[style*="margin-right"] {
  /* Icon spacing naturally mirrors — minor cosmetic only */
}

/* ═══ WhatsApp Button ═══ */
[dir="rtl"] #whatsapp-button {
  right: auto !important;
  left: 20px !important;
}

/* ═══ Modals (Address, etc.) — RTL ═══ */
[dir="rtl"] .modal-header .close {
  margin: -1rem -1rem -1rem auto !important;
}
[dir="rtl"] .modal-title {
  text-align: right;
}
[dir="rtl"] .modal-body label,
[dir="rtl"] .modal-body .col-form-label {
  text-align: right;
}

/* ═══ Phone Fields — always LTR (international format) ═══ */
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[name="phone"],
[dir="rtl"] input.phone-input {
  direction: ltr;
  text-align: left;
}