/* ═══════════════════════════════════════════
   ALMASAYEL – RTL OVERRIDES
   Loaded only when is_rtl() (Arabic … ).
   The page already gets dir="rtl" via language_attributes(),
   so most flow/alignment flips automatically. Here we only fix
   the explicit physical properties used in the LTR stylesheets.
   ═══════════════════════════════════════════ */

/* ═══════════════════════════════════════════
   ARABIC FONT – Almarai for the whole site
   (icons like dashicons / eicon / FontAwesome are
   intentionally NOT targeted so they keep working)
   ═══════════════════════════════════════════ */
body,
h1, h2, h3, h4, h5, h6,
p, a, li, label, blockquote, figcaption,
em, strong, b, small, th, td, dt, dd,
input, select, textarea, button, optgroup,
.alm-btn,
.elementor-widget-container,
.elementor-heading-title,
.elementor-button,
.elementor-widget-text-editor {
  font-family: 'Almarai', 'Segoe UI', Tahoma, sans-serif !important;
}

/* ── Header ── */
.alm-burger {
  margin-right: 0;
  margin-left: 8px;
}
.alm-cart-count {
  right: auto;
  left: -4px;
}

/* ── Mobile nav (slide from the right in RTL) ── */
.alm-mobile-nav-panel {
  left: auto;
  right: 0;
  transform: translateX(100%);
}
.alm-mobile-nav.open .alm-mobile-nav-panel {
  transform: translateX(0);
}

/* ── Floating action buttons (move to the left) ── */
.alm-float-stack {
  right: auto;
  left: 24px;
  align-items: flex-start;
}

/* ── Hero ── */
/* flip background image horizontally for Arabic/RTL */
.alm-hero-bg--image {
  transform: scaleX(-1);
}
.alm-hero-swiper .swiper-slide-active .alm-hero-bg--image {
  transform: scale(-1.06, 1.06);
}
.alm-hero-desc {
  margin-left: auto;
  margin-right: 0;
}
/* arrow icons inside buttons point the other way */
.alm-btn svg {
  transform: scaleX(-1);
}

/* ── Target customers cards ── */
.alm-target-card {
  text-align: right;
}

/* ── Footer links arrow ── */
.alm-footer-links a::before {
  content: '←';
  transform: translateX(4px);
}
.alm-footer-links a:hover {
  padding-left: 0;
  padding-right: 4px;
}
.alm-footer-links a:hover::before {
  transform: translateX(0);
}

/* ── Single product: specifications + description lists ── */
.alm-sp-spec-val {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}
.alm-sp-fulldesc ul,
.alm-sp-fulldesc ol {
  margin: 0 4px 18px 0;
}
.alm-sp-fulldesc ul li,
.alm-sp-fulldesc ol li {
  padding-left: 0;
  padding-right: 28px;
}
.alm-sp-fulldesc ul li::before,
.alm-sp-fulldesc ol li::before {
  left: auto;
  right: 0;
}

/* ── Responsive flips ── */
@media (max-width: 768px) {
  .alm-sp-spec-val {
    margin-left: 0;
    margin-right: 48px;
  }
}

/* ── Shop sidebar (RTL) ── */
.alm-shop-control select {
  background-position: left 10px center;
  padding: 8px 12px 8px 32px;
}

@media (max-width: 1024px) {
  .alm-shop-sidebar {
    left: auto;
    right: 0;
    transform: translateX(105%);
    box-shadow: -4px 0 30px rgba(0, 0, 0, 0.15);
  }

  .alm-shop-sidebar.is-mobile-open {
    transform: translateX(0);
  }
}