/* Global Font Settings - Apply Cairo font to all website pages */

/* Import Google Cairo font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');

/* Apply Cairo font globally to all elements - HIGHEST PRIORITY */
* {
    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Ensure body and html also use Cairo */
body, html {
    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Apply to specific elements that might override fonts */
h1, h2, h3, h4, h5, h6,
p, span, div, a, button, input, textarea, select, label {
    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Ensure form elements use Cairo */
.form-control, .btn, .nav-link, .navbar-brand {
    font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* RTL (Right-to-Left) Support for Arabic */
body, html {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for all text elements */
h1, h2, h3, h4, h5, h6,
p, span, div, a, button, input, textarea, select, label {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for navigation */
.navbar-nav {
    direction: rtl !important;
}

.navbar-nav .nav-link {
    text-align: right !important;
}

/* RTL for forms */
.form-control, .btn {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for dropdowns */
.dropdown-menu {
    direction: rtl !important;
    text-align: right !important;
}

.dropdown-item {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for buttons */
.btn {
    direction: rtl !important;
    text-align: center !important;
}

/* RTL for search input */
.navbar-search {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for all containers */
.container, .container-fluid, .row, .col, .col-md-6, .col-lg-4 {
    direction: rtl !important;
}

/* RTL for cards and content boxes */
.card, .card-body, .card-header, .card-title {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for lists */
ul, ol, li {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for tables */
table, th, td {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for modals and popups */
.modal, .modal-body, .modal-header, .modal-footer {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL for alerts and notifications */
.alert, .alert-success, .alert-warning, .alert-danger, .alert-info {
    direction: rtl !important;
    text-align: right !important;
}

/* CLEAN NAVBAR STYLING - Specific rules for navbar elements */
.navbar {
    font-family: 'Cairo', sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

.navbar * {
    font-family: 'Cairo', sans-serif !important;
}

.navbar-nav .nav-link,
.navbar-brand,
.navbar-toggler,
.dropdown-menu,
.dropdown-item {
    font-family: 'Cairo', sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* SPECIFIC HOMEPAGE ELEMENTS - Target only the elements that need Cairo font */
.flex-box,
.about-header,
.about-span,
.paragraphs,
.services-header,
.services-span {
    font-family: 'Cairo', sans-serif !important;
}