/*VARIABLES*/

:root {
    /*--Colors--*/
	--express_primary: #e6444f;
    --express_secondary: #3b3b3b;
    --express_neutral: #3b3b3b;
    --express_body: #3b3b3b;
    --express_items: #fff;
    --express_background: #fff;
    --header-icons-brigtness: brightness(1); /* 1=blanc 0=noir*/
    --img-radius: 40px;
    /**/
    
    /*--Fonts--*/
    
    --font_def: 'Trebuchet MS', 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-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')
    }

    .choix-enlevement-express button.plan-situation{
        color: var(--express_body);
        text-decoration: underline;
    }

    /**/

    /*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;
    }

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

/*//IMAGES//*/


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

/*SURCHARGE*/

/*Header*/
header .second .logo a img{
    width: 43%;
}

.agencement.horizontal .navbar-nav > li > a{

    text-transform: uppercase;
}

header .glyphicons-home{
    color: var(--express_neutral);
}
/**/

.choix-points-vente-details .choix_libelle select, .choix-points-vente-details .heure-retrait select, .choix-points-vente-details .date-retrait select{
    width: 200px;
}

.item .boxRayon h3 label, .item .sousRayon h3 label{
    color: var(--express_primary) !important;
    font-family: var(--font_def) !important;
    font-weight: bold !important;
    font-size: 16px !important
}

/*.grid-article .bloc.row .item .short-desc{
    max-height: 65px;
    min-height: 65px;
    overflow: auto;
    margin-bottom: 1em;
}

.grid-article .bloc.row .item .lib{
    min-height: 57px;
}*/

.grid-article  .boxArticle .ajoutPanier{
    flex-grow: 1;
    display: flex;
    align-items: end;
    justify-content: center;
}

.grid-article  .boxArticle .ajoutPanier form{
    width: 100%;
}

/*.boxArticle .details{
    min-height: 230px;
}*/

/*.boxArticle div.acheter a:hover, .express.etapes .content .action a.login:hover{
    color: var(--express_body);
}*/

.fiche-produit .article .droite .reseau-sociaux{
    display: none;
}

.fiche-produit .article .droite .price{
    margin: 1em 0;
}

.module-cross-selling-article-associe .boxArticle .details{
    min-height: 0;
}

.article .row{
    display: flex;
    gap: 20px;
    padding: 40px;
}

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

.article .row .gauche{
    width: 40%;
}

.article .row .droite{
    width: 60%;
}

.article .bulle-promotion, .boxArticle .flag-promotion{
    right: unset;
    left: 1rem;
    top: 1rem;
    aspect-ratio: 1 / 1;
    height: auto;
    width: auto;
    border-radius: 99999px;
    background: var(--express_primary);
    padding: 10px;
    color: var(--express_items);
    display: flex;
    align-items: center;
    justify-content: center;
}
.article .bulle-promotion {
	font-size: 2.5em;
	right: 1rem;
	left: auto;
}

.choix-points-vente-details .boxStore .nom,
.choix-points-vente .boxStore .nom {
	display: block;
	font-size: 2em;
	margin-bottom: 10px;
}
.commande .itemsDetails .rupture td,
.etapes .itemsDetails .rupture td {
    color: var(--express_primary);
	background-color: var(--express_items);
}

form .price.art-groupe .spin span.libQte {
  font-size: 14px;
  display : block;
}
.droite form .price.art-groupe .pu .ttc,
.droite form .price.art-groupe .pu .unite {
   font-size: 14px;
}
.droite form .price.art-groupe .pu {
	width: 40% !important;
   font-size: 14px;
}
.droite form .price.art-groupe .pu, .droite form .price.art-groupe .pu .ttcCalc {
margin: 0;
}
.droite form .price.art-groupe .spin button.spin-minus, .droite form .price.art-groupe .spin button.spin-plus {
position: relative;
top: 0;
left: 0;
}
.droite form .price.art-groupe div.spin button {
height: 20px;
width: 20px;
padding: 0;
}
.droite form .price.art-groupe .spin button.spin-minus, 
.droite form .price.art-groupe .spin span.libQte {
font-size: 14px;
}
.droite form .price.art-groupe .spin button.spin-minus {
margin-left: 20px;
}
.droite form .price.art-groupe .spin button.spin-minus, .droite form .price.art-groupe .spin button.spin-plus {
position: relative;
top: 0;
left: 0;
}
.droite form .price.art-groupe {
display: flex;
flex-direction: row-reverse;
border: 1px solid gray;
padding: 0 15px;
border-radius: 600px;
margin-bottom: 12px;
align-items: center;
}

.droite form .price.art-groupe .spin {
display: flex;
width: 60%;
justify-content: flex-end;
align-items: center;
margin: 0 !important;
height: 40px;
}

.article .droite .pu .ttcCalc.hidden + .ttcPu {
font-size: 3em;
display: flex;
}
.article .droite .pu .ttcCalc.hidden + .ttcPu .unite {
display: block;
margin-left: 0px;
}

div.spin button.spin-plus, div.spin button.spin-minus{
    color: var(--express_background);
}

.grid.grid-article .grid-content .bloc.row .item .boxArticle{
    justify-content: flex-start;
}

.grid .grid-content{
    width: 100%;
    float: none;
}

.grid-content ul.bloc.row{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
    width: 100%;
}

.grid-content ul.bloc.row li{
    margin: 0;
}

.grid-content ul.bloc.row li .boxArticle{
    width: 100%;
}

.grid-content ul.bloc.row li .boxArticle .hrefImage img{
    width: 100;
    height: auto;
}

.points-vente-details .column-right .adr-cp{
    background-image: none !important;
}

.boxModule h4{
    background: transparent;
}

.liste-cadencier.ui-dialog{
    background: var(--express_background);
}

.liste-cadencier.ui-dialog form {
    display: flex;
    flex-direction: column;
}

.liste-cadencier.ui-dialog form .selector{
    margin: 12px 0;
}

.liste-cadencier.ui-dialog span, .liste-cadencier.ui-dialog .msg .nom{
    color: var(--express_body) !important;
}

header .cadencier > ul{
    background: transparent;
}

.express header .cadencier ul li{
    padding: 10px 18px;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));
    border: none;
}

.express header .cadencier ul li a:hover, .express header .cadencier ul li:hover, .express header .cadencier ul li a, .express header .cadencier ul li{
    background: var(--express_background);
    color: var(--express_body);
}

.etape-panier .menu .libelle{
    display: inline-block;
}

.action.row .anonyme{
    float: right !important;
    margin-right: 1em;
}

.action.row .continue{
    opacity: .8;
}

.action.row .continue a:hover{
    opacity: 1;
    background: var(--express_neutral) !important;
}

.select-mag-proximite .ville{
    display: none;
}

.ui-dialog.points-vente-details .ui-dialog-titlebar-close{
    filter: drop-shadow(1px 1px 2px);
}

.nouveau-compte .date-mariage, .nouveau-compte .prenom-conjoint{
    display: none;

}

/*Macarons fiche produit*/

.article .droite .macaron{
    margin-bottom: 2em;
}

.article .detail .ui-tabs .ui-tabs-nav{
    display: flex;
}

.article .detail .ui-tabs .ui-tabs-nav li:nth-child(1){
    order: 3;
}

.article .detail .ui-tabs .ui-tabs-nav li:nth-child(2){
    order: 1;
}

.article .detail .ui-tabs .ui-tabs-nav li:nth-child(3){
    order: 2;
}

.ui-tabs .ui-tabs-nav li:not(:first-of-type) {
    border-right: 1px solid #000;
}

.ui-tabs .ui-tabs-nav li:first-of-type{
    border: none;
}

/*Menus*/

.niveau.liste.vignette li.item{
    margin-bottom: 20px;
}

.liste .row .item form, .multi_colonne .row .item form{
    border: none;
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.liste .row .item form:hover, .multi_colonne .row .item form:hover{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.liste .row .item form img, .multi_colonne .row .item form img{
    border: none;
    border-radius: 20px;
}

.etape-menu a.passee .etape{
    background: var(--express_secondary);
}

.confirmation-menu .title, .menu .libelle, .table-choix .libelle, .etape-table .libelle .libelle, .client-profil, .ui-dialog .modalLink .module-haut{
    display: none;
}

.confirmation-menu .etape li{
    font-size: 1.5rem;
}

.confirmation-menu .etape li:before{
    content: "\2022";
    color: var(--express_primary);
    font-weight: bold;
    display: inline-block;
    width: 1em
}

.module-cross-selling-article-associe span{
    color: var(--express_primary);
}

.boxArticle .menu .etape a{
    display: none;
}

/**/

/*Commande*/

.etapes .etape-expedition .adresse-retrait .value,  a.plan-situation{
    color: var(--express_primary);
}

/**/

/*Footer*/

footer .main-content{
    background: var(--express_primary);
}

footer .footer-widgets{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: var(--express_primary);
}

footer .footer-widgets .footer-column{
    gap: 10px;
}

/**/

/*Mobile*/

@media(max-width: 1024px){
    .grid-content ul.bloc.row{
        grid-template-columns: repeat(3, 1fr);
    }

    header button.toggle-nav{
        top: 2.5rem;
    }
}

@media(max-width: 768px){
    .etapes .action.row{
        width: 70%;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }

    .etapes .action.row a{
        text-align: center;
        margin: 0;
    }

    .etapes .action.row .login{
        order: 1;
    }

    .etapes .action.row .anonyme{
        order: 2;
    }

    .etapes .action.row .continue{
        order: 3;
    }

    .article .row{
        flex-direction: column;
        padding: 20px;
    }
    
    .article .row .gauche, .article .row .droite{
        width: 100%;
    }

    .grid-content ul.bloc.row{
        grid-template-columns: repeat(2, 1fr);
    }

    /*Fiche Article*/

    .article .droite .price {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }

    .article .droite div.spin{
        width: 100;
        justify-content: center;
    }

    .article .droite div.acheter, .article .droite div.acheter a{
        width: 100%;
        text-align: center;
    }

    /**/

    /*Modale Ajout panier*/

    .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: 90vw !important;
    }

    .ui-dialog-content .msg .article-ajout .row{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .ui-dialog-content .msg .article-ajout .row.action{
        flex-direction: column;
    }

    .ui-dialog-content .msg .article-ajout .row.action > div, .ui-dialog-content .msg .article-ajout .row.action > div a{
        width: 100%;
        text-align: center;
    }

    .ui-dialog-content .msg .article-ajout .row > div{
        width: auto;
        float: none;
        margin: 0;
        padding: 0;
    }

    .ui-dialog-content .msg .article-ajout .row > div.img{
        width: 50;
    }

    .ui-dialog .ui-dialog-titlebar button, .ui-dialog .ui-dialog-titlebar-close {
        right: 20px !important;
        top: -56px !important;
        filter: brightness(1);
    }

    /**/
}

@media(max-width: 410px){
    .grid-content ul.bloc.row{
        grid-template-columns: repeat(1, 1fr);
    } 
}

/**/

/*//SURCHARGE//*/