/**
 * RTL (Right-to-Left) Overrides for Arabic/Hebrew
 * Applied when html[dir="rtl"]
 */

/* ===== SLICK SLIDER RTL FIX ===== */
/* Hero fade slider: slick uses negative left offsets to stack slides (position: relative)
   so we must NOT override left. Instead, set direction:ltr so slick calculates correctly. */
html[dir="rtl"] .hero3-slick-slider {
    direction: ltr;
}

/* Prevent RTL float:right from slick-slider.css on hero fade slides */
html[dir="rtl"] .hero3-slick-slider .slick-slide {
    float: left !important;
}

/* ===== GENERAL TEXT ALIGNMENT ===== */
html[dir="rtl"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .text-right {
    text-align: left !important;
}

/* ===== ICON SPACING FOR RTL ===== */
html[dir="rtl"] .fa-solid.fa-angle-right {
    transform: scaleX(-1);
}

html[dir="rtl"] .fa-solid.fa-arrow-right {
    transform: scaleX(-1);
}

/* ===== BREADCRUMB SEPARATOR ===== */
html[dir="rtl"] .inner-header span i.fa-angle-right {
    transform: scaleX(-1);
    margin: 0 8px;
}

/* ===== ACCORDION FIX ===== */
html[dir="rtl"] .accordion-button::after {
    margin-left: 0;
    margin-right: auto;
}

/* ===== FORM INPUTS ===== */
html[dir="rtl"] .input-area input,
html[dir="rtl"] .input-area textarea,
html[dir="rtl"] .input-area select {
    text-align: right;
}

/* ===== COUNTER BOXES ===== */
html[dir="rtl"] .counter-boxarea {
    text-align: center;
}

/* ===== FOOTER ===== */
html[dir="rtl"] .footer-widget-area ul li a {
    text-align: right;
}

/* ===== CTA SECTION ===== */
html[dir="rtl"] .cta3-section .heading1 {
    text-align: right;
}

/* ===== NICE SELECT RTL ===== */
html[dir="rtl"] .nice-select {
    text-align: right;
    padding-left: 38px;
    padding-right: 18px;
}

html[dir="rtl"] .nice-select:after {
    right: auto;
    left: 12px;
}

/* ===== TESTIMONIAL ARROWS ===== */
html[dir="rtl"] .testimonial-arrows {
    direction: ltr;
}

/* ===== INDUSTRIES SECTION ARROWS RTL ===== */
/* In LTR, arrows are at right:0. In RTL, move to left:0 so they don't overlap heading */
html[dir="rtl"] .project3 .project-arrow-area .testimonial-arrows {
    right: auto;
    left: 0;
}

/* ===== MEGA MENU ===== */
html[dir="rtl"] .vl-products-mega-menu {
    text-align: right;
}

html[dir="rtl"] .pmm-col ul li a i.fa-angle-right {
    transform: scaleX(-1);
    margin-left: 6px;
    margin-right: 0;
}