/* ===== RTL Overrides for Arabic Pages ===== */
/* Loaded AFTER style.css + product-page.css on pages with dir="rtl" */
/* dir="rtl" auto-handles: flex direction, grid flow, inline text */
/* This file handles: physical positioning, directional arrows, fonts */

/* --- Arabic Fonts (Cairo heading + Tajawal body) --- */
[dir="rtl"]{
  --font-heading:'Cairo',sans-serif;
  --font-body:'Tajawal',sans-serif;
}

/* Keep lang switcher in Latin font */
[dir="rtl"] .btn-lang,
[dir="rtl"] .mobile-menu-lang{
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* --- Mobile Menu: slide from LEFT in RTL --- */
[dir="rtl"] .mobile-menu{
  right:auto;
  left:-100%;
  transition:left var(--transition-smooth);
}
[dir="rtl"] .mobile-menu.active{
  left:0;
  right:auto;
}
[dir="rtl"] .mobile-menu-section a:hover{
  padding-left:16px;
  padding-right:24px;
}

/* --- Floating WhatsApp: move to LEFT --- */
[dir="rtl"] .floating-whatsapp{
  right:auto;
  left:32px;
}

/* --- Badges: flip to LEFT side --- */
[dir="rtl"] .product-badge{
  right:auto;
  left:16px;
}
[dir="rtl"] .gallery-badge{
  right:auto;
  left:24px;
}
[dir="rtl"] .hero-image-badge{
  right:auto;
  left:24px;
}
[dir="rtl"] .featured-card-badge{
  right:auto;
  left:16px;
}

/* --- Arrow/Chevron SVGs: flip direction --- */
[dir="rtl"] .btn-gold svg,
[dir="rtl"] .btn-outline svg,
[dir="rtl"] .cat-card-arrow svg,
[dir="rtl"] .product-card-link svg,
[dir="rtl"] .search-result-arrow,
[dir="rtl"] .btn-quote-elegant svg,
[dir="rtl"] .fabric-view-all svg,
[dir="rtl"] .fabric-more svg,
[dir="rtl"] .page-hero--media .page-hero-cta svg{
  transform:scaleX(-1);
}

/* --- Lightbox Nav: swap prev/next --- */
[dir="rtl"] .lightbox-prev{
  left:auto;
  right:20px;
}
[dir="rtl"] .lightbox-next{
  right:auto;
  left:20px;
}

/* --- Back to Top: move to LEFT --- */
[dir="rtl"] .back-to-top{
  right:auto;
  left:24px;
}

/* --- Footer link hover indent --- */
[dir="rtl"] .footer-col a:hover{
  padding-left:0;
  padding-right:8px;
}

/* --- Spec table alignment --- */
[dir="rtl"] .spec-item .value,
[dir="rtl"] .spec-row-luxury .spec-value{
  text-align:left;
}
[dir="rtl"] .spec-item .label,
[dir="rtl"] .spec-row-luxury .spec-label{
  text-align:right;
}

/* --- FAQ --- */
[dir="rtl"] .faq-question{
  text-align:right;
}
[dir="rtl"] .faq-question h4{
  padding-right:0;
  padding-left:24px;
}

/* --- Compare checkbox: flip to RIGHT --- */
[dir="rtl"] .compare-checkbox{
  left:auto;
  right:16px;
}

/* --- Product card name underline --- */
[dir="rtl"] .product-card-name::after{
  left:auto;
  right:0;
  background:linear-gradient(270deg,var(--color-gold),transparent);
}

/* --- Price line --- */
[dir="rtl"] .product-card-price::before{
  order:1;
}

/* --- Bespoke badge border: flip side --- */
[dir="rtl"] .bespoke-badge{
  border-right:none;
  border-left:1px solid rgba(202,138,4,0.15);
}

/* --- Quote button hover: flip expand direction --- */
[dir="rtl"] .btn-quote-elegant:hover{
  padding-right:28px;
  padding-left:32px;
}

/* --- Video play button: flip margin --- */
[dir="rtl"] .video-play-btn svg,
[dir="rtl"] .video-overlay .video-play-btn svg{
  margin-left:0;
  margin-right:3px;
}

/* --- Gallery decorative corners: mirror --- */
[dir="rtl"] .gallery-main::before{
  left:auto;
  right:24px;
  border-left:none;
  border-right:1px solid rgba(202,138,4,0.3);
  border-bottom:none;
  border-top:none;
}
[dir="rtl"] .gallery-main::after{
  right:auto;
  left:24px;
  border-right:none;
  border-left:1px solid rgba(202,138,4,0.3);
  border-top:none;
  border-bottom:none;
}
[dir="rtl"] .gallery-main:hover::before,
[dir="rtl"] .gallery-main:hover::after{
  border-color:rgba(202,138,4,0.5);
}

/* --- Story image decorative corners: mirror --- */
[dir="rtl"] .story-image::before{
  left:auto;
  right:-20px;
  border-left:none;
  border-right:1px solid rgba(202,138,4,0.3);
  border-bottom:none;
  border-top:none;
}
[dir="rtl"] .story-image::after{
  right:auto;
  left:-20px;
  border-right:none;
  border-left:1px solid rgba(202,138,4,0.3);
  border-top:none;
  border-bottom:none;
}

/* --- Product card decorative corners: mirror --- */
[dir="rtl"] .product-card-img-wrap::before{
  left:auto;
  right:16px;
  border-left:none;
  border-right:1px solid rgba(107,71,47,0);
  border-bottom:none;
}
[dir="rtl"] .product-card-img-wrap::after{
  right:auto;
  left:16px;
  border-right:none;
  border-left:1px solid rgba(107,71,47,0);
  border-top:none;
}

/* --- Placeholder corner accents: mirror --- */
[dir="rtl"] .placeholder-img .corner-accent.tl{
  left:auto;right:12px;
  border-left:none;border-right:1px solid rgba(107,71,47,0.2);
}
[dir="rtl"] .placeholder-img .corner-accent.tr{
  right:auto;left:12px;
  border-right:none;border-left:1px solid rgba(107,71,47,0.2);
}
[dir="rtl"] .placeholder-img .corner-accent.bl{
  left:auto;right:12px;
  border-left:none;border-right:1px solid rgba(107,71,47,0.2);
}
[dir="rtl"] .placeholder-img .corner-accent.br{
  right:auto;left:12px;
  border-right:none;border-left:1px solid rgba(107,71,47,0.2);
}

/* --- Specs heading line: flip gradient --- */
[dir="rtl"] .specs-table-luxury h3::after,
[dir="rtl"] .specs-header::after{
  background:linear-gradient(270deg,var(--color-border),transparent);
}

/* --- Schedule items (contacts page) --- */
[dir="rtl"] .schedule-item span:first-child{
  text-align:left;
}
[dir="rtl"] .schedule-item span:last-child{
  text-align:right;
}

/* --- Search result arrow hover --- */
[dir="rtl"] .search-result:hover .search-result-arrow{
  transform:scaleX(-1) translateX(4px);
}

/* --- Zoom hint: flip position --- */
[dir="rtl"] .product-zoom-hint{
  right:auto;
  left:24px;
}

/* --- Product main image border accent --- */
[dir="rtl"] .product-main-image::before{
  inset:20px;
}

/* ===== Mobile Overrides ===== */
@media (max-width:768px){
  [dir="rtl"] .floating-whatsapp{
    left:20px;
    right:auto;
  }
  [dir="rtl"] .back-to-top{
    left:16px;
    right:auto;
  }
  [dir="rtl"] .gallery-badge{
    left:12px;
    right:auto;
  }
  [dir="rtl"] .footer-col a:hover{
    padding-left:0;
    padding-right:6px;
  }
  [dir="rtl"] .gallery-main::before{
    right:12px;
  }
  [dir="rtl"] .gallery-main::after{
    left:12px;
  }
  [dir="rtl"] .bespoke-badge{
    border-left:none;
    border-bottom:1px solid rgba(202,138,4,0.15);
  }
}

@media (max-width:480px){
  [dir="rtl"] .faq-question h4{
    padding-left:16px;
  }
}