/*VARIABLES*/

:root {
    /*--Colors--*/
	--express_primary: #A22B87;
    --express_secondary: #F7A900;
    --express_neutral: #606062;
    --express_body: #1D1D1B;
    --express_items: #fff;
    --express_background: #fff;
    --header-icons-brigtness: brightness(1); /* 1=blanc 0=noir*/
    --img-radius: 0;
    --btn-radius: 0 45px 0 45px;
    /**/
    
    /*--Fonts--*/
    
    --font_def: 'Signika', sans-serif;
	--font_title: 'Dink', sans-serif;
    
    /**/
}

/*//VARIABLES//*/

/*-------------------*/

/*IMAGES*/

    /*BG*/

    .back-right{
        background-image: url('../images/droite.jpg');
    }

    .back-left{
        background-image: url('../images/gauche.jpg');
    }

    /**/

    /*Header*/

    header .header-search form i{
        background-image: url('../images/recherche.svg')
    }

    /**/

    /*Fiche Produit*/

    .boxArticle div.cadencier a, .article .droite div.cadencier a{
        background-image: url('../images/liste-envie.svg');
    }

    /**/

    /*Champs*/
	.choix-livraison-traiteur .choix-mag .choose-delivery .column-right {
		display: none !important;
	}

    .choix-enlevement-express .column-right .choix-date .r_conso, .choix-enlevement-express .column-right .choix-date .r_jour, .choix-enlevement-express .column-right .choix-date .r_heure, .choix-points-vente-details .date-retrait select, .express.choix-points-vente-details .heure-retrait, .choix-livraison-traiteur .choix-mag .choose-delivery .date-retrait select, .choix-livraison-traiteur .choix-mag .choose-delivery .heure-retrait select{
        background-image: url('../images/select-button.svg')
    }

    /**/

    /*Formulaires*/

    input[type="radio"]:checked + label{
        background-image: url('../images/radio-checked.svg')
    }

    input[type="checkbox"]:checked + label{
        background-image: url('../images/checkbox-checked.svg')
    }

    /**/

    /*Point de vente*/
    .choix-points-vente-details .row > .column-middle .column-right > .nom, .points-vente-details .row > .column-middle .column-right > span, .etape4 .row > .column-middle .column-right > .nom, .points-vente-details .modalLink > .column-right > .nom, .points-vente-details .row > .column-middle .column-right > .nom, .points-vente-details .modalLink > .column-right > .ville, .points-vente-details .row > .column-middle .column-right > .ville,
	.etape4 .row > .column-middle .column-right > .ville {
        background-image: url("../images/points-vente/logo.png");
    }

    .lien-fdf{
        display: none !important;
    }

    .map.ligne{
        display: none !important;
        width: 0;
        opacity: 0;
        height: 0;
        position: absolute;
    }

/*//IMAGES//*/


/*-------------------*/

/*SURCHARGE*/

a{
    color: var(--express_primary);
}

a:hover{
    color: var(--express_body);
}

.choix-livraison-traiteur .submit button:hover, .totalisation .row.action a:hover, .agencement.horizontal li.niveau_0:hover > a span, .agencement.horizontal .dropdown-menu li > a span{
    color: var(--express_body);
}

header .second .logo a img{
    width: 21em;
}

header .navbar-user > li, header .header-search form.f_search .input-group{
    border-radius: 600px;
}

div.spin button.spin-plus, div.spin button.spin-minus{ /*Couleur Spins*/
    color: var(--express_items);
}

/*Grille Accueil*/

.index .main-content .module-haut .module-rayons ul.row{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    column-gap: 2rem;
    row-gap: 2rem;
}

.index .main-content .module-haut .module-rayons ul.row:before{
    display: none;
}

.index .main-content .module-haut .module-rayons ul.row li{
    margin: 0 !important;
    width: 100%;
}

.index .main-content .module-haut .module-rayons ul.row li a img{
    width: 100%;
    height: auto;
}

/**/

/*Fiche Produit*/

.article > .row{
    display: flex;
    flex-direction: row;
    gap: 4rem;
    flex-wrap: wrap;
}

.article > .row:before, .article > .row:after{
    display: none;
}

.article > .row .gauche, .droite{
    margin: 0;
    padding: 0;
    float: none;
}

.article > .row .gauche{
    width: 35%;
}

.article > .row .droite{
    flex-grow: 1;
}

/**/

/*Formules*/

.liste .row .item form img, .multi_colonne .row .item form img{
    border: none;
}

/**/

footer .footer-widgets{
    background: var(--express_primary);
    padding: 40px;
    gap: 80px;
    max-width: var(--container_width);
    justify-content: right;
}

footer .footer-widgets > div{
    /*flex: 1 1 0px;*/
    width: 25%;
}

footer .footer-widgets div:nth-of-type(2){
    text-align: left;
}

footer .footer-widgets .footer-column{
    justify-content: left;
}

/*Produits en liste*/

.grid-content ul.bloc.row {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

.article-type-M, .article .composition .item, .boxCarrousel .item, .boxModule .item, .grid .bloc .item{
    width: 100%;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle{
    width: 100%;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    justify-content: start;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .hrefImage{
    width: auto;
}

.boxArticle .hrefImage img {
    width: 100%;
    height: auto;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .details{
    width: auto;
    flex-grow: 1;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .ajoutPanier{
    width: auto;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .ajoutPanier form{
    display: flex;
    flex-direction: column;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .ajoutPanier .spin{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .ajoutPanier .spin *{
    position: relative !important;
    top: unset;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .ajoutPanier .spin button{
    width: 24px;
    height: 24px;
    color: var(--express_items);
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .ajoutPanier .spin .libQte{
    display: none;
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle .short-desc{
    max-width: 300px;
}

.boxArticle .details .pu{
    text-align: left;
}

.boxArticle .in_cart{
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar-close{
    border-radius: 0; /*Corrige l'aspect du bouton de fermeture*/
}

/*Mobile*/

@media screen and (max-width:991px){

    header button.toggle-nav{
        top: 1.2em;
    }

    /*Rayons*/

    .boxArticle .hrefImage img{
        max-width: 70px;
    }

    /**/

    /*Choix Livraison*/

    .choix-livraison-traiteur .identification .submit.row button{
        width: 100%;
    }

    .choix-livraison-traiteur .main-content .choose-delivery .column-left{
        display: flex;
        flex-direction: column;
    }

    .choix-livraison-traiteur .main-content .choose-delivery .column-left{
        padding: 2rem !important;
    }

    .choix-livraison-traiteur .main-content .choose-delivery .column-left > div, .choose-delivery .column-left > form{
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .choix-livraison-traiteur .select-cp .input-group{
        display: flex;
        gap: 1rem;
        max-width: 100%;
    }

    .choix-livraison-traiteur .select-cp .input-group *{
        margin: 0 !important;
    }

    .choix-livraison-traiteur .select-cp .input-group .input-group-btn{
        width: auto;
    }

    .ui-dialog.ui-widget .choose-delivery.row form select{
        width: 80%;
    }

    /**/

    .grid.grid-article .grid-content .bloc.row .item .boxArticle .details{
        width: 40%;
    }

    /*Panier*/

    .etapes .etape-panier table thead .tharticle, .etapes .etape-panier table tbody .img.tdarticle{
        display: none;
    }

    .commande .commandeTotals, .etapes .commandeTotals{
        width: 100%;
    }

    /**/

    /*Footer*/

    footer .main-content{
        padding: 0 !important;
    }

    footer .footer-widgets{
        gap: 2rem;
    }

    footer .footer-widgets > div{
        width: 100%;
    }

    footer .footer-widgets h3{
        text-align: center;
    }

    /**/

    /*Modals*/

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-dialog-buttons, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.fiche-produit, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.points-vente-details, .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.choix-enlevement-express{
        width: 100% !important;
    }

    /**/

}

    /*UI*/

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .choix-points-vente-details td a, .ui-datepicker td a{
        border-radius: 0 !important;
    }

    /**/

/*//SURCHARGE//*/