/*
Theme Name: AFIC Chemicals
Description: RTL Stylesheet for Arabic Language Support
*/

:root {
    --font-heading: 'Cairo', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-body: 'Tajawal', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right;
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6,
.hero-title,
.section-title h2,
.page-title,
.about-hero-title,
.btn,
.btn-primary,
.btn-outline,
.btn-amazon {
    font-family: var(--font-heading) !important;
    letter-spacing: normal !important;
}

/* ==========================================================================
   Header & Navigation
   ========================================================================== */
.site-header .header-inner {
    direction: rtl;
}

.site-logo {
    margin-left: 30px;
    margin-right: 0;
}

.nav-menu {
    direction: rtl;
    padding-right: 0;
    padding-left: 0;
}

.nav-menu li {
    margin-left: 20px;
    margin-right: 0;
}

.lang-switch-btn {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
}

.mobile-menu-toggle {
    margin-right: 15px;
    margin-left: 0;
}

@media (max-width: 1024px) {
    .nav-menu {
        align-items: flex-start;
        text-align: right;
    }
    
    .nav-menu a {
        text-align: right;
    }
}

/* ==========================================================================
   Hero Banner & Content
   ========================================================================== */
.hero-content {
    text-align: right;
}

.hero-eyebrow {
    flex-direction: row;
}

.hero-features-strip {
    direction: rtl;
}

.hero-feature-item svg {
    margin-left: 10px;
    margin-right: 0;
}

/* ==========================================================================
   Page Headers & Breadcrumbs
   ========================================================================== */
.page-header .breadcrumbs,
.page-header .breadcrumb {
    direction: rtl;
    text-align: inherit;
}

.page-header .breadcrumbs span.sep,
.page-header .breadcrumbs span:not(:last-child):not(.current) {
    margin: 0 10px;
}

/* ==========================================================================
   Lists & Icons
   ========================================================================== */
ul {
    padding-right: 24px;
    padding-left: 0;
}

.card svg,
.icon-wrap svg {
    margin-left: 15px;
    margin-right: 0;
}

/* ==========================================================================
   Forms & Inputs
   ========================================================================== */
input, select, textarea {
    text-align: right;
    direction: rtl;
}

input[type="tel"],
input[type="email"] {
    text-align: right;
    direction: ltr; /* Keeps international formats clear */
}

.form-group label {
    text-align: right;
    display: block;
}

/* File upload styling */
input[type="file"] {
    text-align: right;
}

/* Alert Boxes in RTL */
.quote-alert-success,
.career-alert-success,
.contact-alert-success {
    border-right: 5px solid #2E7D32 !important;
    border-left: none !important;
    text-align: right;
}

.quote-alert-error,
.career-alert-error,
.contact-alert-error {
    border-right: 5px solid #C62828 !important;
    border-left: none !important;
    text-align: right;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer {
    text-align: right;
    direction: rtl;
}

.footer-links {
    padding-right: 0;
    padding-left: 0;
}

.footer-contact-list {
    padding-right: 0;
    padding-left: 0;
}

.footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.footer-contact-list .icon {
    margin-left: 10px;
    margin-right: 0;
    flex-shrink: 0;
}

/* ==========================================================================
   Why Join Us Blocks
   ========================================================================== */
.reason-content {
    text-align: right;
    direction: rtl;
}

.reason-content h3 span {
    right: 0 !important;
    left: auto !important;
}

.reason-content ul {
    padding-right: 20px;
    padding-left: 0;
}

.benefit-card {
    text-align: center;
}

/* ==========================================================================
   Product Cards, Badges & Tables
   ========================================================================== */
.product-card {
    text-align: right;
    direction: rtl;
}

.badge-amazon,
.badge-saudi {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.data-table th {
    text-align: right;
}

.data-table td {
    text-align: right;
}

/* Phone numbers & dir ltr helpers */
a[href^="tel:"],
span[dir="ltr"] {
    direction: ltr;
    display: inline-block;
    unicode-bidi: embed;
}