body {
    background: #EEE;
    font-family: "Karla", sans-serif;
    font-weight: 300;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, .nav-link {
    font-family: "Karla", sans-serif;
    font-weight: 600;
    font-style: normal;
}

h6 {
    font-weight:200;
}


a, a:hover, a:focus {
    color: #e6a900;
}
/* Couleur d’accentuation pour Bailey */
.btn-accent {
    background-color: #e6a900;
    color: #fff;
}
.btn-accent {
    background-color: #8a6704;
    color: #fff;
}

/* Conteneur principal */
.dashboard-container {
    max-width: 1200px;
    margin: 40px auto;
}

/* Header dashboard */
.header-dashboard {
    background-color: #f5f5f5; /* gris très clair */
    padding: 1rem;
    margin-bottom: 1.5rem;
}

/* Boutons accent */
.btn-accent {
    background-color: #e6a900; /* Bailey */
    color: #fff;
}
.btn-accent:hover {
    background-color: #d59500; /* Bailey */
    color: #fff;
}

/* Alerts */
.alert {
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
}

/* Alert-info simplifiée */
.alert-info {
    background-color: #f5f5f5; /* gris léger */
    color: #333;
    border: 1px solid #ddd;
}

/* Alert-success */
.alert-success {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
}

/* Alert-danger */
.alert-danger {
    background-color: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
}

/* Card / formulaire login */
.card {
    border-radius: 0.5rem;
}


/* Boutons */
.btn-primary {
    background-color: #e6a900;
    border-color: #e6a900;
    --bs-btn-color: #fff;
    --bs-btn-bg: #e6a900;
    --bs-btn-border-color: #e6a900;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d59500;
    --bs-btn-hover-border-color: #d59500;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d59500;
    --bs-btn-active-border-color: #d59500;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #DDD;
    --bs-btn-disabled-border-color: #DDD;
}


/* Liens */
a {
    text-decoration: none;
}

@media (max-width: 1200px) {
    .dashboard-container {
        padding-left: 25px;
        padding-right: 25px;
    }
}


.accordion-button:not(.collapsed) {
    background: #e6a900;
    color: #FFF;
}
.accordion-button:focus {
    box-shadow: none !important;
}
.btn-outline-primary {
    --bs-btn-color: #e6a900;
    --bs-btn-border-color: #e6a900;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e6a900;
    --bs-btn-hover-border-color: #e6a900;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e6a900;
    --bs-btn-active-border-color: #e6a900;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #e6a900;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #e6a900;
    --bs-gradient: none;
}

.border-bailey {
    border-color: #e6a900;
}

.en-attente {
    border:1px solid #CCC !important;
    background-color: #f5f5f5;
}

.badge.bg-secondary {
    background-color: #d6d6d6 !important;
    color: #333 !important;
}
.badge-bailey {
    background-color: #e6a900 !important; /* couleur Bailey */
    color: #fff !important;
}

.badge-danger {
    background-color: #e63600 !important; /* couleur Bailey */
    color: #fff !important;
}



.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer;
}

.slider {
    position: absolute;
    cursor: pointer;
    background-color: #FFFFFF;
    transition: .4s;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: #e6a900;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #e6a900; /* bleu bootstrap */
}

input:checked + .slider:before {
    transform: translateX(24px);
}