/*
 * rtl.css — Complete RTL overrides for the client theme
 * Loaded ONLY when the active language is RTL (Arabic, Hebrew, etc.)
 * via the conditional <?php if ($__isRTL): ?> block in views/client/header.php
 *
 * ICON POLICY:
 * [MIRROR]  directional icons (arrows, chevrons) — position swapped or content changed
 * [KEEP]    functional/logo icons — never flipped (fa-search, fa-heart, logos, avatars, etc.)
 */

/* ═══════════════════════════════════════════════════
   BASE
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .form-control {
    text-align: right;
}
html[dir="rtl"] .text-right { text-align: left  !important; }
html[dir="rtl"] .text-left  { text-align: right !important; }
html[dir="rtl"] .breadcrumb { direction: rtl; }
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item { padding-right: 0.5rem; padding-left: 0; }
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before { float: right; padding-right: 0; padding-left: 0.5rem; }
html[dir="rtl"] .flatpickr-calendar { direction: rtl; }

/* ═══════════════════════════════════════════════════
   NICE-SELECT DROPDOWNS
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .nice-select { text-align: right !important; padding-right: 18px; padding-left: 30px; }
html[dir="rtl"] .nice-select::after { left: 12px; right: auto; }
html[dir="rtl"] .nice-select .list { left: auto; right: 0; text-align: right; }

/* ═══════════════════════════════════════════════════
   BACK-TO-TOP BUTTON
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .backtop { left: 20px; right: auto; }

/* ═══════════════════════════════════════════════════
   HEADER TOP BAR
   ═══════════════════════════════════════════════════ */
/* [KEEP] currency & language icons */
html[dir="rtl"] .header-select i { margin-right: 0; margin-left: 8px; }
html[dir="rtl"] .header-top-list { justify-content: flex-start; }
html[dir="rtl"] .header-top-list li { margin-left: 0; margin-right: 35px; }
html[dir="rtl"] .header-top-list li:first-child { margin-right: 0; }

/* ═══════════════════════════════════════════════════
   HEADER MIDDLE (logo + search + widgets)
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .header-logo { margin-right: 0; margin-left: 50px; }
html[dir="rtl"] .header-form input { padding-left: 0; padding-right: 15px; text-align: right; }
html[dir="rtl"] .header-widget-group .header-widget { margin-left: 0; margin-right: 20px; }
html[dir="rtl"] .header-widget-group .header-widget:first-child { margin-right: 0; }
html[dir="rtl"] .header-widget span { margin-left: 0; margin-right: 8px; text-align: right; }
html[dir="rtl"] .header-widget sup { left: auto; right: 20px; }
html[dir="rtl"] .header-cart span { margin-left: 0; margin-right: 15px; }

/* ═══════════════════════════════════════════════════
   NAVBAR
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .navbar-item { margin-right: 0; margin-left: 30px; }
html[dir="rtl"] .navbar-item:last-child { margin-left: 0; }
html[dir="rtl"] .navbar-focus-list { justify-content: flex-start; }
html[dir="rtl"] .navbar-focus-list li { margin-left: 0; margin-right: 30px; }
html[dir="rtl"] .navbar-focus-list li:first-child { margin-right: 0; }
/* [MIRROR] directional icons in focus links */
html[dir="rtl"] .navbar-focus-list li a i { margin-right: 0; margin-left: 5px; }
html[dir="rtl"] .navbar-info { margin-right: 0; margin-left: 30px; }
html[dir="rtl"] .navbar-info:last-child { margin-left: 0; }
/* [KEEP] contact icons (phone/mail) */
html[dir="rtl"] .navbar-info i { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] .navbar-info p small { text-align: right; }

/* ═══════════════════════════════════════════════════
   DROPDOWN ARROWS
   ═══════════════════════════════════════════════════ */
/* [MIRROR] IcoFont dropdown indicator */
html[dir="rtl"] .dropdown-arrow { padding-right: 0 !important; padding-left: 18px !important; }
html[dir="rtl"] .dropdown-arrow::before { right: auto; left: 0; transform: translateY(-50%) scaleX(-1); }
/* [MIRROR] Font Awesome chevron */
html[dir="rtl"] .dropdown-link::before { right: auto; left: 18px; content: "\f053"; }
html[dir="rtl"] .dropdown-link.active::before { transform: translateY(-50%) rotate(-90deg); }
/* Position list opens to the right */
html[dir="rtl"] .dropdown-position-list { left: auto; right: 0; text-align: right; }
html[dir="rtl"] .dropdown-position-list::before { left: auto; right: 12px; }
/* Dropdown item inner padding flip */
html[dir="rtl"] .dropdown-list li a { padding: 10px 35px 10px 15px; }

/* ═══════════════════════════════════════════════════
   MEGAMENU
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .megamenu { text-align: right; }
/* [MIRROR] category chevron */
html[dir="rtl"] .banner-category-item a::before { right: auto; left: 15px; content: "\f053"; }

/* ═══════════════════════════════════════════════════
   TOOL PRODUCT CARDS  (mod/css/main.css)
   ═══════════════════════════════════════════════════ */
/* [KEEP] card icons/images — never mirrored */
html[dir="rtl"] .box-img-product { margin-right: 0; margin-left: 16px; }
html[dir="rtl"] .btn-see-more { margin-left: 0; margin-right: 92px; }

/* ═══════════════════════════════════════════════════
   PRODUCT CARDS (.product-widget, .feature-widget, etc.)
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .product-widget,
html[dir="rtl"] .feature-widget,
html[dir="rtl"] .standard-widget { left: auto; right: 15px; }

/* ═══════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .footer-widget.contact { margin-left: 0; margin-right: 30px; }
/* [KEEP] contact icons */
html[dir="rtl"] .footer-contact li i { margin-right: 0; margin-left: 15px; }
html[dir="rtl"] .footer-social li { margin-right: 0; margin-left: 7px; }
html[dir="rtl"] .footer-social li:last-child { margin-left: 0; }

/* ═══════════════════════════════════════════════════
   SIDEBAR / MOBILE DRAWER
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .sidebar { left: auto; right: -300px; transform: translateX(300px); }
html[dir="rtl"] .sidebar.active { right: 0; transform: translateX(0); }

/* ═══════════════════════════════════════════════════
   FORMS
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .form-group label,
html[dir="rtl"] .form-label { display: block; text-align: right; }
html[dir="rtl"] .form-check { padding-right: 1.5em; padding-left: 0; text-align: right; }
html[dir="rtl"] .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; }
html[dir="rtl"] .input-group > :not(:first-child) { border-radius: 8px 0 0 8px; }
html[dir="rtl"] .input-group > :not(:last-child) { border-radius: 0 8px 8px 0; }

/* ═══════════════════════════════════════════════════
   TABLES
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] th,
html[dir="rtl"] td { text-align: right; }

/* ═══════════════════════════════════════════════════
   SLICK CAROUSEL  [MIRROR]
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .slick-prev { right: 0; left: auto; }
html[dir="rtl"] .slick-next { left: 0; right: auto; }
html[dir="rtl"] .slick-prev::before { content: "→"; }
html[dir="rtl"] .slick-next::before { content: "←"; }

/* ═══════════════════════════════════════════════════
   MISC UTILITY
   ═══════════════════════════════════════════════════ */
html[dir="rtl"] .float-left  { float: right !important; }
html[dir="rtl"] .float-right { float: left  !important; }
html[dir="rtl"] .product-disable::before {
    left: auto; right: 50%;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
}


/* ═══════════════════════════════════════════════════
   PRODUCT LIST ROWS — feature-card layout
   Fixes icon/text overlap in all product display types
   ═══════════════════════════════════════════════════ */

/* Flip the left border + padding to the right side */
html[dir="rtl"] .feature-content {
    padding-left: 0;
    padding-right: 25px;
    margin-left: 0;
    margin-right: 8px;
    border-left: none;
    border-right: 1px solid var(--border);
}

/* [MIRROR] "angles-right" arrow in product description */
html[dir="rtl"] .feature-desc .fa-angles-right {
    transform: scaleX(-1);
    display: inline-block;
    margin-right: 0;
    margin-left: 4px;
}

/* BOX_5 — product image square: gap on left side (toward text) */
html[dir="rtl"] .product-image-square {
    margin-left: 12px;
    margin-right: 0;
}

/* BOX_6 — product image box: gap on left side (toward text) */
html[dir="rtl"] .product-image-box6 {
    margin-left: 12px;
    margin-right: 0;
}

/* Category heading icon: flip margin */
html[dir="rtl"] .home-heading h3 img {
    margin-right: 0;
    margin-left: 10px;
}

/* Buy button alignment in list rows */
html[dir="rtl"] .card-price-product-list {
    text-align: left;
}

/* BOX_4 product head: icon + title gap */
html[dir="rtl"] .product-head-box4 img {
    margin-right: 0;
    margin-left: 8px;
}

/* [MIRROR] fa-circle-check in short_desc bullet list */
html[dir="rtl"] .product-body-box4 p .fa-circle-check {
    margin-right: 0;
    margin-left: 6px;
}