/* Bag To Bag — overrides */

/* Désactive la capitalisation automatique partout */
* {
    text-transform: none !important;
}

/* Rétablit les uppercase légitimes du template */
.badge,
.f-light.text-uppercase,
.txt-upper {
    text-transform: uppercase !important;
}

/* =============================================
   COULEUR PRIMAIRE — Bag To Bag orange
   Écrase --theme-deafult (typo du template)
   ============================================= */

:root {
    --theme-deafult: #ea580c !important;
    --light-shade-primary: rgba(234, 88, 12, 0.15) !important;
}

/* Boutons primary */
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not([disabled]):not(.disabled).active {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #c2410c !important;
    border-color: #c2410c !important;
}

/* Boutons outline-primary */
.btn-outline-primary {
    color: #ea580c !important;
    border-color: #ea580c !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: #fff !important;
}

/* Badge primary */
.badge-light-primary {
    background-color: rgba(234, 88, 12, 0.15) !important;
    color: #ea580c !important;
}

/* Textes & icônes primaires */
.txt-primary,
.font-primary {
    color: #ea580c !important;
}

/* Liens actifs, focus rings */
a:not(.btn):not(.sidebar-link) {
    color: #ea580c;
}
a:not(.btn):not(.sidebar-link):hover {
    color: #c2410c;
}

/* Pagination active */
.page-item.active .page-link {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
}
.page-link {
    color: #ea580c !important;
}
.page-link:hover {
    color: #c2410c !important;
}

/* =============================================
   SIDEBAR — couleurs Bag To Bag (orange)
   ============================================= */

.sidebar-wrapper {
    background: linear-gradient(160deg, #f97316 0%, #ea580c 60%, #c2410c 100%) !important;
}

/* Logo wrapper */
.sidebar-wrapper .logo-wrapper,
.sidebar-wrapper .logo-icon-wrapper {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Titres de section (Général, Utilisateurs…) */
.sidebar-wrapper .sidebar-main-title h6,
.sidebar-wrapper .sidebar-main-title div h6,
.sidebar-wrapper li.sidebar-main-title h6 {
    color: #fff !important;
    opacity: 1 !important;
}
.sidebar-wrapper .sidebar-main-title::before {
    background: rgba(255, 255, 255, 0.3) !important;
}

/* Liens nav */
.sidebar-wrapper .sidebar-link span,
.sidebar-wrapper .sidebar-link svg {
    color: rgba(255, 255, 255, 0.85) !important;
    stroke: rgba(255, 255, 255, 0.85) !important;
    fill: rgba(255, 255, 255, 0.85) !important;
}

.sidebar-wrapper .sidebar-link svg.stroke-icon use {
    stroke: rgba(255, 255, 255, 0.85) !important;
}
.sidebar-wrapper .sidebar-link svg.fill-icon use {
    fill: rgba(255, 255, 255, 0.85) !important;
}

/* Hover */
.sidebar-wrapper .sidebar-list:hover .sidebar-link span,
.sidebar-wrapper .sidebar-list:hover .sidebar-link svg {
    color: #fff !important;
    stroke: #fff !important;
}

/* Lien actif */
.sidebar-wrapper .sidebar-list.active > .sidebar-link,
.sidebar-wrapper .sidebar-link.active {
    background: rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px !important;
}
.sidebar-wrapper .sidebar-list.active > .sidebar-link span,
.sidebar-wrapper .sidebar-list.active > .sidebar-link svg,
.sidebar-wrapper .sidebar-link.active span,
.sidebar-wrapper .sidebar-link.active svg {
    color: #fff !important;
    stroke: #fff !important;
    fill: #fff !important;
}
.sidebar-wrapper .sidebar-list.active > .sidebar-link svg.stroke-icon use {
    stroke: #fff !important;
}
.sidebar-wrapper .sidebar-list.active > .sidebar-link svg.fill-icon use {
    fill: #fff !important;
}

/* Icônes toggle / chevrons Feather */
.sidebar-wrapper [data-feather] {
    color: rgba(255, 255, 255, 0.85) !important;
    stroke: rgba(255, 255, 255, 0.85) !important;
}

/* Scrollbar custom */
.sidebar-wrapper .simplebar-scrollbar::before {
    background: rgba(255, 255, 255, 0.3) !important;
}

/* Flèches de navigation latérales */
.sidebar-wrapper .left-arrow,
.sidebar-wrapper .right-arrow {
    background: transparent !important;
    color: #fff !important;
}