.logo-theme {
    max-height: 40px;
    padding: 5px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1);
}

.offcanvas-header.theme {
    height: 60px;
}

.sidebar-nav.theme {
    height: calc(100vh - 325px); /* prend toute la hauteur de la fenêtre */
    overflow-y: auto; /* ajoute une barre de défilement verticale si nécessaire */
}


.btn-theme-color1 {
    background-color: hsl(31, 97%, 50%);
    border-color: hsl(31, 80%, 80%);
    color: hsl(0, 0%, 100%);
    border: 0;
    border-top: 2px solid hsl(21, 80%, 75%);
    box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1);
}
    .btn-theme-color1:hover {
        background-color: hsl(31, 100%, 55%);
        border-color: hsl(31, 85%, 80%);
        color: hsl(0, 0%, 100%) !important;
    }
    .btn-theme-color1:focus {
        background-color: hsl(31, 100%, 55%);
        border-color: hsl(31, 85%, 80%);
        color: hsl(0, 0%, 100%) !important;
        box-shadow: none;
        outline: 0;
    }


.bg-theme-color1 {
    background-color: hsl(31, 97%, 55%);
}

.border-theme-color1 {
    border-color: hsl(31, 97%, 55%) !important;
}

.text-theme-color1 {
    color: hsl(31, 97%, 55%) !important;
}

.bg-theme-color-top {
    background-color: white;
}

.btn-outline-theme-color-top {
    color: var(--bs-dark);
    border-color: var(--bs-dark);
}

.btn-close-theme{
    color: white;
}