/***************************************************************************************/
/***************************************************************************************/
/************************************* CSS DE BASE *************************************/
/***************************************************************************************/
/***************************************************************************************/

/* AFFICHAGE DES TITRES */
.h1, .h2, .h3 {
    color: inherit;
    text-transform: inherit;
}

/* GLOBAL *******************************************************************/
#wrapper .container{
    padding-left: 0px;
    padding-right: 0px;
}

/* Largeur des marges sur mobile surtout pour le panier*/
@media (max-width: 767px){
    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
    .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
    .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
    .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, 
    .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* HEADER *******************************************************************/
/* gestion des marges */
#main .page-header{
    padding:1rem;
}
/* ajustement recherche */
.elementor-search__input{
    padding: 5px !important;
}
.elementor-search__icon elementor-search__clear{
    padding-right: 5px !important;
}
@media (max-width: 767px){
    input[type="search"].elementor-search__input{
        font-size: inherit !important;
    }
}

/* REASSURANCE **************************************************************/
#block-reassurance li .block-reassurance-item{
    padding: 0.5rem 0rem;
    display: table;
}
#block-reassurance li {
    border-bottom: 0px; 
}
#product #block-reassurance span {
    font-weight: normal;
}
#block-reassurance .block-reassurance-item img{
    display: table-cell;
    width: auto !important;
    max-width:35px !important;
    margin-right:10px !important;
}
#product #block-reassurance span{
    display: table-cell;
    vertical-align: middle;
}
.blockreassurance_product .item-product {
   margin-right: 15px !important; 
}
.blockreassurance_product p{
    display: table;
}

/* PAGE RECHERCHE ***********************************************************/
/* gestion des marges */
#search #main{
    padding: 1rem;
}

/* FOOTER *******************************************************************/
/* supprimer les marges sur footer checkout */
body#checkout #footer{
    padding:0px;
}

/* FIL D'ARIANE *************************************************************/
/* affiche le fil d'ariane sur la page produit principal pour éviter des décalages */
/*#category #wrapper .breadcrumb[data-depth="1"] {
    display:block !important;   
}*/
/* gestion des marges */
#wrapper .breadcrumb {
    padding: 1rem;
}
@media (max-width: 1200px){
    #wrapper .breadcrumb {
        padding: 10px;
    }
}

/* BANDEAU MESSAGE***********************************************************/
#header .elementor-text-editor p{
    padding: 0px!important;
    margin: 0px!important;
}
/* amélioration affichage widget témoignage */
.header-banner, .header-banner .elementor-container{
    height: 40px;
}


/* PAGE LISTING CATEGORIE **************************************************/
/*colornne de gauche*/
.block-categories{
    padding: 1.563rem 1.25rem;
    margin-bottom: 1.563rem;
    background: #fff;
}

#search_filters, .block-categories{
    border: 1px solid #efefef;
}

.category-sub-menu{
	list-style:none;
}

/* colonne de droite */
.block-category{
	min-height: auto;
	margin-bottom:0;
}

.category-cover{
	display: none;
}

#subcategories{
	border-top: 0 !important;
}

#subcategories.card-block{
	padding: 0 !important;
}

.subcategory-heading{
	display: none;
}

#subcategories ul li .subcategory-image a, #subcategories ul li .subcategory-image a:hover{
	border: 1px solid #fff !important;
}
#subcategories ul li .subcategory-image, #subcategories ul li .subcategory-image:hover{
	border: 1px solid #efefef;
	padding: 0;
}
#subcategories ul li .subcategory-name{
	margin-top: 10px;
    text-transform: none;
}
#subcategories ul li .subcategory-name:hover{
    color: inherit;
}

/* PAGE PRODUITS ***********************************************************/
.product-additional-info .tabs {
    padding: 0px !important;
}
.block-categories .h6, #search_filters>.h6{
    font-size: 0.8rem;
}

/* POPUP AJOUTER AU PANIER *************************************************/

/* couleur du nom du produit */
#blockcart-modal .product-name{
	color: #000;
}
/* taille phrase produit ajouté au panier avec succès sur mobile */
@media (max-width: 1200px){
    #blockcart-modal .modal-title{
        font-size: 0.8rem;
    }
}

/* PAGE PANIER *************************************************************/

/* couleur du prix des produits dans le résumé */
.product-price{
	color: #000;
}
/* ajustement des marges */
.cart-grid.row, .row{
    margin-right: 0;
    margin-left: 0;
}
.cart-grid-body{
    padding-left: 0;
    padding-right: 0;
}
.cart-item .product-line-grid .qty{
    padding:0px;
}
.cart-grid-body a.label:hover{
    color: #000;
}

/* PROCESSUS DE COMMANDE *************************************************************/

/* couleur des puces 1/ 2 / 3 /4 */
body#checkout section.checkout-step .address-item.selected{
    border: #7a7a7a 3px solid;
}
body#checkout section.checkout-step.-reachable.-current .step-number{
	background: #7a7a7a;
}
/* taille titre processus de commande */
    @media (max-width: 1200px){
    body#checkout section.checkout-step .step-title{
        font-size: 1rem;
    }
}

#order-confirmation .card-block{
    padding: 1.25rem 0 .5rem;
}

/* COMPTE CLIENT *************************************************************/
.label, label{
    text-align: left;
    display: inline;
}
#authentication h1, #password h1, #password p{
    text-align: center;
}
.forgotten-password .form-fields .email{
    width: 250px;
    padding-right: 5px;
}
.forgotten-password .form-fields label.required {
    width: 140px;
}

/* PAGE MAINTENANCE **********************************************************/

/* couleur du prix des produits dans le résumé */
#layout-error{
	box-shadow: none !important;
}
#layout-error .logo img{
	max-width: 300px !important;
}

/* PAGE CMS *******************************************************************/
.page-content.page-cms {
    padding: 0px !important;
}
#cms .page-header{
    display:none;
}
#cms h1{
    margin-bottom: 1rem;
}

/* BANDEAU DE CONSENTEMENT ****************************************************/
#pmAcbFooterConsentLinkContainer{
    font-size: 0.8em !important;
}
#acb-content a{
    text-decoration:underline;
}

/* CSS POUR MEGAMENU **********************************************************/
.bottomnav{
    display: none;
}
.menuHome2 .mm_menus_li{
    width: 100%;
}

/* affichage du mot menu */
@media (min-width: 768px) and (max-width: 1200px) {
    .ybc-menu-toggle{
        font-size: 16px; /* affiche le mot menu quand le menu est fermé */
    }
}
@media (max-width: 1200px) {
    .ybc-menu-toggle{
        font-size: 0px; /* masque le mot menu quand le menu est fermé */
        padding: 0px;
    }    
    .ybc-menu-toggle .icon-bar{
        height: 3px;
        margin: 4px 3px 1px 0;
        width: 22px;
    }
}

.mm_menu_content_title{
    padding:0 10px; /*réduit la marge entre les menus*/
}

/*permet de centrer le menu
.ets_mm_megamenu ul{
    text-align: center;
}*/
.ets_mm_megamenu .mm_columns_ul ul{
    text-align: left;
}

.mm_menus_li{
    float: none;
    display: inline-block;
}
.mm_columns_li{
    float: left;
}
/* fin de centrer le menu */
.ybc-menu-toggle .icon-bar{
    background: #fff;
}

@media (max-width: 1200px){
    /* version mobile**/
    .ets_mm_megamenu.hook-custom{
        margin-top: 0px !important;
    }
    
    .ets_mm_megamenu .container {
        background: none !important;
        max-width: 90px;
    }
    
    .mm_menus_ul {
        background: #fff !important;
    }
    
    .mm_columns_ul{
        margin-top: 0px !important;
        padding-top: 0px !important;
    }
    .mm_blocks_li{
        padding: 15px 15px;;
    }
    .mm_menu_content_title{
        padding: 0;
    }

    .pull-right{
        display: none; /* masque le mot retour quand menu ouvert*/
    } 
    .transition_floating .close_menu *, .transition_full .close_menu *, .ybc-menu-vertical-button .icon-bar{
        color: #fff !important; /*masque le mot menu quand menu ouvert*/
    }
    .close_menu .icon-bar, .ybc-menu-vertical-button .icon-bar{
        background-color: #000 !important;
    }
    .ybc-menu-vertical-button, .transition_floating .close_menu, .transition_full .close_menu{
        background: #fff !important;
    }
    
    /* affiche le sous menu sur mobile sur clic plutôt que rediriger sur la page principale de la catégorie parente */
    .changestatus .mm_menus_ul .arrow::before{
        right: 8px !important;
        left: initial !important;
    }
    .changestatus .mm_menus_ul .arrow::after{
        right: 20px !important;
        left: initial !important;
    }
    .changestatus .arrow{
        width: 100% !important;
    }

    /*fin version mobile*/
}
/* FIN MEGA MENU **************************************************************/

/* BOUTON *********************************************************************/
.btn-primary {
    white-space: normal !important; /* retour de ligne sur mobile si texte long */
}

/* BOUTON bandeau cookie RGPD */
.lgcookieslaw-button{
    border: 0 !important;
}


/***************************************************************************************/
/***************************************************************************************/
/***************************** CSS SPÉCIFIQUE AU PROJET ********************************/
/***************************************************************************************/
/***************************************************************************************/

#wrapper{
    padding-top:0;
}

#category .breadcrumb{
    display: none;
}


/* Présentation point de fidélité */
.alert-loyalty {
    background-color: #fff !important;
    border-color: #E6078B !important;
    color: #777 !important;
    border-style: dashed !important;
}

.alert-loyalty img{
    display:none;
}

.loyalty-block .alert{
    padding-left: 10px !important;
}
/* FIN Présentation point de fidélité */