/* 
 * ==========================================
 * MAROC CAISSE - PREMIUM STYLESHEET
 * ==========================================
 * Tailwind gère 95% du style. Ce fichier contient des 
 * comportements spécifiques qui sont difficiles à 
 * exprimer en classes utilitaires pures.
 */

/* 1. Global Utilities & Smooth Scrolling */
html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. Custom Scrollbar for a Premium feel */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9; 
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8; 
}

/* 3. Hamburger Menu Animation Classes */
.nav-toggle.menu-open .line-2 {
    opacity: 0;
}
.nav-toggle.menu-open .line-1 {
    transform: rotate(45deg) translate(5px, 5px);
}
.nav-toggle.menu-open .line-3 {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* 4. Form Select Dropdown Fix (Arrow overlay) */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 5. Selection Color Override */
::selection {
    background-color: rgba(37, 99, 235, 0.3); /* Accent color with opacity */
    color: #0a0f1d; /* Primary dark */
}