/* Iranian Sans Font Family for Farsi Language */

@font-face {
    font-family: 'IranSans';
    src: url('/font/woff2/iransans.woff2') format('woff2'),
         url('/font/woff/iransans.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IranSans';
    src: url('/font/woff2/iransans-Light.woff2') format('woff2'),
         url('/font/woff/iransans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IranSans';
    src: url('/font/woff2/iransans-UltraLight.woff2') format('woff2'),
         url('/font/woff/iransans-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IranSans';
    src: url('/font/woff2/iransans-Medium.woff2') format('woff2'),
         url('/font/woff/iransans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IranSans';
    src: url('/font/woff2/iransans-Bold.woff2') format('woff2'),
         url('/font/woff/iransans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IranSans';
    src: url('/font/woff2/iransans-Black.woff2') format('woff2'),
         url('/font/woff/iransans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Apply Iranian Sans font when HTML lang is set to 'fa' */
html[lang="fa"] {
    font-family: 'IranSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

html[lang="fa"] body {
    font-family: 'IranSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    direction: rtl;
}

/* Specific text elements for Farsi */
html[lang="fa"] h1,
html[lang="fa"] h2,
html[lang="fa"] h3,
html[lang="fa"] h4,
html[lang="fa"] h5,
html[lang="fa"] h6 {
    font-family: 'IranSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

html[lang="fa"] p,
html[lang="fa"] span,
html[lang="fa"] div,
html[lang="fa"] button,
html[lang="fa"] input,
html[lang="fa"] textarea,
html[lang="fa"] select {
    font-family: 'IranSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Navigation and menu items */
html[lang="fa"] .nav-link,
html[lang="fa"] .menu-item,
html[lang="fa"] .dropdown-item {
    font-family: 'IranSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Dashboard specific elements */
html[lang="fa"] .dashboard-content,
html[lang="fa"] .esim-card,
html[lang="fa"] .plan-details {
    font-family: 'IranSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Form elements */
html[lang="fa"] .form-control,
html[lang="fa"] .form-select,
html[lang="fa"] .btn {
    font-family: 'IranSans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Ensure proper RTL layout for Farsi */
html[lang="fa"] .container,
html[lang="fa"] .row,
html[lang="fa"] .col {
    direction: rtl;
}

/* Adjust text alignment for RTL */
html[lang="fa"] .text-left {
    text-align: right !important;
}

html[lang="fa"] .text-right {
    text-align: left !important;
}

/* Fix margins and paddings for RTL */
html[lang="fa"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[lang="fa"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

/* Responsive font sizes for better readability */
@media (max-width: 768px) {
    html[lang="fa"] body {
        font-size: 14px;
        line-height: 1.6;
    }
    
    html[lang="fa"] h1 { font-size: 1.8rem; }
    html[lang="fa"] h2 { font-size: 1.6rem; }
    html[lang="fa"] h3 { font-size: 1.4rem; }
    html[lang="fa"] h4 { font-size: 1.2rem; }
}

/* Improve text rendering for Persian characters */
html[lang="fa"] * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Fix spacing between Persian and English text in navigation */
html[lang="fa"] nav a,
html[lang="fa"] .nav-link,
html[lang="fa"] .menu-item {
    letter-spacing: 0.02em;
    word-spacing: 0.1em;
}

/* Specific spacing fixes for mixed Persian-English text */
html[lang="fa"] nav a:contains("eSIM"),
html[lang="fa"] .nav-link:contains("eSIM") {
    word-spacing: 0.15em;
}

/* Mobile menu specific spacing */
html[lang="fa"] .mobile-menu nav a {
    letter-spacing: 0.03em;
    word-spacing: 0.12em;
    line-height: 1.6;
}

/* Better spacing for buttons and interactive elements */
html[lang="fa"] button,
html[lang="fa"] .btn {
    letter-spacing: 0.02em;
    word-spacing: 0.08em;
}

/* Dashboard and content area spacing */
html[lang="fa"] .dashboard-content,
html[lang="fa"] .esim-card h3,
html[lang="fa"] .plan-title {
    letter-spacing: 0.01em;
    word-spacing: 0.1em;
}