/* Kurdish font declaration */
@font-face {
    font-family: 'Rabar_022';
    src: url('../fonts/Rabar_022.woff2') format('woff2'),
        url('../fonts/Rabar_022.woff') format('woff'),
        url('../fonts/Rabar_022.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rabar_021';
    src: url('../fonts/Rabar_021.woff2') format('woff2'),
        url('../fonts/Rabar_021.woff') format('woff'),
        url('../fonts/Rabar_021.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* English font declaration */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Define font variables */
:root {
    --font-english: 'Montserrat', 'Arial', sans-serif;
    --font-kurdish-title: 'Rabar_021', 'Arial', sans-serif;
    --font-kurdish-content: 'Rabar_022', 'Arial', sans-serif;
}

/* English font styles */
.en-font {
    font-family: var(--font-english);
}

/* Kurdish font styles */
.ku-font-title {
    font-family: var(--font-kurdish-title);
}

.ku-font-content {
    font-family: var(--font-kurdish-content);
}

/* Apply font to different elements based on language */
/* English language settings */
html[lang="en"] body {
    font-family: var(--font-english);
    transition: all 0.3s ease;
}

html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6,
html[lang="en"] .h1,
html[lang="en"] .h2,
html[lang="en"] .h3,
html[lang="en"] .h4,
html[lang="en"] .h5,
html[lang="en"] .h6 {
    font-family: var(--font-english) !important;
    font-weight: 600 !important;
}

/* Kurdish language settings - different fonts for headings and content */
html[lang="ku"] body {
    font-family: var(--font-kurdish-content);
    transition: all 0.3s ease;
}

/* Kurdish headings - using title font */
html[lang="ku"] h1,
html[lang="ku"] h2,
html[lang="ku"] h3,
html[lang="ku"] h4,
html[lang="ku"] h5,
html[lang="ku"] h6,
html[lang="ku"] .h1,
html[lang="ku"] .h2,
html[lang="ku"] .h3,
html[lang="ku"] .h4,
html[lang="ku"] .h5,
html[lang="ku"] .h6,
html[lang="ku"] .section-title,
html[lang="ku"] .navbar-brand,
html[lang="ku"] .btn,
html[lang="ku"] .nav-link {
    font-family: var(--font-kurdish-title) !important;
}

/* Content elements - using content font */
html[lang="ku"] p,
html[lang="ku"] div:not(.section-title),
html[lang="ku"] span,
html[lang="ku"] input,
html[lang="ku"] textarea {
    font-family: var(--font-kurdish-content) !important;
}

/* Smooth transitions for layout changes */
body, .container, .row, section, div {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* RTL Layout Support */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] .container,
html[dir="rtl"] .row {
    direction: rtl;
}

/* Header Navigation RTL Support */
html[dir="rtl"] #header .navmenu ul {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] #header .navmenu ul li a {
    text-align: right;
}

/* Fix Bootstrap RTL Issues */
html[dir="rtl"] .me-1,
html[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

html[dir="rtl"] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Navigation Font Application */
html[lang="ku"] #header .navmenu ul li a {
    font-family: var(--font-kurdish-title) !important;
    font-size: 16px !important;
}

html[lang="en"] #header .navmenu ul li a {
    font-family: var(--font-english) !important;
}

/* Language Switcher Font */
html[lang="ku"] #header .language-switcher .dropdown-toggle,
html[lang="ku"] #header .language-switcher .dropdown-item {
    font-family: var(--font-kurdish-title) !important;
}

html[lang="en"] #header .language-switcher .dropdown-toggle,
html[lang="en"] #header .language-switcher .dropdown-item {
    font-family: var(--font-english) !important;
}

/* Slideshow and special sections */
html[lang="ku"] #slideshow h2,
html[lang="ku"] #slideshow .carousel-container h2,
html[lang="ku"] .hero-section h2,
html[lang="ku"] .section-title h2 {
    font-family: var(--font-kurdish-title) !important;
    font-weight: 700 !important;
}

html[lang="ku"] #slideshow .btn-get-started,
html[lang="ku"] .btn-bundle,
html[lang="ku"] .btn-primary,
html[lang="ku"] .btn {
    font-family: var(--font-kurdish-title) !important;
    font-weight: 500 !important;
}

/* Footer text */
html[lang="ku"] footer h4 {
    font-family: var(--font-kurdish-title) !important;
}

html[lang="ku"] footer p,
html[lang="ku"] footer a,
html[lang="ku"] footer li {
    font-family: var(--font-kurdish-content) !important;
}

/* About section */
html[lang="ku"] #about h2 {
    font-family: var(--font-kurdish-title) !important;
}

html[lang="ku"] #about p {
    font-family: var(--font-kurdish-content) !important;
}

/* Services section */
html[lang="ku"] #services h2,
html[lang="ku"] #services h3 {
    font-family: var(--font-kurdish-title) !important;
}

html[lang="ku"] #services p {
    font-family: var(--font-kurdish-content) !important;
}

html[lang="en"] #header .language-switcher .dropdown-toggle,
html[lang="en"] #header .language-switcher .dropdown-item {
    font-family: 'Montserrat', 'Arial', sans-serif !important;
}

/* Prevent layout shifts during language changes */
html[dir="rtl"] .row,
html[dir="rtl"] .container {
    transition: all 0.3s ease;
}

html[lang="ku"] h1,
html[lang="ku"] h2,
html[lang="ku"] h3,
html[lang="ku"] h4,
html[lang="ku"] h5,
html[lang="ku"] h6 {
    font-family: 'Rabar_021', 'Arial', sans-serif;
}

html[lang="ku"] p,
html[lang="ku"] span,
html[lang="ku"] a,
html[lang="ku"] div {
    font-family: 'Rabar_022', 'Arial', sans-serif;
}

html[lang="ku"] input,
html[lang="ku"] textarea,
html[lang="ku"] button {
    font-family: 'Rabar_022', 'Arial', sans-serif;
}

/* You can add more specific selectors as needed */

/* Specific selectors for Kurdish titles and descriptions */
html[lang="ku"] .product-title,
html[lang="ku"] .nav-titlee,
html[lang="ku"] h1,
html[lang="ku"] h2,
html[lang="ku"] h3,
html[lang="ku"] h4,
html[lang="ku"] h5,
html[lang="ku"] h6 {
    font-family: 'Rabar_021', 'Arial', sans-serif !important;
}

html[lang="ku"] .description,
html[lang="ku"] p,
html[lang="ku"] div.description {
    font-family: 'Rabar_022', 'Arial', sans-serif !important;
}

/* Specific selectors for Kurdish title and description input fields */
input[id="title_ku"],
textarea[id="title_ku"] {
    font-family: 'Rabar_021', 'Arial', sans-serif !important;
}

input[id="description_ku"],
textarea[id="description_ku"] {
    font-family: 'Rabar_022', 'Arial', sans-serif !important;
}

/* Font size adjustment for Kurdish text */
html[lang="ku"] {
    font-size: 95%; /* Slightly reduce the base font size for Kurdish */
}

/* More specific font size adjustments */
html[lang="ku"] h1 {
    font-size: 2.25rem; /* Default is 2.5rem */
}

html[lang="ku"] h2 {
    font-size: 2rem; /* Default is 2rem */
}

html[lang="ku"] h3 {
    font-size: 1.53rem; /* Default is 1.7rem */
}

html[lang="ku"] h4 {
    font-size: 1.26rem; /* Default is 1.4rem */
}

html[lang="ku"] h5 {
    font-size: 1.12rem; /* Default is 1.25rem */
}

html[lang="ku"] h6 {
    font-size: 0.95rem; /* Default is 1rem */
}

html[lang="ku"] p,
html[lang="ku"] span,
html[lang="ku"] div,
html[lang="ku"] a,
html[lang="ku"] li {
    font-size: 18px; /* Default is 1rem - reduce by 5% */
    font-weight: 400;
}

/* Adjustment for specific classes that might have larger font sizes */
html[lang="ku"] .fs-32 {
    font-size: 28px !important; /* Reduce from 32px */
}

html[lang="ku"] .fs-24 {
    font-size: 22px !important; /* Reduce from 24px */
}

html[lang="ku"] .fs-18 {
    font-size: 16px !important; /* Reduce from 18px */
}

/* Form fields font size adjustment */
html[lang="ku"] input,
html[lang="ku"] textarea,
html[lang="ku"] select,
html[lang="ku"] button {
    font-size: 0.95rem;
}


.adfont{
    font-family: 'Rabar_021', 'Arial', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
