/* Typography Variables */
:root {
    --font-en: 'Plus Jakarta Sans', sans-serif;
    --font-rtl: 'Vazirmatn', sans-serif;
    --coral: #FF5A5F;
    --dark: #0F172A;
}

body { 
    scroll-behavior: smooth; 
    -webkit-font-smoothing: antialiased;
    color: var(--dark);
}

/* Specific Adjustments for RTL (Vazirmatn) */
[dir="rtl"] { text-align: right; }
[dir="rtl"] .text-center { text-align: center; }
[dir="rtl"] body { 
    line-height: 1.8; 
    font-size: 0.98rem; 
}
[dir="rtl"] .font-black { font-weight: 900 !important; }
[dir="rtl"] .font-bold { font-weight: 700 !important; }

/* Ensure RTL icons like arrows flip correctly */
[dir="rtl"] .lucide-chevron-right,
[dir="rtl"] .lucide-chevron-left,
[dir="rtl"] .rtl-flip { 
    transform: rotate(180deg); 
}

/* Global Branding Colors */
.text-coral { color: var(--coral); }
.bg-coral { background-color: var(--coral); }
.max-w-centered { max-width: 1100px; margin: 0 auto; }

/* Navigation */
nav { transition: all 0.3s ease; }

/* Hero Styling */
.hero-bg { 
    background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.95)), 
    url('../img/office.avif'); 
    background-size: cover; 
    background-position: center; 
}

/* Service Card Icon Hover Fix */
/* This makes the icon GRAY and visible when you hover the card */
.group:hover .lucide {
    stroke: #e2e8f0 !important; 
    transition: stroke 0.3s ease;
}

/* Utilities */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

#logo-slider { scroll-behavior: smooth; }

/* Buttons */
.btn-primary {
    background: var(--coral);
    color: white;
    padding: 1rem 2.5rem;
    border-radius: 1rem;
    font-weight: 800;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 10px 25px -5px rgba(255, 90, 95, 0.4);
}
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 20px 30px -10px rgba(255, 90, 95, 0.5); }

.btn-secondary {
    background: white;
    color: var(--dark);
    padding: 1rem 2.5rem;
    border-radius: 1rem;
    font-weight: 800;
    border: 2px solid #e2e8f0;
    transition: 0.3s;
}
.btn-secondary:hover { border-color: var(--coral); color: var(--coral); }

/* Trust Stat Cards */
.stat-card {
    background: #fff;
    padding: 2.5rem;
    border-radius: 2rem;
    border: 1px solid #f1f5f9;
    transition: 0.3s ease;
    text-align: center;
}
.stat-card:hover { transform: translateY(-5px); border-color: var(--coral); box-shadow: 0 15px 30px rgba(0,0,0,0.03); }


/* Ensure the language switcher text is legible and bold */
.bg-slate-100 a {
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px; /* Ensures buttons stay a consistent size */
}

/* Specific fix: Arabic and Kurdish text often needs to be slightly larger 
   to match the visual weight of English */
[lang="ar"] .bg-slate-100 a, 
[lang="ku"] .bg-slate-100 a {
    font-size: 15px; 
}