/* Noogaa */
.left_col, .nav_title, .sidebar-footer a, .sidebar-footer, body {
    background: #F1BC34;
}

.left_col {
    background: linear-gradient(180deg, #F1BC34 0%, #b8830d 100%);
}

.sidebar-footer a {
    color: white;
}

body, .sidebar-footer a, .sidebar-footer {
    background: #b8830d;
}

.nav.side-menu > li > a, .nav.child_menu > li > a,.site_title {
    color: #1a1a1a !important;
    font-weight: 500;
}

.menu_section h3 {
    padding-left: 13px;
    color: #3a2a00;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: none;

}


/* Texte normal */
.nav.side-menu > li > a {
    color: #1a1a1a;
    transition: color 0.2s ease;
    text-decoration: none;
}

.nav.side-menu > li > a:hover,
.nav.side-menu > li > a:focus {
    color: #fdf1a5 !important; /* clair et doux */
    font-weight: 600;
}

.nav.side-menu > li.active > a {
    background: linear-gradient(180deg, #F1BC34 0%, #f4ae0d 100%);
    color: #1a1a1a;
}

.nav.side-menu > li.current-page, .nav.side-menu > li.active {

    border-right: 5px solid #1a1a1a !important;
}



/* =============================
   btn-success - texte brun foncé
   ============================= */
.btn-success {
    color: #3a2a00; /* brun foncé */
    background-color: #F1BC34; /* orange principal */
    border-color: #e0a800;
    transition: all 0.2s ease;
}

/* Hover / focus */
.btn-success:hover,
.btn-success:focus {
    color: #3a2a00;
    background-color: #e0a800; /* légèrement plus foncé */
    border-color: #d49f00;
    text-decoration: none;
}

/* Active / sélectionné */
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle {
    color: #3a2a00;
    background-color: #d49f00; /* encore plus foncé pour l’état actif */
    border-color: #c69400;
    box-shadow: none;
}

/* Disabled / désactivé */
.btn-success:disabled,
.btn-success.disabled {
    color: #a67c00;
    background-color: #fbc751; /* orange clair pour désactivé */
    border-color: #fbc751;
    opacity: 0.65;
    pointer-events: none;
}

/* Focus / outline */
.btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(251, 185, 17, 0.5); /* halo léger */
}

/* Harmonisation avec left_col */
#bandeau_admin {
    _background: #b8830d !important; /* légèrement plus foncé que #F1BC34 */
    color: #1a1a1a;      /* texte sombre */
}

/* gris chaud rappelant la couleur du texte */
.nav_menu {
    float: left;
    background: #4c4c4c;       /* brun foncé proche du texte de left_col */
    border-bottom: 1px solid #4c4c4c;
    margin-bottom: 10px;
    width: 100%;

    position: relative;
    color: #F1BC34;             /* texte orange pour contraste */
}

a.user-profile {
    color: #F1BC34 !important;
}

/* gris foncé neutre */
/* brun chaud pour rappel de left_col */
body {
    color: #3a2a00; /* brun foncé */

}
.dark {
    color: #2c2c2c;
}
/* Breadcrumb fond beige chaud */
.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #d8d8d8; /* beige chaud */
    border-radius: .25rem;
    color: #3a2a00;
}

.breadcrumb a {
    color: #3a2a00;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb a:hover {
    color: #1a1a1a;
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #1a1a1a;
    font-weight: 500;
}

#dta-articles tr {
    background-color: #fcfcfc !important; /* beige chaud */
}

.table-bordered td, .table-bordered th {
    border: 1px solid #edeadf;
}

a {
    color: #3a2a00 !important; /* brun foncé harmonisé */
    text-decoration: none;
}

a:hover {
    color: #1a1a1a !important; /* brun très foncé au hover */
    text-decoration: underline;
}

.page_process_commande .navbar {
    background-color: #F1BC34 !important;
}
.page_process_commande .navbar-brand span,.page_process_commande .navbar-brand i {
    color: #2c2c2c !important;
}

.accordion_selected {
    background: #4c4c4c !important;
    color: white !important;
}
.accordion_selected b,.accordion_selected i {
    color:white !important;
}

.left_col h2 {
    color : #3a2a00 !important;
    font-weight:bold;
}

.profile_info span {
    color : #3a2a00 !important;

}
.profile {
    margin-bottom:20px;
}
.img-circle.profile_img {
    margin-top:0px;
}
.profile_info {
    padding-top: 2px;

}
.main_menu span.fa {

    color: #1a1a1a;
}

.top_nav .nav_menu {

    background-color: #4c4c4c;

}
body {
    font-family: 'Barlow', sans-serif;
}
.badge {
    border-radius: 0;
}
.btn {
    border-radius: 0;
    text-transform: uppercase;
}
._nav_title {
    background : black;
    height : 100px;
    padding:0px;
    margin-bottom:20px;
}
#sidebar-menu {
    text-transform: uppercase;
}
/* Cacher les icônes sur écrans ≥ 768px (tablette/desktop) */
@media (min-width: 768px) {
    .nav-md .side-menu i.fa {
        display: none;
    }
}

/* Facultatif : montrer les icônes sur les petits écrans */
@media (max-width: 767px) {
    .side-menu i.fa {
        display: inline-block; /* ou inline selon ton besoin */
    }
}