/* ============================================================
   AXEVET — RTL-Specific Overrides
   For WordPress child theme compatibility
   ============================================================ */

/* ── Base RTL ── */
html[dir="rtl"] body,
body {
  direction: rtl;
  text-align: right;
}

/* ── Form Elements ── */
.form-select {
  background-position: left 16px center; /* Dropdown arrow on left in RTL */
  padding-left: 40px;
  padding-right: 16px;
}

/* ── Breadcrumb Arrows ── */
.breadcrumb .separator {
  display: inline-block;
  transform: scaleX(-1); /* Mirror for RTL */
}

/* ── Link Arrows ── */
.link-arrow svg {
  transform: scaleX(-1);
}

.link-arrow:hover svg {
  transform: scaleX(-1) translateX(-4px);
}

/* ── Directional Icons ── */
[class*="icon-arrow-right"],
[class*="icon-arrow-left"],
[class*="icon-chevron-right"],
[class*="icon-chevron-left"] {
  transform: scaleX(-1);
}

/* ── Slider Arrows ── */
.hero-arrow--next svg {
  transform: scaleX(-1);
}

.hero-arrow--prev svg {
  transform: scaleX(1); /* Normal in RTL since left is forward */
}

/* ── Search Icon Position ── */
.search-bar .search-icon {
  left: 18px;
  right: auto;
}

.search-bar input {
  padding-left: 56px;
  padding-right: 24px;
}

/* ── Navigation Flow ── */
.main-nav {
  direction: rtl;
}

/* ── Mega Menu Position ── */
.mega-menu {
  right: 0;
  left: auto;
}

/* ── Footer Flow ── */
.footer-grid {
  direction: rtl;
}

/* ── Social Icons ── */
.footer-social {
  direction: rtl;
}

/* ── Timeline (RTL) ── */
@media (min-width: 1200px) {
  .timeline {
    direction: rtl;
  }
}

@media (max-width: 1199px) {
  .timeline {
    padding-right: var(--space-lg);
    padding-left: 0;
  }

  .timeline::before {
    right: 30px;
    left: auto;
  }

  .timeline-item {
    text-align: right;
    padding-right: var(--space-lg);
    padding-left: 0;
  }

  .timeline-dot {
    right: -42px;
    left: auto;
  }
}

/* ── Product Detail Gallery ── */
.product-gallery .thumbnails {
  direction: rtl;
}

/* ── Tabs ── */
.tabs-nav {
  direction: rtl;
}

/* ── Filter Panel ── */
.filter-checkbox {
  direction: rtl;
}

/* ── Contact Info Cards ── */
.contact-info-card {
  direction: rtl;
}

/* ── Blog Card Meta ── */
.blog-card .blog-category {
  right: var(--space-sm);
  left: auto;
}

/* ── Pagination ── */
.pagination {
  direction: rtl;
}

/* ── WordPress Elementor Compatibility ── */
.elementor-widget-wrap,
.elementor-column-wrap,
.elementor-widget-container {
  direction: rtl;
  text-align: right;
}

.elementor-heading-title {
  text-align: right;
}

/* ── WooCommerce RTL Fixes ── */
.woocommerce .products {
  direction: rtl;
}

.woocommerce-result-count,
.woocommerce-ordering {
  direction: rtl;
  text-align: right;
}

/* ── Elementor Form RTL ── */
.elementor-form .elementor-field-group {
  direction: rtl;
  text-align: right;
}