/* Alignement de l'admin Django (Jazzmin / AdminLTE) sur la charte FEKACO.
 *
 * Jazzmin s'appuie sur les classes Bootstrap (navbar-danger, accent-danger…),
 * dont les couleurs sont figées dans AdminLTE. Ces règles les redéfinissent
 * avec la palette du logo. Chargé via JAZZMIN_SETTINGS["custom_css"].
 */

:root {
    --fekaco-blue: #0080ff;
    --fekaco-red: #cf1022;
    --fekaco-yellow: #f7d617;
    --fekaco-red-dark: #a50d1b;
    --fekaco-sidebar: #00408a;
    --fekaco-sidebar-dark: #002d61;
}

/* ── Barre de navigation supérieure ──────────────────────────────────────── */
.navbar-danger,
.navbar-danger.navbar-dark {
    background-color: var(--fekaco-red) !important;
}

/* ── Barre latérale : bleu de la marque, comme le tableau de bord ────────── */
.sidebar-dark-danger,
.sidebar-dark-primary {
    background-color: var(--fekaco-sidebar) !important;
}

.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: rgba(255, 255, 255, .16) !important;
    color: #fff !important;
    box-shadow: inset 3px 0 0 var(--fekaco-yellow);
}

.sidebar-dark-danger .nav-sidebar > .nav-item > .nav-link:hover,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: rgba(255, 255, 255, .08) !important;
}

/* Le logo officiel a un fond transparent : un disque blanc le rend lisible
 * sur la barre latérale bleue. */
.brand-image {
    background: #fff;
    border-radius: 50%;
    padding: 2px;
}

/* ── Boutons ─────────────────────────────────────────────────────────────── */
.btn-danger,
.btn-primary {
    background-color: var(--fekaco-red);
    border-color: var(--fekaco-red);
}

.btn-danger:hover,
.btn-primary:hover,
.btn-danger:focus,
.btn-primary:focus {
    background-color: var(--fekaco-red-dark);
    border-color: var(--fekaco-red-dark);
}

.btn-info {
    background-color: var(--fekaco-blue);
    border-color: var(--fekaco-blue);
}

.btn-info:hover,
.btn-info:focus {
    background-color: #0066cc;
    border-color: #0066cc;
}

/* Le bouton « Enregistrer » de Django passe par ses propres sélecteurs. */
.submit-row input[type="submit"],
.submit-row .default {
    background: var(--fekaco-red) !important;
    border-color: var(--fekaco-red) !important;
}

.submit-row input[type="submit"]:hover,
.submit-row .default:hover {
    background: var(--fekaco-red-dark) !important;
}

/* ── Accents : liens, onglets, champs actifs ─────────────────────────────── */
.accent-danger a,
a {
    color: var(--fekaco-blue);
}

.accent-danger a:hover,
a:hover {
    color: #0066cc;
}

.nav-tabs .nav-link.active {
    border-bottom-color: var(--fekaco-red);
    color: var(--fekaco-red);
}

.form-control:focus,
.select2-container--focus .select2-selection {
    border-color: var(--fekaco-blue);
    box-shadow: 0 0 0 .2rem rgba(0, 128, 255, .2);
}

/* Élément sélectionné dans les listes déroulantes Select2. */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--fekaco-blue);
}

/* ── Badges et messages ──────────────────────────────────────────────────── */
.badge-danger { background-color: var(--fekaco-red); }
.badge-info { background-color: var(--fekaco-blue); }
.badge-warning { background-color: var(--fekaco-yellow); color: #111; }

/* ── Écran de connexion de l'admin ──────────────────────────────────────── */
.login-page,
.register-page {
    background: #f5f7fa;
}

.login-logo img,
.login-card-body .brand-image {
    background: #fff;
    border-radius: 50%;
}