/* ========================================
   style-en.css
   English (LTR) overrides only
   ======================================== */

/* Only import fonts (needed for English fallback) */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap");

/* ========================================
   DIRECTION & TEXT ALIGNMENT
   ======================================== */

body {
  direction: ltr;
  text-align: left;
}

/* ========================================
   BREADCRUMB BAR (Rounded corners swapped)
   ======================================== */

.breadcrumb-bar {
  border-radius: 0 20px 20px 0;
}

/* ========================================
   LANGUAGE SWITCH - RTL adjustments
   ======================================== */

html[dir="rtl"] .lang-switch-single {
  flex-direction: row-reverse;
}

html[dir="rtl"] .lang-switch-single:hover .lang-globe {
  transform: rotate(-30deg) scale(1.1);
}

html[dir="rtl"] .lang-mobile-arrow {
  margin-inline-start: 0;
  margin-inline-end: auto;
}

html[dir="rtl"] .lang-switch-mobile:hover .lang-mobile-arrow {
  transform: translateX(4px);
}

/* ========================================
   WISHLIST DRAWER - RTL adjustments
   ======================================== */

html[dir="rtl"] .wishlist-drawer {
  right: auto;
  left: -420px;
  border-left: none;
  border-right: 1.5px solid var(--border-light);
}

html[dir="rtl"] .wishlist-drawer.open {
  right: auto;
  left: 0;
}

html[dir="rtl"] .wishlist-item {
  border-right: none;
  border-left: 3px solid var(--coral);
  padding-right: 14px;
  padding-left: 16px;
}

html[dir="rtl"] .wishlist-item::before {
  right: auto;
  left: 6px;
}

@media (max-width: 575.9px) {
  html[dir="rtl"] .wishlist-drawer {
    left: -100%;
  }

  html[dir="rtl"] .wishlist-drawer.open {
    left: 0;
  }
}

/* ========================================
   DEPARTMENTS PAGE - RTL CTA hover
   ======================================== */

html[dir="rtl"] .dept-row__cta:hover {
  transform: translateX(4px);
}

/* ========================================
   SEARCH OVERLAY (LTR direction for input)
   ======================================== */

.search-overlay__input {
  direction: ltr;
}

.search-overlay__icon {
  right: auto;
  left: 16px;
}

.search-overlay__clear {
  left: auto;
  right: 12px;
}

.search-overlay__close {
  top: -14px;
  right: -14px;
  left: auto;
}

/* ========================================
   PRODUCT DETAILS - Description title
   ======================================== */

.desc-about-title {
  text-align: left;
}

/* ========================================
   FOOTER HEADING underline (left instead of right)
   ======================================== */

.footer-heading::after {
  left: 0;
  right: auto;
}

/* ========================================
   FOOTER LINKS (arrow direction & hover)
   ======================================== */

.footer-links {
  margin-left: -15px;
  margin-right: 0;
}

.footer-links li a::before {
  content: "\f061";
}

.footer-links li a:hover {
  transform: translateX(5px);
}

/* ========================================
   FLOATING CONTACT (left side for LTR)
   ======================================== */

.float-contact-stack {
  left: auto;
  right: 20px;
}

/* Tooltip direction */
.wa-tooltip,
.float-phone-tooltip {
  left: 58px;
  right: auto;
}

/* ========================================
   SCROLL TOP (right side for LTR)
   ======================================== */

.scroll-top {
  left: 24px;
  right: auto;
}

/* ========================================
   CART DRAWER (right side for LTR)
   ======================================== */

.cart-drawer {
  right: -420px;
  left: auto;
}

.cart-drawer.open {
  right: 0;
  left: auto;
}

@media (max-width: 767.9px) {
  .cart-drawer {
    right: -100%;
    left: auto;
  }

  .cart-drawer.open {
    right: 0;
    left: auto;
  }
}

/* ========================================
   CART BADGE position (right for LTR)
   ======================================== */

.cart-badge {
  right: -6px;
  left: auto;
}

/* ========================================
   HERO SLIDE content (text aligned left)
   ======================================== */

.slide-content p {
  margin-left: 0;
  margin-right: auto;
}

/* ========================================
   PRODUCT BADGE (right for LTR)
   ======================================== */

.prod-badge {
  right: 12px;
  left: auto;
}

/* ========================================
   WISHLIST REMOVE BUTTON (left for LTR)
   ======================================== */

.wishlist-remove-btn {
  left: 10px;
  right: auto;
}

@media (max-width: 575.9px) {
  .wishlist-remove-btn {
    left: 8px;
    right: auto;
  }
}

/* ========================================
   SECTION HEADER paragraph (center aligned)
   ======================================== */

.section-header p {
  margin-left: auto;
  margin-right: auto;
}

/* ========================================
   NAVBAR - Brand margin (RTL fix)
   ======================================== */

@media (max-width: 575.9px) {
  .navbar-brand {
    margin-right: 0;
  }
}

.me-2 {
  margin-left: .5rem !important;
  margin-right: auto !important;
}

.me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}