/* ==========================================================================
   FIRESTOP — RTL (Arabic)
   Surcharge des styles pour la version arabe
   ========================================================================== */

body.rtl {
    font-family: 'Tajawal', 'Manrope', sans-serif;
    direction: rtl;
}

body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4 {
    font-family: 'Tajawal', 'Manrope', sans-serif;
    letter-spacing: 0;
}

body.rtl .mono,
body.rtl .eyebrow,
body.rtl .stat-label,
body.rtl .pack-units,
body.rtl .hero-meta-label,
body.rtl .product-spec-label {
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0;
    direction: ltr;
}

body.rtl .eyebrow::before {
    margin-left: 0.75rem;
    margin-right: 0;
}

body.rtl .logo {
    direction: ltr;
}

body.rtl .topbar-inner {
    flex-direction: row-reverse;
}

body.rtl .topbar-right {
    flex-direction: row-reverse;
}

body.rtl .lang-switcher {
    flex-direction: row-reverse;
}

body.rtl .header-inner {
    flex-direction: row-reverse;
}

body.rtl .nav {
    flex-direction: row-reverse;
}

body.rtl .hero-grid {
    direction: rtl;
}

body.rtl .hero-actions {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

body.rtl .hero-meta {
    flex-direction: row-reverse;
}

body.rtl .btn svg,
body.rtl .btn-primary svg {
    transform: scaleX(-1);
    margin-right: 0;
    margin-left: 0.5rem;
}

body.rtl .form-benefits li::before {
    margin-left: 0.5rem;
    margin-right: 0;
}

body.rtl .pack-card .featured::before,
body.rtl .pack-card.featured::before {
    direction: ltr;
}

body.rtl .footer-grid {
    direction: rtl;
}

body.rtl .footer-bottom {
    flex-direction: row-reverse;
}

body.rtl .whatsapp-float {
    right: auto;
    left: 24px;
    flex-direction: row-reverse;
}

body.rtl .cert-badge {
    font-family: 'JetBrains Mono', monospace;
    direction: ltr;
    display: inline-block;
}

body.rtl .topbar-phone {
    direction: ltr;
    display: inline-block;
}

body.rtl .price-current,
body.rtl .pack-price,
body.rtl .stat-value {
    direction: ltr;
    display: inline-block;
}

body.rtl .product-spec-value {
    direction: ltr;
    display: inline-block;
}

body.rtl .step-number {
    direction: ltr;
}

body.rtl .nav-link.active::after {
    left: 0;
    right: 0;
}

@media (max-width: 768px) {
    body.rtl .nav.open {
        left: 0;
        right: 0;
    }
}