/* =============================================
   Arabic pages only (linked from *-ar.html)
   Does not affect English pages.
   ============================================= */

html[lang="ar"] {
    --cb-font-din: 'Almarai', sans-serif;
    --cb-font-din-condensed: 'Almarai', sans-serif;
    --cb-font-inter: 'Almarai', sans-serif;
}

html[lang="ar"] body {
    font-family: 'Almarai', sans-serif;
    line-height: 1.7;
}

/* Slightly looser line-height for Arabic display headings */
html[lang="ar"] .hero-section .hero-section-title {
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
}

html[lang="ar"] .hero-section .hero-section-description {
    font-size: 18px;
    line-height: 1.7;
}

html[lang="ar"] .main-header-menu-link,
html[lang="ar"] .main-header-action-link,
html[lang="ar"] .site-footer-nav-link,
html[lang="ar"] .site-footer-contact-value {
    line-height: 1.6;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4 {
    letter-spacing: 0;
    line-height: 1.35;
}

html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] span,
html[lang="ar"] label,
html[lang="ar"] button,
html[lang="ar"] a,
html[lang="ar"] td,
html[lang="ar"] th {
    letter-spacing: 0;
}

/* Accordion / FAQ Arabic readability */
html[lang="ar"] .faq-section-item-question,
html[lang="ar"] .faq-section-item-answer,
html[lang="ar"] .product-support-section .faq-section-item-question,
html[lang="ar"] .product-support-section .faq-section-item-answer {
    line-height: 1.7;
}

html[lang="ar"] .faq-section-item-question {
    font-size: 15px;
    font-weight: 700;
}

html[lang="ar"] .faq-section-item-answer {
    font-size: 15px;
}

/* Cards / product titles */
html[lang="ar"] .best-selling-section-card-title,
html[lang="ar"] .product-range-section .best-selling-section-card-title {
    font-size: 14px;
    line-height: 1.45;
    text-transform: none;
}

html[lang="ar"] .best-selling-section-card-btn,
html[lang="ar"] .best-selling-section-btn,
html[lang="ar"] .hero-section-btn,
html[lang="ar"] .product-detail-section-btn,
html[lang="ar"] .product-sticky-bar-btn {
    letter-spacing: 0;
    line-height: 1.4;
}

/* Section titles — avoid overly tight English uppercase sizing */
html[lang="ar"] .best-selling-section-title,
html[lang="ar"] .product-range-section-title,
html[lang="ar"] .product-support-section-title,
html[lang="ar"] .product-reviews-section-title,
html[lang="ar"] .product-specs-section-title,
html[lang="ar"] .product-steps-section-title,
html[lang="ar"] .product-howto-section-title,
html[lang="ar"] .product-info-section-title,
html[lang="ar"] .product-install-section-title,
html[lang="ar"] .product-benefits-section-title,
html[lang="ar"] .product-find-section-title,
html[lang="ar"] .faq-section-title,
html[lang="ar"] .articles-section-title {
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.35;
}

html[lang="ar"] .product-detail-section-title {
    font-size: 32px;
    line-height: 1.35;
    text-transform: none;
}

html[lang="ar"] .product-detail-section-desc,
html[lang="ar"] .product-info-section-text,
html[lang="ar"] .product-reviews-section-card-text {
    font-size: 15px;
    line-height: 1.75;
}

html[lang="ar"] .product-sticky-bar-title {
    text-transform: none;
    line-height: 1.4;
}

@media (max-width: 575.98px) {
    html[lang="ar"] .hero-section .hero-section-title {
        font-size: 28px;
        line-height: 1.3;
    }

    html[lang="ar"] .hero-section .hero-section-description {
        font-size: 15px;
        line-height: 1.7;
    }

    html[lang="ar"] .product-detail-section-title {
        font-size: 24px;
    }

    html[lang="ar"] .faq-section-item-question {
        font-size: 14px;
        line-height: 1.55;
    }
}