/*
 * African Diet — Thème couleur
 * Primaire  : #1B4620  (vert forêt du logo)
 * Secondaire: #3C7A40  (vert clair)
 * Accent    : #C9A227  (doré du logo)
 */

/* ── Variables Bootstrap 5 ── */
:root {
    --bs-primary:            #1B4620;
    --bs-primary-rgb:        27, 70, 32;
    --bs-link-color:         #1B4620;
    --bs-link-hover-color:   #0F2E12;

    /* Sidebar / header */
    --bs-header-bg:          #1B4620;
    --bs-sidebar-bg:         #0F2E12;
    --bs-header-item-color:  #fff;

    /* Custom */
    --color-primary:         #1B4620;
    --color-primary-light:   #3C7A40;
    --color-primary-dark:    #0F2E12;
    --color-accent:          #C9A227;
}

/* ── Boutons ── */
.btn-primary {
    background-color: #1B4620 !important;
    border-color:     #1B4620 !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #0F2E12 !important;
    border-color:     #0F2E12 !important;
}

/* ── Badges ── */
.badge.bg-primary,
.badge.badge-primary { background-color: #1B4620 !important; }

/* ── Liens ── */
a { color: #1B4620; }
a:hover { color: #0F2E12; }

/* ── Sidebar ── */
#sidebar-menu a:hover,
#sidebar-menu a.active,
#sidebar-menu li.mm-active > a,
#sidebar-menu a.mm-active,
.metismenu li.mm-active > a,
.metismenu li.mm-active .mm-active > a {
    color: #E8C873 !important;  /* doré lisible sur fond sombre */
}
/* Sous-menu actif */
.metismenu .mm-active > a,
.metismenu ul .mm-active > a {
    color: #E8C873 !important;
    font-weight: 600 !important;
}
/* Hover items */
.metismenu a:hover { color: #F0DDA0 !important; }

/* ── Topbar ── */
#page-topbar { background-color: #1B4620 !important; }
.navbar-header { background-color: #1B4620; }

/* ── Formulaires focus ── */
.form-control:focus,
.form-select:focus {
    border-color: #1B4620 !important;
    box-shadow: 0 0 0 0.2rem rgba(27, 70, 32, 0.25) !important;
}

/* ── Pagination ── */
.page-link { color: #1B4620; }
.page-item.active .page-link {
    background-color: #1B4620 !important;
    border-color:     #1B4620 !important;
}

/* ── Nav pills / tabs ── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #1B4620 !important;
}
.nav-tabs .nav-link.active {
    color: #1B4620 !important;
    border-bottom-color: #1B4620 !important;
}

/* ── Soft primary ── */
.bg-soft-primary  { background-color: rgba(27, 70, 32, 0.1) !important; }
.text-primary     { color: #1B4620 !important; }
.border-primary   { border-color: #1B4620 !important; }

/* ── Progress bar ── */
.progress-bar.bg-primary { background-color: #1B4620 !important; }

/* ── Checkboxes / radios ── */
.form-check-input:checked {
    background-color: #1B4620 !important;
    border-color:     #1B4620 !important;
}

/* ── Alert primary ── */
.alert-primary {
    background-color: rgba(27, 70, 32, 0.1) !important;
    border-color:     rgba(27, 70, 32, 0.3) !important;
    color: #0F2E12 !important;
}

/* ── Select2 ── */
.select2-container--default .select2-results__option--highlighted {
    background-color: #1B4620 !important;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #1B4620 !important;
}