/* Arabic Kufi Font Styling */

/* Global Arabic Font Application */
[dir="rtl"],
[lang="ar"],
html[lang="ar"],
body[lang="ar"],
[dir="rtl"] *,
[lang="ar"] * {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
}

/* Ensure all elements use Kufi font in Arabic */
[dir="rtl"] body,
body[lang="ar"],
html[lang="ar"] body {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
    /* Adjust line height for better Arabic readability */
    line-height: 1.8;
}

/* All text elements should use Kufi */
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] div,
[dir="rtl"] a,
[dir="rtl"] li,
[dir="rtl"] td,
[dir="rtl"] th,
[dir="rtl"] label,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] button,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[lang="ar"] p,
[lang="ar"] span,
[lang="ar"] div,
[lang="ar"] a,
[lang="ar"] li,
[lang="ar"] td,
[lang="ar"] th,
[lang="ar"] label,
[lang="ar"] input,
[lang="ar"] textarea,
[lang="ar"] select,
[lang="ar"] button,
[lang="ar"] h1,
[lang="ar"] h2,
[lang="ar"] h3,
[lang="ar"] h4,
[lang="ar"] h5,
[lang="ar"] h6 {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
}

/* Specific adjustments for Arabic headings */
[dir="rtl"] h1,
[lang="ar"] h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.4;
}

[dir="rtl"] h2,
[lang="ar"] h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
}

[dir="rtl"] h3,
[lang="ar"] h3 {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.5;
}

/* Arabic specific font weights */
[dir="rtl"] .fw-light,
[lang="ar"] .fw-light {
    font-weight: 300 !important;
}

[dir="rtl"] .fw-normal,
[lang="ar"] .fw-normal {
    font-weight: 400 !important;
}

[dir="rtl"] .fw-medium,
[lang="ar"] .fw-medium {
    font-weight: 500 !important;
}

[dir="rtl"] .fw-semibold,
[lang="ar"] .fw-semibold {
    font-weight: 600 !important;
}

[dir="rtl"] .fw-bold,
[lang="ar"] .fw-bold {
    font-weight: 700 !important;
}

/* Navigation specific */
[dir="rtl"] .navbar,
[dir="rtl"] .nav-link,
[dir="rtl"] .dropdown-item,
[lang="ar"] .navbar,
[lang="ar"] .nav-link,
[lang="ar"] .dropdown-item {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
    font-weight: 500;
}

/* Buttons in Arabic */
[dir="rtl"] .btn,
[dir="rtl"] button,
[lang="ar"] .btn,
[lang="ar"] button {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
    font-weight: 600;
    letter-spacing: 0;
}

/* Form elements */
[dir="rtl"] input::placeholder,
[dir="rtl"] textarea::placeholder,
[lang="ar"] input::placeholder,
[lang="ar"] textarea::placeholder {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
}

/* Product cards and prices */
[dir="rtl"] .product-name,
[dir="rtl"] .product-price,
[dir="rtl"] .price,
[lang="ar"] .product-name,
[lang="ar"] .product-price,
[lang="ar"] .price {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
}

/* Footer text */
[dir="rtl"] footer,
[dir="rtl"] .footer-section,
[lang="ar"] footer,
[lang="ar"] .footer-section {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
}

/* Special classes that might override */
[dir="rtl"] .font-primary,
[dir="rtl"] .font-display,
[dir="rtl"] .font-modern,
[lang="ar"] .font-primary,
[lang="ar"] .font-display,
[lang="ar"] .font-modern {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
}

/* Ensure Bootstrap components use Kufi */
[dir="rtl"] .modal-title,
[dir="rtl"] .modal-body,
[dir="rtl"] .card-title,
[dir="rtl"] .card-text,
[dir="rtl"] .alert,
[dir="rtl"] .badge,
[dir="rtl"] .breadcrumb,
[lang="ar"] .modal-title,
[lang="ar"] .modal-body,
[lang="ar"] .card-title,
[lang="ar"] .card-text,
[lang="ar"] .alert,
[lang="ar"] .badge,
[lang="ar"] .breadcrumb {
    font-family: 'Noto Kufi Arabic', 'Arial', sans-serif !important;
}

/* Typography adjustments for better Arabic readability */
[dir="rtl"] p,
[lang="ar"] p {
    line-height: 2;
    word-spacing: 0.1em;
}

/* Adjust letter spacing for Arabic */
[dir="rtl"] *,
[lang="ar"] * {
    letter-spacing: 0 !important;
}

/* Special handling for mixed content */
[dir="rtl"] .text-ltr {
    direction: ltr;
    text-align: left;
    font-family: var(--font-primary);
}

/* Ensure proper rendering of Arabic numerals */
[dir="rtl"] .price,
[dir="rtl"] .number,
[lang="ar"] .price,
[lang="ar"] .number {
    font-feature-settings: 'tnum' 1;
}