/* ═══════════════════════════════════════════════════════════════
   RTL Overrides — Arabic Layout
   Mirrors all directional properties for right-to-left flow
   ═══════════════════════════════════════════════════════════════ */

[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* ─── Search ─── */
[dir="rtl"] .search-input {
    padding-inline-end: 48px;
    padding-inline-start: 20px;
}
[dir="rtl"] .search-btn {
    right: auto;
    left: 4px;
}

/* ─── Cart Badge ─── */
[dir="rtl"] .cart-badge {
    right: auto;
    left: 2px;
}

/* ─── Navigation Dropdown ─── */
[dir="rtl"] .nav-dropdown-menu {
    left: auto;
    right: 0;
}

/* ─── Product Badges ─── */
[dir="rtl"] .product-badges {
    left: auto;
    right: 12px;
}

/* ─── WhatsApp Float + Toast ─── */
[dir="rtl"] .whatsapp-float {
    right: auto;
    left: 24px;
}
[dir="rtl"] .toast {
    right: auto;
    left: 24px;
    border-left: none;
    border-right: 3px solid var(--teal-bright);
}

/* ─── Section Titles ─── */
[dir="rtl"] .section-title::after {
    margin-right: 0;
}
[dir="rtl"] .section-link i {
    transition: transform var(--transition-fast);
}
[dir="rtl"] .section-link:hover i {
    transform: translateX(-4px);
}

/* ─── Breadcrumb ─── */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

/* ─── Catalog Sidebar (mobile) ─── */
@media (max-width: 768px) {
    [dir="rtl"] .catalog-sidebar {
        left: auto;
        right: -320px;
        transition: right 0.3s var(--ease-out);
    }
    [dir="rtl"] .catalog-sidebar.open {
        right: 0;
        left: auto;
    }
    [dir="rtl"] .sidebar-close {
        right: auto;
        left: 12px;
    }
    [dir="rtl"] .whatsapp-float {
        left: 16px;
        right: auto;
    }
    [dir="rtl"] .toast {
        left: 16px;
        right: 16px;
    }
}

/* ─── Filter Links ─── */
[dir="rtl"] .filter-link:hover {
    padding-inline-start: 14px;
    padding-inline-end: 18px;
}
[dir="rtl"] .filter-link.active {
    padding-inline-start: 14px;
    padding-inline-end: 14px;
}

/* ─── Footer ─── */
[dir="rtl"] .footer-contact {
    text-align: right;
}
[dir="rtl"] .footer-contact li {
    flex-direction: row;
}

/* ─── Spec Items ─── */
[dir="rtl"] .spec-item {
    flex-direction: row;
}

/* ─── Tabs ─── */
[dir="rtl"] .tab-buttons {
    direction: rtl;
}

/* ─── Product Detail ─── */
[dir="rtl"] .gallery-thumbs {
    direction: rtl;
}

/* ─── Carousel Buttons ─── */
[dir="rtl"] .carousel-prev {
    left: auto;
    right: 24px;
}
[dir="rtl"] .carousel-next {
    right: auto;
    left: 24px;
}

/* ─── Cart Grid on Mobile ─── */
@media (max-width: 768px) {
    [dir="rtl"] .cart-item-remove {
        grid-column: 1;
    }
    [dir="rtl"] .cart-item-subtotal {
        grid-column: 2;
    }
}

/* ─── Enhanced Hero ─── */
[dir="rtl"] .hero-orb-1 {
    right: auto;
    left: -5%;
}
[dir="rtl"] .hero-orb-2 {
    left: auto;
    right: -8%;
}
[dir="rtl"] .hero-content {
    text-align: right;
}
[dir="rtl"] .hero-ctas {
    align-items: flex-start;
}
[dir="rtl"] .ticker-track {
    animation-direction: reverse;
}

/* ─── CTA Banner ─── */
[dir="rtl"] .cta-banner-orb-1 {
    right: auto;
    left: -100px;
}
[dir="rtl"] .cta-banner-orb-2 {
    left: auto;
    right: -80px;
}

/* ─── About Hero Glow ─── */
[dir="rtl"] .about-hero::before {
    right: auto;
    left: -50px;
}

/* ─── Contact CTA Glow ─── */
[dir="rtl"] .contact-cta::before {
    right: auto;
    left: -100px;
}

/* ─── Footer Top Gradient ─── */
[dir="rtl"] .footer::before {
    background: linear-gradient(90deg, transparent, var(--teal), transparent);
}