/* ============================================
   Theme V2 - Styles Modernes et Fluides
   ============================================ */

/* ============================================
   1. NAVBAR/MENU - Site Web
   ============================================ */

/* Navbar du site web - couleur du menu */
.navbar.navbar-scroll,
.navbar,
.navbar.bg-white,
.navbar.navbar-light {
    background-color: rgb(24, 38, 111) !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-nav .nav-link {
    color: rgb(241, 241, 246) !important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .navbar-nav .nav-link:hover {
    color: rgb(255, 255, 255) !important;
}

.navbar .nav-link.active {
    color: rgb(255, 255, 255) !important;
    font-weight: 600;
}

.navbar .dropdown-menu {
    background-color: rgb(24, 38, 111) !important;
    border: 1px solid rgba(241, 241, 246, 0.2) !important;
}

.navbar .dropdown-item {
    color: rgb(241, 241, 246) !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    background-color: rgba(241, 241, 246, 0.15) !important;
    color: rgb(255, 255, 255) !important;
}

/* ============================================
   1. MENU - Dashboard (conservé pour compatibilité)
   ============================================ */

/* Menu principal du dashboard */
#layout-menu,
.layout-menu.bg-menu-theme,
.bg-menu-theme {
    background-color: rgb(24, 38, 111) !important;
    color: rgb(241, 241, 246) !important;
}

/* Liens du menu */
.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next,
.bg-menu-theme .menu-text {
    color: rgb(241, 241, 246) !important;
}

/* Liens actifs du menu */
.bg-menu-theme .menu-link.active,
.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
    color: rgb(241, 241, 246) !important;
    background-color: rgba(241, 241, 246, 0.15) !important;
}

/* Liens du menu au survol */
.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-item:not(.active) > .menu-link:hover {
    color: rgb(241, 241, 246) !important;
    background-color: rgba(241, 241, 246, 0.1) !important;
}

/* En-têtes de section du menu */
.bg-menu-theme .menu-header {
    color: rgba(241, 241, 246, 0.8) !important;
}

/* Icônes du menu */
.bg-menu-theme .menu-icon {
    color: rgb(241, 241, 246) !important;
}

/* Sous-menu */
.bg-menu-theme .menu-sub > .menu-item > .menu-link {
    color: rgba(241, 241, 246, 0.9) !important;
}

.bg-menu-theme .menu-sub > .menu-item.active > .menu-link {
    color: rgb(241, 241, 246) !important;
    background-color: rgba(241, 241, 246, 0.15) !important;
}

/* Retirer les ombres et effets du menu */
.bg-menu-theme .menu-inner-shadow {
    background: none !important;
    box-shadow: none !important;
}

/* ============================================
   2. BOUTONS - Deux styles principaux
   ============================================ */

/* ============================================
   Style 1: Boutons Verts
   ============================================ */

/* Boutons verts principaux */
.btn-success,
.btn-b-primary {
    background-color: rgb(18, 118, 30) !important;
    color: rgb(239, 245, 239) !important;
    border-color: rgb(18, 118, 30) !important;
}

.btn-success:hover,
.btn-b-primary:hover {
    background-color: rgb(15, 95, 24) !important;
    border-color: rgb(15, 95, 24) !important;
    color: rgb(239, 245, 239) !important;
}

.btn-success:focus,
.btn-b-primary:focus,
.btn-success:active,
.btn-b-primary:active {
    background-color: rgb(12, 75, 19) !important;
    border-color: rgb(12, 75, 19) !important;
    color: rgb(239, 245, 239) !important;
}

/* Boutons verts outline */
.btn-outline-success,
.btn-b-outline-primary {
    color: rgb(18, 118, 30) !important;
    border-color: rgb(18, 118, 30) !important;
    background-color: transparent !important;
}

.btn-outline-success:hover,
.btn-b-outline-primary:hover {
    background-color: rgb(18, 118, 30) !important;
    border-color: rgb(18, 118, 30) !important;
    color: rgb(239, 245, 239) !important;
}

/* ============================================
   Style 2: Boutons basés sur la couleur du menu
   ============================================ */

/* Boutons bleus (couleur menu) */
.btn-primary,
.btn-menu-theme {
    background-color: rgb(24, 38, 111) !important;
    color: rgb(241, 241, 246) !important;
    border-color: rgb(24, 38, 111) !important;
}

.btn-primary:hover,
.btn-menu-theme:hover {
    background-color: rgb(19, 30, 88) !important;
    border-color: rgb(19, 30, 88) !important;
    color: rgb(241, 241, 246) !important;
}

.btn-primary:focus,
.btn-menu-theme:focus,
.btn-primary:active,
.btn-menu-theme:active {
    background-color: rgb(15, 24, 70) !important;
    border-color: rgb(15, 24, 70) !important;
    color: rgb(241, 241, 246) !important;
}

/* Boutons bleus outline */
.btn-outline-primary {
    color: rgb(24, 38, 111) !important;
    border-color: rgb(24, 38, 111) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover {
    background-color: rgb(24, 38, 111) !important;
    border-color: rgb(24, 38, 111) !important;
    color: rgb(241, 241, 246) !important;
}

/* Retirer les ombres des boutons */
.btn,
.btn-success,
.btn-b-primary,
.btn-primary,
.btn-menu-theme,
.btn-outline-success,
.btn-b-outline-primary,
.btn-outline-primary {
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
}

.btn:hover,
.btn-success:hover,
.btn-b-primary:hover,
.btn-primary:hover,
.btn-menu-theme:hover {
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
}

/* ============================================
   3. LIST-STYLE ELEMENTS + SCROLL-TO-TOP
   ============================================ */

/* Puces des listes */
ul li::marker,
ol li::marker {
    color: rgb(254, 192, 13) !important;
}

ul li::before,
ol li::before {
    color: rgb(254, 192, 13) !important;
}

/* Puces des listes non ordonnées */
ul:not([class*="list-unstyled"]) li::marker {
    color: rgb(254, 192, 13) !important;
}

/* Puces des listes ordonnées */
ol li::marker {
    color: rgb(254, 192, 13) !important;
}

/* Puces personnalisées */
.list-group-item::before,
.menu-sub > .menu-item > .menu-link::before {
    background-color: rgb(254, 192, 13) !important;
}

/* Icônes dans les listes du footer - garder en jaune */
footer .text-success,
footer i.bi-chevron-right,
footer i.bi-link-45deg,
footer i.bi-telephone-fill,
footer i.bi-envelope-fill,
footer i.bi-geo-alt-fill {
    color: rgb(254, 192, 13) !important;
}

/* Surcharger le changement de couleur pour les icônes du footer */
footer .text-success,
footer i.text-success {
    color: rgb(254, 192, 13) !important;
}

/* Scroll-to-top button */
.scroll-to-top,
#scroll-to-top,
.btn-scroll-top,
[class*="scroll-top"],
[class*="scrollToTop"] {
    background-color: rgb(254, 192, 13) !important;
    color: rgb(0, 0, 0) !important;
    border-color: rgb(254, 192, 13) !important;
}

.scroll-to-top:hover,
#scroll-to-top:hover,
.btn-scroll-top:hover,
[class*="scroll-top"]:hover,
[class*="scrollToTop"]:hover {
    background-color: rgb(229, 173, 12) !important;
    border-color: rgb(229, 173, 12) !important;
    color: rgb(0, 0, 0) !important;
}

/* ============================================
   4. FOOTER
   ============================================ */

/* Footer du dashboard */
.content-footer.footer.bg-footer-theme,
.bg-footer-theme {
    background-color: rgb(23, 35, 51) !important;
    color: rgb(0, 0, 0) !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Footer du site web */
footer,
footer.bg-dark {
    background-color: rgb(23, 35, 51) !important;
    color: rgb(0, 0, 0) !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Texte du footer - version claire pour fond sombre */
.bg-footer-theme .footer-link,
.bg-footer-theme .footer-text,
footer a,
footer p,
footer span,
footer h5,
footer h6,
footer .text-white,
footer .text-white-50 {
    color: rgb(241, 241, 246) !important;
}

/* Texte du footer au survol - encore plus blanc, bg transparent */
.bg-footer-theme .footer-link:hover,
.bg-footer-theme .footer-link:focus,
footer a:hover,
footer a:focus,
footer a:hover *,
footer a:focus *,
footer .hover-link:hover,
footer .hover-link:hover *,
footer .hover-link:focus,
footer .hover-link:focus *,
footer .text-white-50:hover,
footer .text-white-50:focus,
footer a.text-white-50:hover,
footer a.text-white-50:focus,
footer a.text-white-50:hover span,
footer a.text-white-50:focus span,
footer a.text-white:hover,
footer a.text-white:focus,
footer a.text-white:hover span,
footer a.text-white:focus span {
    color: rgb(255, 255, 255) !important;
    opacity: 1 !important;
    background-color: transparent !important;
    text-decoration: none !important;
}

/* Surcharger l'opacité au survol pour tous les éléments text-white-50 */
footer .text-white-50:hover,
footer a.text-white-50:hover,
footer a.text-white-50:hover * {
    opacity: 1 !important;
    color: rgb(255, 255, 255) !important;
}

/* Icônes du footer au survol - devenir blanches */
footer a:hover i,
footer a:focus i,
footer .hover-link:hover i,
footer .hover-link:focus i,
footer a.text-white-50:hover i,
footer a.text-white-50:focus i,
footer a:hover .text-success,
footer a:focus .text-success,
footer .hover-link:hover .text-success,
footer .hover-link:focus .text-success,
footer a:hover i.text-success,
footer a:focus i.text-success {
    color: rgb(255, 255, 255) !important;
    opacity: 1 !important;
}

/* Retirer tous les effets d'arrière-plan du footer */
footer::before,
footer::after,
.bg-footer-theme::before,
.bg-footer-theme::after {
    display: none !important;
    content: none !important;
}

/* S'assurer que tous les éléments du footer ont un bg transparent au survol */
footer a,
footer .hover-link,
footer .dropdown-item,
footer button {
    background-color: transparent !important;
}

footer a:hover,
footer a:focus,
footer .hover-link:hover,
footer .hover-link:focus,
footer .dropdown-item:hover,
footer .dropdown-item:focus,
footer button:hover,
footer button:focus {
    background-color: transparent !important;
}

/* Bordures du footer */
.bg-footer-theme hr,
footer hr {
    border-color: rgba(0, 0, 0, 0.2) !important;
}

/* ============================================
   5. BODY - Conserver blanc et noir
   ============================================ */

body {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.bg-body {
    background-color: #ffffff !important;
}

/* ============================================
   6. RETIRER TOUS LES EFFETS D'ARRIÈRE-PLAN
   ============================================ */

/* Retirer blur, overlay, ombre, filtre partout */
*,
*::before,
*::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Retirer les ombres */
.card,
.navbar,
.menu,
.footer,
.content-footer,
.btn,
.modal,
.dropdown-menu,
.alert,
.badge {
    box-shadow: none !important;
}

/* Retirer les filtres */
img,
video,
canvas {
    filter: none !important;
}

/* Retirer les overlays */
.overlay,
[class*="overlay"],
[class*="backdrop"] {
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Overlay du breadcrumb - garder l'overlay (spécificité plus élevée) */
.breadcrumb-hero .overlay,
section.breadcrumb-hero .overlay {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Retirer les effets de blur sur navbar */
.navbar-scroll.scrolled {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

/* ============================================
   7. NAVBAR - Site web
   ============================================ */

/* Navbar du site web - retirer les effets */
.navbar-scroll,
.navbar-scroll.bg-white {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    background-color: rgb(24, 38, 111) !important;
}

.navbar-scroll.scrolled,
.navbar-scroll.scrolled.bg-white {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: rgb(24, 38, 111) !important;
    box-shadow: none !important;
}

/* ============================================
   8. AMÉLIORATIONS GÉNÉRALES
   ============================================ */

/* Transitions fluides */
.btn,
.menu-link,
.footer-link,
a {
    transition: all 0.3s ease !important;
}

/* Retirer les ombres des cartes */
.card {
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Retirer les ombres des modals */
.modal-content {
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Retirer les ombres des dropdowns */
.dropdown-menu {
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* ============================================
   9. VARIANTES DE BOUTONS POUR HIÉRARCHIE
   ============================================ */

/* Application intelligente des deux styles de boutons */

/* Boutons d'action principale (verts) */
.btn-submit,
[type="submit"],
.btn-save,
.btn-create,
.btn-add {
    background-color: rgb(18, 118, 30) !important;
    color: rgb(239, 245, 239) !important;
    border-color: rgb(18, 118, 30) !important;
}

.btn-submit:hover,
[type="submit"]:hover,
.btn-save:hover,
.btn-create:hover,
.btn-add:hover {
    background-color: rgb(15, 95, 24) !important;
    border-color: rgb(15, 95, 24) !important;
}

/* Boutons d'action secondaire (bleus - couleur menu) */
.btn-cancel,
.btn-secondary,
.btn-back {
    color: rgb(241, 241, 246) !important;
    border-color: rgb(24, 38, 111) !important;
}

.btn-cancel:hover,
.btn-secondary:hover,
.btn-back:hover {
    background-color: rgb(19, 30, 88) !important;
    border-color: rgb(19, 30, 88) !important;
}

/* ============================================
   10. RESPONSIVE
   ============================================ */

@media (max-width: 767.98px) {
    /* Menu mobile */
    .bg-menu-theme .menu-link {
        color: rgb(241, 241, 246) !important;
    }
    
    /* Footer mobile */
    footer {
        padding: 2rem 0 !important;
    }
}

/* ============================================
   11. TEXTES ET BORDURES - Remplacer vert par couleur menu
   ============================================ */

/* Changer text-success en couleur menu (sauf dans #article-detail et footer) */
.text-success {
    color: rgb(24, 38, 111) !important;
}

/* Garder le vert sur la page article */
#article-detail .text-success,
#article-detail i.text-success,
#article-detail .text-success i {
    color: rgb(18, 118, 30) !important;
}

/* Footer garde ses icônes en jaune (spécificité plus élevée) */
footer .text-success,
footer i.text-success,
footer i.bi-chevron-right,
footer i.bi-link-45deg,
footer i.bi-telephone-fill,
footer i.bi-envelope-fill,
footer i.bi-geo-alt-fill {
    color: rgb(254, 192, 13) !important;
}

/* Changer text-green-700 en couleur menu (sauf dans #article-detail) */
.text-green-700 {
    color: rgb(24, 38, 111) !important;
}

#article-detail .text-green-700 {
    color: rgb(18, 118, 30) !important;
}

/* Changer border-success en couleur menu (sauf dans #article-detail) */
.border-success {
    border-color: rgb(24, 38, 111) !important;
}

#article-detail .border-success {
    border-color: rgb(18, 118, 30) !important;
}

/* Changer les bordures de gauche (border-start) avec border-success */
.border-start.border-success {
    border-left-color: rgb(24, 38, 111) !important;
}

#article-detail .border-start.border-success {
    border-left-color: rgb(18, 118, 30) !important;
}

/* Changer les badges avec text-success (sauf dans #article-detail) */
.badge.text-success,
.text-success.badge {
    color: rgb(24, 38, 111) !important;
}

#article-detail .badge.text-success,
#article-detail .text-success.badge {
    color: rgb(18, 118, 30) !important;
}

/* Changer les liens avec text-success (sauf dans #article-detail) */
a.text-success,
.text-success a {
    color: rgb(24, 38, 111) !important;
}

#article-detail a.text-success,
#article-detail .text-success a {
    color: rgb(18, 118, 30) !important;
}

/* Changer text-b-primary en couleur menu (sauf dans #article-detail) */
.text-b-primary {
    color: rgb(24, 38, 111) !important;
}

#article-detail .text-b-primary {
    color: rgb(18, 118, 30) !important;
}

/* ============================================
   12. ICÔNES DES SECTIONS DE L'ACCUEIL - Couleur menu
   ============================================ */

/* Icônes des sections de l'accueil (Mission & Valeurs, Recours, etc.) */
.bg-b-success {
    background-color: rgb(24, 38, 111) !important;
}

/* Ligne verticale de la section "Traitement des réclamations" */
#processus .bg-b-success,
section#processus .bg-b-success {
    background-color: rgb(24, 38, 111) !important;
}

/* Séparateurs horizontaux (border-top) de toutes les sections */
.border-top.border-success {
    border-color: rgb(24, 38, 111) !important;
}

/* Séparateurs de la section traitement des réclamations */
#processus .border-success,
section#processus .border-success {
    border-color: rgb(24, 38, 111) !important;
}

/* Sauf sur la page article */
#article-detail .border-top.border-success,
#article-detail .border-success {
    border-color: rgb(18, 118, 30) !important;
}

/* ============================================
   FIN DU FICHIER
   ============================================ */