:root {
    --primary: #2E7D32;
    --secondary: #1A3D6C;
    --success: #28a745;
    --warning: #ffc107;
    --info: #17a2b8;
    --danger: #dc3545;
}
h3, h5{
 text-transform: none !important;
}
.btn-primary{
    background-color: var(--primary) !important;
    border: var(--primary);
}
.btn-danger{
    background-color: var(--danger) !important;
    border: var(--danger);
}
/* 1. Changer la couleur du texte des boutons (non actifs) */
    .pagination .page-link {
        color: var(--primary); /* Ta couleur principale (ici rouge pour l'exemple) */
        background-color: #fff;
        border-color: #dee2e6; /* Couleur de bordure par défaut */
    }

    /* Optionnel : Changer la couleur au survol (hover) */
    .pagination .page-link:hover {
        color: var(--primary); /* Une version plus foncée de ta couleur */
        background-color: #f8f9fa;
        border-color: #dee2e6;
    }

    /* 2. Changer la couleur du bouton Actif (Page courante) */
    .pagination .page-item.active .page-link {
        background-color: var(--primary) !important; /* Fond de ta couleur */
        border-color: var(--primary) !important;     /* Bordure de ta couleur */
        color: white !important;              /* Texte en blanc */
    }

    /* 3. Enlever le "focus ring" (la bordure bleue au clic) */
    .pagination .page-link:focus {
        box-shadow: none; /* C'est ça qui enlève le halo bleu */
        outline: none;    /* Sécurité supplémentaire */
        
        /* Optionnel : garder ta couleur de texte même au focus */
        background-color: #f8f9fa; 
        color: var(--primary);
    }


/* Page Ajouter un bien */
.sidebar-left-wrapper .sidebar-left-icons .nav-item .nav-link .nav-rounded {
  /* background-color: var(--primary); */
  height: 42px;
  border: 1px solid var(--secondary) !important;
  position: relative;
  z-index: 2;
  border-radius: 100%;
  padding: 2px;
  box-shadow: inset 0px 9px 20px 0px rgba(46, 35, 94, 0.07);
}
.product-icons::before{
    background-color: var(--primary) !important;
}





/* Couleur de fond de la sidebar */
.sidebar-wrapper {
    background-color: #1d1e26 !important;
}

.sidebar-wrapper .sidebar-main {
    background-color: #1d1e26 !important;
}

/* 1. Couleur par DÉFAUT (Textes et Icônes) */
.sidebar-link span {
    color: #f4f4f463 !important;
}

.sidebar-link svg, .sidebar-link i {
    color: #f4f4f463 !important;
    stroke: #f4f4f463 !important;
}

/* 2. Couleur HOVER et ACTIVE (Background success-light / Texte #2E7D32) */
/* success-light est représenté ici par #e8f5e9 */

.sidebar-wrapper .sidebar-list:hover > .sidebar-link,
.sidebar-wrapper .sidebar-link.active,
.sidebar-wrapper .sidebar-submenu li :hover,
.sidebar-wrapper .sidebar-submenu li .active {
    /* background-color: #e8f5e9 !important;
    color: #2E7D32 !important; */
}

/* 3. Couleur du TEXTE et des ICÔNES en mode HOVER et ACTIVE */
.sidebar-wrapper .sidebar-list:hover > .sidebar-link span,
.sidebar-wrapper .sidebar-link.active span,
.sidebar-wrapper .sidebar-submenu li :hover a,
.sidebar-wrapper .sidebar-submenu li a.active {
    color: #2E7D32 !important;
    border-radius: 0px !important;
}

.sidebar-wrapper .sidebar-list:hover > .sidebar-link svg,
.sidebar-wrapper .sidebar-link.active svg,
.sidebar-wrapper .sidebar-list:hover > .sidebar-link i,
.sidebar-wrapper .sidebar-link.active i {
    color: #2E7D32 !important;
    stroke: #2E7D32 !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after {
  background-color: #2E7D32 !important;
  border-radius: 5px 0px 0px 5px;
}
/* S'applique aux téléphones et tablettes en mode portrait (écrans < 992px) */
@media (max-width: 991.98px) {
  .container, 
  .container-fluid, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl, 
  .container-xxl {
    --bs-gutter-x: 0.5rem !important;
    --bs-gutter-y: 0 !important;
  }
}

/* Votre règle par défaut pour les écrans larges (Desktop) reste inchangée */
@media (min-width: 992px) {
  .container, 
  .container-fluid, 
  .container-lg, 
  .container-md, 
  .container-sm, 
  .container-xl, 
  .container-xxl {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
  }
}

/* Couleur par défaut des textes dans les sous-menus */
.sidebar-submenu li a {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Couleur au HOVER et ACTIVE pour les textes des sous-menus */
/* Applique le background success-light et le texte vert foncé */
.sidebar-wrapper .sidebar-submenu li :hover,
.sidebar-wrapper .sidebar-submenu li a.active {
    /* background-color: #e8f5e9 !important; 
    color: #2E7D32 !important;
    border-radius: 5px;  */
}

/* Correction de la petite puce/icône souvent présente devant les sous-menus */
.sidebar-wrapper .sidebar-submenu li :hover::before,
.sidebar-wrapper .sidebar-submenu li a.active::before {
    background-color: #2E7D32 !important;
}

/* 1. Icônes de l'en-tête (SVG et Feather) */
.nav-menus li svg {
    width: 20px;
    height: 20px;
    stroke: #1d1e26; /* Couleur sombre par défaut */
    fill: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.nav-menus li:hover svg {
    stroke: #2E7D32 !important; /* Vert au survol */
}

/* Style spécifique pour le nom de l'utilisateur dans l'en-tête */
.profile-media span {
    font-weight: 600;
    color: #1d1e26;
}

.profile-media p {
    font-size: 12px;
    color: #666;
}

/* TITLE FOR ALL PAGE */
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item i{
    color: #2E7D32 !important;
}
.page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active{
    color: #2E7D32 !important;
}


/* SWALALERT */
.swal2-container .swal2-actions .swal2-confirm {
    background-color: #2E7D32 !important;
    color: #fff !important;
}
.swal2-container .swal2-actions .swal2-confirm:hover {
    background-color: #2E7D32 !important;
    color: #fff !important;
}

.swal2-container .swal2-actions .swal2-cancel {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.whatsnew-btn a:hover{
    color: #2E7D32 !important;
}

.toggle-sidebar::before {
  content: "";
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: #2E7D32;
  border-radius: 100%;
  left: -10px;
  z-index: -2;
  top: -8px;
  transform: scale(0);
  transition: all 0.3s ease;
  color: #fff !important;
}
.toggle-sidebar svg {
  color: #2E7D32 !important;
}
.toggle-sidebar svg::before {
  color: #fff !important;
}
.toggle-sidebar:hover > svg {
  color: #fff !important;
  stroke: #fff !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn {
    color: #fff;
}





/* SOLUTION FINALE - Supprimer l'espace du titre "MENU PRINCIPAL" */
.sidebar-main-title {
    margin-top: 0 !important;
    padding-top: 5px !important;
    margin-bottom: 8px !important;
    padding-bottom: 5px !important;
}

/* Supprimer complètement l'espace au-dessus du premier titre */
.sidebar-main-title:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Forcer le menu à commencer directement */
.sidebar-wrapper .sidebar-main #sidebar-menu {
    padding-top: 0 !important;
}

/* Supprimer le padding du conteneur simplebar */
#simple-bar {
    padding-top: 0 !important;
}

.alert-dismissible p{
    max-width: 100% !important;
}

.sidebar-panel-main{
    display: none !important;
}
.tap-top{
    background-color: #2E7D32 !important;
}