/* ============================================================
   WOOD & PLEXI — RTL ARABIC STYLESHEET (PRODUCTION LUXURY)
   Modern Arabic Architectural Typography & Directional Layout
   ============================================================ */

/* ── ARABIC TYPOGRAPHY (LOADED VIA PRECONNECTED LINK IN HTML HEAD) ── */

:root {
  --wp-font-arabic-heading: 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --wp-font-arabic-body:    'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  --font-heading: var(--wp-font-arabic-heading);
  --font-display: var(--wp-font-arabic-heading);
  --font-body:    var(--wp-font-arabic-body);
}

html[dir="rtl"], body[dir="rtl"] {
  direction: rtl;
  text-align: right;
  font-family: var(--wp-font-arabic-body);
  letter-spacing: normal !important;
}

/* ── HEADINGS & TYPOGRAPHY OVERRIDES ────────────────────────── */
h1, h2, h3, h4, h5, h6,
.wp-title-large, .section-title, .hero-headline,
.nav-links a, .nav-mega-trigger, .footer-col h4,
.drawer-header h3, .sr-title-large, .category-name-heading,
.tl-title, .value-title, .pillar-title, .counter-num-big,
.modal-title, .card-title-text, .flagship-spec-item h4 {
  font-family: var(--wp-font-arabic-heading) !important;
  letter-spacing: normal !important;
}

/* Generous architectural line-height for Arabic typography to prevent any collisions */
[dir="rtl"] h1, [dir="rtl"] .about-hero h1, [dir="rtl"] .hero-headline {
  line-height: 1.34 !important;
}

[dir="rtl"] h2, [dir="rtl"] .wp-title-large, [dir="rtl"] .section-title, [dir="rtl"] .sr-title-large {
  line-height: 1.36 !important;
}

[dir="rtl"] h3, [dir="rtl"] .category-name-heading, [dir="rtl"] .card-title-text {
  line-height: 1.4 !important;
}

p, span, a, label, input, textarea, select, button,
.wp-subtitle, .hero-description, .footer-about, .footer-copy,
.showroom-address-p, .category-desc-p, .detail-block-value,
.modal-intro, .tl-desc, .value-desc, .pillar-desc {
  font-family: var(--wp-font-arabic-body) !important;
  letter-spacing: normal !important;
}

[dir="rtl"] p, [dir="rtl"] .hero-description, [dir="rtl"] .section-header p {
  line-height: 1.75 !important;
}

/* ── ICONS & ARROWS DIRECTION ──────────────────────────────── */
[dir="rtl"] .fa-arrow-right {
  transform: rotate(180deg);
  display: inline-block;
}
[dir="rtl"] .fa-chevron-right {
  transform: rotate(180deg);
  display: inline-block;
}
[dir="rtl"] .fa-chevron-left {
  transform: rotate(180deg);
  display: inline-block;
}

/* ── NAVIGATION BAR (RTL) ──────────────────────────────────── */
[dir="rtl"] .site-header-inner {
  flex-direction: row;
}

[dir="rtl"] .nav-brand {
  margin-right: 0;
  margin-left: 0;
}

[dir="rtl"] .nav-links {
  margin: 0 auto;
  justify-content: center;
}

[dir="rtl"] .nav-caret {
  margin-left: 0;
  margin-right: 6px;
}

[dir="rtl"] .nav-actions-right {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .nav-cta i {
  margin-left: 0 !important;
  margin-right: 8px !important;
}

[dir="rtl"] .lang-switch-btn {
  direction: ltr;
  font-family: 'Plus Jakarta Sans', -apple-system, sans-serif !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

/* Mega Menu Alignment (RTL) - Centered layout with natural Arabic reading flow */
[dir="rtl"] .mega-panel {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) translateY(10px) !important;
  text-align: right;
  grid-template-columns: 310px 1fr;
}

[dir="rtl"] .nav-item-mega.open .mega-panel,
[dir="rtl"] .nav-item-mega:hover .mega-panel {
  transform: translateX(-50%) translateY(0) !important;
}

[dir="rtl"] .mega-left {
  order: 2;
}

[dir="rtl"] .mega-featured {
  order: 1;
}

[dir="rtl"] .mega-featured-badge {
  left: auto;
  right: 10px;
}

[dir="rtl"] .mega-grid-item {
  text-align: right;
}

[dir="rtl"] .mega-all-link:hover {
  transform: translateX(-2px);
}

[dir="rtl"] .mega-all-link i,
[dir="rtl"] .mega-featured-btn i {
  transform: rotate(180deg);
}

/* ── DRAWER (CATALOG FORM) ─────────────────────────────────── */
[dir="rtl"] .wp-drawer {
  right: auto;
  left: 0;
  transform: translateX(-100%);
  text-align: right;
}
[dir="rtl"] .wp-drawer.open {
  transform: translateX(0);
}

[dir="rtl"] .drawer-close {
  right: auto;
  left: 20px;
}

[dir="rtl"] .form-group label {
  text-align: right;
}

[dir="rtl"] .form-group input,
[dir="rtl"] .form-group textarea,
[dir="rtl"] .form-group select {
  text-align: right;
  direction: rtl;
}

/* ── HERO & BREADCRUMBS ────────────────────────────────────── */
[dir="rtl"] .hero-actions {
  flex-direction: row;
}

[dir="rtl"] .process-hero-breadcrumb,
[dir="rtl"] .cat-hero-breadcrumb {
  left: 40px;
  right: auto;
}

[dir="rtl"] .section-tag::before {
  margin-right: 0;
  margin-left: 10px;
}

[dir="rtl"] .wp-eyebrow i {
  margin-right: 0;
  margin-left: 6px;
}

/* ── PRODUCT CARDS & BADGES ────────────────────────────────── */
[dir="rtl"] .flagship-badge {
  left: auto;
  right: 14px;
}


[dir="rtl"] .category-index-badge {
  left: auto;
  right: 16px;
}

[dir="rtl"] .fc-badge,
[dir="rtl"] #wp-about-page .fc-badge {
  right: auto !important;
  left: 20px !important;
  letter-spacing: 0 !important;
}

[dir="rtl"] #wp-about-page .feature-card {
  padding-top: 48px !important;
}

/* ── CLIENTS MARQUEE (RTL) ─────────────────────────────────── */
[dir="rtl"] .clients-marquee-wrapper {
  direction: ltr !important;
}

[dir="rtl"] .nav-logo-img {
  transform-origin: right center !important;
}

[dir="rtl"] .cat-label {
  padding-left: 0;
  padding-right: 16px;
  border-left: none;
  border-right: 3px solid var(--wp-orange, #e65a10);
}

[dir="rtl"] .modal-intro {
  border-left: none;
  border-right: 3.5px solid var(--wp-orange, #e65a10);
  padding-left: 0;
  padding-right: 18px;
}

[dir="rtl"] .modal-close {
  right: auto;
  left: 24px;
}

[dir="rtl"] .sr-hours-box {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 5px solid var(--wp-orange, #e65a10);
}

/* ── VALUES STRIP & QUALITY PILLARS ────────────────────────── */
[dir="rtl"] .value-item {
  border-right: none;
  border-left: 1px solid var(--wp-border-light, #e6e3dc);
}
[dir="rtl"] .value-item:last-child {
  border-left: none;
}

[dir="rtl"] .pillar-item {
  border-right: none;
  border-left: 1px solid var(--wp-border-dark, rgba(255, 255, 255, 0.08));
}
[dir="rtl"] .pillar-item:last-child {
  border-left: none;
}

/* ── TIMELINE IN ABOUT US ──────────────────────────────────── */
@media (min-width: 769px) {
  [dir="rtl"] .timeline-item.reveal-left .timeline-content {
    text-align: right;
  }
  [dir="rtl"] .timeline-item.reveal-right .timeline-content {
    text-align: right;
  }
}

/* ── FOOTER (RTL) ──────────────────────────────────────────── */
[dir="rtl"] #wp-new-footer {
  text-align: right;
}

[dir="rtl"] .footer-contact-item i {
  margin-right: 0;
  margin-left: 12px;
}

[dir="rtl"] .footer-social {
  justify-content: flex-start;
}

[dir="rtl"] .footer-bottom {
  flex-direction: row;
}

[dir="rtl"] .footer-badges {
  margin-right: auto;
  margin-left: 0;
}

/* ── SEARCH & FILTER INPUTS ────────────────────────────────── */
[dir="rtl"] .search-input-box i {
  left: auto;
  right: 18px;
}
[dir="rtl"] .search-input-box input {
  padding-left: 20px;
  padding-right: 46px;
  text-align: right;
}

/* ── SCROLL TO TOP ─────────────────────────────────────────── */
[dir="rtl"] #scrollTop {
  right: auto;
  left: 33px;
}

/* ── LIGHTBOX PRODUCT VIEWER (RTL) ─────────────────────────── */
[dir="rtl"] #productViewer .close-btn {
  right: auto;
  left: 20px;
}

/* ── RESPONSIVE MOBILE TWEAKS ──────────────────────────────── */
@media (max-width: 900px) {
  [dir="rtl"] .site-header-inner {
    padding: 0 16px;
  }
  [dir="rtl"] .nav-brand {
    margin-left: auto;
  }
  [dir="rtl"] .nav-actions-right {
    margin-right: 0;
  }
  [dir="rtl"] .nav-links {
    text-align: right;
  }
}

/* ── SMART WHATSAPP FAB & ROUTER MODAL (RTL) ──────────────── */
[dir="rtl"] .wp-fab-whatsapp {
  right: auto;
  left: 28px;
}

@media (max-width: 560px) {
  [dir="rtl"] .wp-fab-whatsapp {
    right: auto;
    left: 20px;
  }
  [dir="rtl"] #scrollTop {
    right: auto;
    left: 23px;
  }
}

[dir="rtl"] .wp-wa-close-btn {
  right: auto;
  left: 20px;
}

[dir="rtl"] .summary-spec-item .spec-val {
  text-align: left;
}