/* DEBUT Modif Boutons "invité" et "connexion" */

.my-2 {
    width: max-content;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #416D60;
    border-radius: 6px 6px 6px 6px;
}
.my-2 .nav-item .active {
    background-color: #416D60;
    color: #ffffff!important;
}
.my-2 .nav-item .hover {
    color: #416D60;
}
.my-2 a.nav-link {
    padding: 10px;
}

.my-2 .nav-inline .nav-item+.nav-item, .nav-inline .nav-link+.nav-link {
    margin-left: 0rem!important;
}

.my-2 span.nav-separator {
    display: none!important;
}
 /* FIN Modif Boutons "invité" et "connexion" */


h6.h6.product-name {
    color: #C4674B!important;
    font-weight: 500;
}

span.price {
    color: #C4674B !important;
    font-weight: 700;
}

p.cart-products-count {
    color: #888 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .02);
}

.alert-info {
    background-color: #fff!important;
    border-color: #fff!important;
    color: #000!important;
}

.custom-radio input[type=radio]:checked+span {

    background-color: #C4674B!important;

}

body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: #C4674B 3px solid!important;
}

span.step-number {
    background-color: #C4674B !important;
    color: #fff !important;
}

.done {
    color: #C4674B !important;
}

a#exportDataToCsv {
        margin-bottom: 5px;

}

@media only screen and (max-width: 767px) {
body.ce-kit-1 h1 {
    font-size: 42px;
}
}

.btn-primary:active {

    background-color: #C4674B!important;;

}

.cart-grid-body a:focus, .cart-grid-body a:hover {
    color: #416D60!important;
}

.page-my-account #content .links a:hover i{
        color: #416D60!important;
}



@media only screen and (max-width: 767px) {
    /* Afficher le conteneur du menu "Accès rapide" */
    #quick-access-container {
        display: block !important;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        z-index: 9999; /* S'assurer que le menu est bien au-dessus des autres éléments */
    }

    /* Style pour l'icône du menu si elle est cachée sur mobile */
    #quick-access-container .quick-access.dropdown {
        display: block !important; /* Afficher le menu déroulant */
    }

    /* Ajuster l'apparence du menu pour qu'il soit utilisable sur mobile */
    #quick-access-container .dropdown-menu {
        display: block;
        position: relative;
        float: none;
        width: 100%;
    }

    /* S'assurer que les éléments du menu sont bien espacés et visibles */
    #quick-access-container .dropdown-menu li {
        padding: 10px;
        text-align: center; /* Centrer le texte pour une meilleure lisibilité sur mobile */
    }
}