/* Surcouche HAAS — chargée APRÈS app.min.css. Charte: haas.gouv.sn (thème haalss). */
:root {
    --haas-bleu: #024a99;
    --haas-bleu-fonce: #064495;
    --haas-bleu-nuit: #042c53;
    --haas-bleu-clair: #e6f1fb;
    --haas-bleu-pale: #b5d4f4;
    --haas-or: #ffd700;
}

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway/raleway.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}

body {
    font-family: 'Raleway', 'Segoe UI', -apple-system, sans-serif;
}

/* ---- Sidebar bleu HAAS ---- */
.left-side-menu {
    background-color: var(--haas-bleu);
    box-shadow: 1px 0 6px rgba(4, 44, 83, 0.35);
}
#sidebar-menu > ul > li > a {
    color: var(--haas-bleu-clair);
}
#sidebar-menu > ul > li > a i {
    color: var(--haas-bleu-pale);
}
#sidebar-menu > ul > li > a:hover,
#sidebar-menu > ul > li > a:focus {
    background-color: var(--haas-bleu-fonce);
    color: #ffffff;
}
#sidebar-menu > ul > li > a.active,
#sidebar-menu > ul > li.mm-active > a {
    background-color: var(--haas-bleu-fonce);
    color: #ffffff;
    border-left: 4px solid var(--haas-or);
    padding-left: calc(1.5rem - 4px);
}
#sidebar-menu > ul > li > a.active i,
#sidebar-menu > ul > li.mm-active > a i {
    color: var(--haas-or);
}
#sidebar-menu .menu-title {
    color: var(--haas-bleu-pale);
    letter-spacing: 0.05em;
}

/* ---- Topbar blanche ---- */
.navbar-custom {
    background-color: #ffffff;
    box-shadow: 0 1px 4px rgba(2, 74, 153, 0.12);
}
.navbar-custom .topnav-menu .nav-link,
.navbar-custom .button-menu-mobile {
    color: var(--haas-bleu-nuit);
}
.logo-box {
    background-color: #ffffff !important;
}
.haas-topbar-titre {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--haas-bleu-nuit);
    line-height: 70px;
    padding-left: 12px;
}
.haas-topbar-titre .mdi-airplane {
    color: var(--haas-bleu);
    font-size: 20px;
}

/* ---- Boutons ---- */
.btn-primary,
.btn-custom {
    background-color: var(--haas-bleu) !important;
    border-color: var(--haas-bleu) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-custom:hover, .btn-custom:focus, .btn-custom:active {
    background-color: var(--haas-bleu-fonce) !important;
    border-color: var(--haas-bleu-fonce) !important;
}
.btn-outline-primary {
    color: var(--haas-bleu);
    border-color: var(--haas-bleu);
}
.btn-outline-primary:hover {
    background-color: var(--haas-bleu);
    border-color: var(--haas-bleu);
}
a { color: var(--haas-bleu); }
a:hover { color: var(--haas-bleu-fonce); }

/* ---- Cards modernisées ---- */
.card, .card-box {
    border-radius: 10px;
    border: none;
    box-shadow: 0 2px 8px rgba(2, 74, 153, 0.08);
}
.page-title {
    color: var(--haas-bleu-nuit);
}

/* ---- Badges statut ---- */
.badge-info, .badge-primary { background-color: var(--haas-bleu); }

/* ---- Pagination / éléments actifs Bootstrap ---- */
.page-item.active .page-link {
    background-color: var(--haas-bleu);
    border-color: var(--haas-bleu);
}