/*
Theme Name: DE BEAUX DRAPS
Theme URI: https://www.eweb-agency.fr
Description: Thème developper par Eweb Agency
Author: Eweb Agency
Author URI: https://www.eweb-agency.fr
Template: ettore
Version: 1.0.0
*/

.page-id-731 .qodef-m-user::before {
  content: '';
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.26 16.34"><ellipse cx="9.13" cy="3.91" rx="3.33" ry="3.21" fill="none" stroke="%23ffffff" stroke-width="1"/><path d="M0.63,15.7c0-3.91,3.81-7.07,8.5-7.07s8.5,3.17,8.5,7.07" fill="none" stroke="%23ffffff" stroke-width="1"/></svg>') no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.qodef-m-user::before {
  content: '';
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.26 16.34"><ellipse cx="9.13" cy="3.91" rx="3.33" ry="3.21" fill="none" stroke="%23000000" stroke-width="1"/><path d="M0.63,15.7c0-3.91,3.81-7.07,8.5-7.07s8.5,3.17,8.5,7.07" fill="none" stroke="%23000000" stroke-width="1"/></svg>') no-repeat center;    background-size: contain;
    vertical-align: middle;
}
.qodef-m-user-name, .qodef-m-user-image {
  display: none;
}

@media screen and (min-width: 768px) {

.custom-empty-cart {
   position: absolute;
   bottom: 8%;
   left: 50%;
   transform: translateX(-50%); 
   text-align: center; 
   width: 100%; 
}
}

.custom-empty-cart .custom-button {
   font-size: 12px;
   font-weight: 400;
   line-height: 1em;
   letter-spacing: .08em;
   font-family: Jost, sans-serif;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: auto;
   margin: 0;
   text-decoration: none;
   text-transform: uppercase;
   border-radius: 0;
   outline: 0;
   transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
   padding: 19px 50px;
   cursor: pointer;
   z-index: 3;
   color: white;
   background-color: rgb(7,45,91);
   border: 1px solid transparent;
}
.custom-empty-cart .custom-button:hover {
    background-color: #333; /* Couleur au survol */
    color: #fff;
}
@media screen and (max-width: 767px) {
.custom-empty-cart {
   position: absolute;
   bottom: 40%;
   left: 50%;
   transform: translateX(-50%); 
   text-align: center; 
   width: 100%; 
}

    h5.qodef-widget-title::after {
    transition: none; /* Désactive les transitions */
}

.menu-footer-menu-1-container,
.menu-footer-menu-2-container,
.menu-footer-menu-3-container {
    transition: none; /* Désactive les transitions */
}
    /* Style de base pour le titre */
    h5.qodef-widget-title {
        position: relative;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        align-items: center;
        justify-content: space-between; /* Positionne l'icône à droite */
        color: #fff; /* Couleur du texte en blanc */
        font-weight: 500;
        z-index: 10;
    }

    /* Ajout de l'icône SVG après le h5 */
    h5.qodef-widget-title::after {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="white" viewBox="0 0 18 18"><path d="M4.5 7.333 9.167 12l4.666-4.667"></path></svg>') no-repeat center;
        background-size: contain;
   /*     transition: transform 0.3s ease;
    */}

    /* Rotation de l'icône lorsque le titre est ouvert */
 /*   h5.qodef-widget-title.open::after {
        transform: rotate(180deg);
    }
*/
    /* Conteneur des menus en mode ouvert */
    .menu-footer-menu-1-container.open,
    .menu-footer-menu-2-container.open,
    .menu-footer-menu-3-container.open {
        max-height: 500px; /* Ajustez selon la hauteur du contenu */
        overflow: visible;
    /*    transition: max-height 0.3s ease-out;
*/    }

    /* Conteneur des menus en mode fermé */
    .menu-footer-menu-1-container,
    .menu-footer-menu-2-container,
    .menu-footer-menu-3-container {
        max-height: 0;
        overflow: hidden;
  /*      transition: max-height 0.3s ease-in;
    */}
    #qodef-page-footer-top-area-inner ul {
      text-align: left;
      padding-top: 15px;
    }
    #qodef-page-footer-top-area-inner ul li a {
        font-size: 14px;
    }
    #qodef-page-footer .widget .qodef-widget-title {
        margin: 0px;
    }
    #qodef-page-footer-top-area-inner .qodef-grid .qodef-grid-item {
      border-top: 1px solid #ffffff5c;
      padding-top: 20px;
    }
    
    /* Ajouter une bordure en bas au dernier élément */
    #qodef-page-footer-top-area-inner .qodef-grid .qodef-grid-item:last-child {
      border-bottom: 1px solid #ffffff5c;
      padding-bottom: 20px; /* Optionnel, pour équilibrer les espacements */
    }

}