/* Processus de commande
---------------------------------------------------------------------- */
.process-cmd ul { flex-direction: column; }

/* Récapitulatif (validation)
---------------------------------------------------------------------- */
.processPage .addresses { align-items: center; flex-direction: column; }
.processPage .addresses > article { width: 100%; }

/* Panier (bloc du panier)
---------------------------------------------------------------------- */
.basket.default.foot,
.basket.default.foot tfoot,
.basket.default.foot tfoot tr { display: flex; flex-wrap: wrap; width: 100%; }
.basket.default.foot tfoot td { flex: 1 1; }
.basket.default.foot tfoot td.corner { flex: 0 0 100%; width: 100%; border: none; }

/* Processus de commande
---------------------------------------------------------------------- */
.processPage nav { flex-direction: column; }
.processPage nav > .btn { width: 100%; margin: 5px 0; text-align: center; }
.processPage nav > .btn.next { margin: 5px 0; }



/* Login & création compte
---------------------------------------------------------------------- */
.processPage .auth {flex-direction: column;}
.processPage .auth > article { width: 100%; }
.auth > article { padding:10px 15px; }
.processPage .auth > article:not(:last-of-type) { margin-bottom: 10px; }

/* Popin ajout / ajouté au panier
---------------------------------------------------------------------- */
.modal.shop nav.actions { flex-direction: column; text-align: center; }
.modal.shop nav.actions > .btn { margin: 5px; }

/* Process commande monopage
---------------------------------------------------------------------- */
.monoPage > .struct-blocs { padding:0; }
.processCmd { padding-left:0 !important; padding-right:0 !important; }
.processCmd .modules { margin:0px 7px; padding-bottom:170px; }
.processCmd { flex-direction:column; gap:0px;  }
.processCmd .right { position:fixed; bottom:0; background-color:#FFF; z-index:10; width:100%; }
.processCmd .right #module-recapitulatif.mobileHidden { display:none; }
.processCmd .right .recap-content-nav { display:flex; width:100%; order:2; flex-direction:row; flex-wrap: wrap; }
.processCmd .right .recap-content-nav > * { flex:1; order:3; }
.processCmd .right .recap-content-nav > .message-container-wrapper { order:2; min-width:calc(90% - 20px); margin-left:10px; margin-right:10px; }
.processCmd .right .recap:not(.clicked) .recap-content-nav > .message-container-wrapper { display:none; }
.processPage .message-container-wrapper { order:2; }
.processCmd .right .recap-content-nav .cgv { order:1; width:100%; min-width:100%; }
.processCmd .right .recap { border-radius:0; border-left:0; border-right:0; padding:0; display:flex; flex-direction:column; }
.processCmd .right .recap > * { flex:1; padding:0; }
.processCmd .right .recap nav .btn.next { justify-content:center; }
.processCmd .modules .module { padding:8px 12px 8px; margin-bottom:8px; }
.processCmd .modules .module > .module-header > h3 { font-size:15px; }
.processCmd .modules .module > .module-header .btn { padding:4px 8px; }
.processCmd .modules .module .btn > span { display:none; }
.processCmd .modules .module > .module-header .btn > i { display:inline; }
.processCmd .modules .module .btn > i + span { display:none; }
.processCmd .right .recap .recap-content { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:2px 5px; align-items:start; }
.processCmd .right .recap .recap-content .nb-articles,
.processCmd .right .recap .recap-content .fdl { border-bottom:0; margin-bottom:0; padding-bottom:5px; }
.processCmd .right .recap .recap-content .total { border-top:0; padding:8px 0 8px; color:var(--type-success); justify-content:center; }
.processCmd .right .recap .recap-content .total > p { color:var(--type-success); justify-content:center; margin:0; }
.processCmd .right .recap .recap-content .total > p:first-child { display:none; }

.processCmd .right .recap .recap-content .subtotal,
.processCmd .right .recap .recap-content .fdl { display:none; width:100%; }

.processCmd .right .recap .recap-content .subtotal.show,
.processCmd .right .recap .recap-content .fdl.show { display:flex; }

.processCmd .right .recap .recap-content .nb-articles { width:100%; justify-content:start; }

.processCmd .right .recap .recap-content .nb-articles,
.processCmd .right .recap .recap-content .subtotal,
.processCmd .right .recap .recap-content .fdl { font-size:14px; padding:2px 0 2px 0; }

.processCmd .right .recap .recap-content .nb-articles span:last-child,
.processCmd .right .recap .recap-content .subtotal span:last-child,
.processCmd .right .recap .recap-content .fdl span:last-child { font-weight:bold; justify-content:start; }

.processCmd .right .recap > h3 { display:none; }
.processCmd .right .recap-content-nav > .cgv,
.processCmd .right .recap-content-nav > .choiceQuotation { background-color:#3f3f3f; padding:18px; color:#FFF; line-height:1.5em; margin-top:0; margin-bottom:0px; }
.processCmd .right .recap-content-nav > .choiceQuotation { order:0; padding-bottom:0; }
.processCmd .right .recap-content-nav > .cgv.hide { display:none; }
.processCmd .right .recap-content-nav > .cgv > label { line-height: 1.3em; }
.processCmd .right .recap-content-nav > .cgv > label a { color:#FFF; }
.processCmd .right .recap nav { padding:0 5px 0 0; }
.processCmd .modules .module .module-content > div { padding:10px; }
.processCmd .modules .module.date .module-content .edit .module-list > li .el { flex-direction:column; gap:10px; }
.processCmd .modules .module.date .module-content .edit .module-list > li .el-check { display:none; }
.processCmd .modules .module .module-content .module-list > li .el > .el-title span,
.processCmd .modules .module .module-content .module-list > li .el > .el-details span { display:block; }

.processCmd .digiForm nav .btn.next { text-align:center; justify-content:center; max-width:200px; margin-left:auto; margin-right:auto; }
.processPage .prod.card h2 a { font-size:14px; letter-spacing:0; }
.processPage .prod.card > .price { flex:1.5; font-size:16px; }
.processPage .prod.card { gap:10px; }


.cc-home-content { padding-top:0 !important; }
nav.mainNav .h-menu {
	--h-menu-size: 45px;
	display:flex;
}
.shop-view > aside { padding-top:0; padding-bottom:0; }
.shop-view > aside.shopColumn { display:none; }
.shop-filters-menu.open + aside.shopColumn { background-color:#FFF  !important; display:block !important; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;  z-index: 20; }
.shop-filters-menu .hasCriterias { background-color:var(--main-color2); color:#FFF; border-radius:10px; font-size:12px;  width:18px; height:18px; position:relative; bottom:10px; display:inline-flex; align-items:center; justify-content:center; }
.shop-filters .jslider { width:100%; }
body > header.fullpage { position:static !important; }
body > header.fullpage.scroll { position:static !important; }
body > header.fullpage { margin-bottom:0px !important; }
body > header.fullpage .wrapTitle { position:fixed; top:0; left:0; z-index:10; pointer-events:none; }
body > header.fullpage .wrapTitle .logo { margin-bottom:0 !important; margin-top:10px; text-align:left !important; padding-left:10px  !important; pointer-events:none; }
body > header.fullpage .wrapTitle .logo a { pointer-events:all;}
body > header.fullpage .wrapTitle .logo img { bottom:0 !important; width:162px !important; }
body > header.fullpage .overHead { z-index:10; }
body > header.fullpage nav.mainNav { position:fixed !important; top:0; width:100%; top:0px; background:#FFF; z-index:5; }
body > header.fullpage nav.mainNav > div > ul { background-color:#FFF !important; border-radius:0 !important; border-bottom:0 !important; margin-bottom:0 !important; }
body > header .overHead > div { flex-direction:column; padding-top:7px; gap:4px; height:auto !important; }
body > header .overHead > div > * { order:1; }
body > header .overHead > div > .delivery { gap:5px; order:2; flex-direction:row; width:100%; margin-top:40px; margin-bottom:10px; padding-left:10px; padding-right:10px; }
body > header .overHead > div > .delivery > span { display:block; width:96%; margin-bottom:4px; margin-left:auto !important; margin-right:auto !important; }
body > header .overHead .areas { margin-right:45px; position:relative; position:fixed; top:7px; right:0px; width:auto; z-index:10; }
body > header .overHead .areas .basketQtty { top:-5px; right:0px; }
body > header .overHead .areas li { background:rgba(213,213,213,.4) !important; margin-right:5px !important; min-width:40px; justify-content:center; }
body > header .overHead .areas li.user a.label { display:none; }
body > header .overHead .areas li.search input { display:none; }
body > header .overHead .areas li.search.open { position:fixed; width:100%; height:50px; background-color:#FFF !important; left:0px; top:0px; z-index:200; margin-left:0px; border-radius:0; height:100vh; justify-content:center; }
body > header .overHead .areas li.search.open input.search-terms { display:inline; border-radius:6px 0px 0px 5px; border:2px solid #343434; border-right:0px; width:75%; font-size:18px; padding:20px 15px; height:50px; }
body > header .overHead .areas li.search.open input.top-search-but { display:flex; height:50px; right:0px;opacity:1; width:50px; font-size:18px; }
body > header .overHead .areas li.search.open::before { top:auto; width:10%; background-size: 70%; }
body > header .overHead .areas li > span { padding:0 5px; }
body > header .overHead .areas li > span.label { display:none; }
body > header .overHead .search input { width:0; padding-left:0; margin-left:0; }
body > header.fullpage.scroll .wrapTitle { margin-top:0 !important; }
nav.mainNav.large .responsiveNav > li > a { font-size:18px; }
.filter-bloc { width:85%; margin-left:auto; margin-right:auto; }
.shopColumn > .shop-filters > div { flex-direction:column; gap:5px; }
.shopColumn > .shop-filters .filter { margin-bottom:10px; }
.shop-filters-menu { cursor:pointer; display:block; text-align:center; text-transform:uppercase; position:sticky; top:45px; background-color:#FFF; padding:10px 0; display:flex; align-items:center; z-index:4; justify-content:center; gap:5px; }
.shopColumn > .shop-filters-header { display:block; margin:20px; text-align:center; }
.shopColumn > .shop-filters-header h3 { text-align:center; font-size:24px; color:var(--main-color2); }
.shopColumn > .shop-filters-header .close { position:relative; top:-20px; right:-10px; }


.overHead .delivery .delivery-date input,
.overHead .delivery .delivery-adr input,
.overHead .delivery .delivery-time select { max-width:100%; width:100%; text-align:left; }
.overHead .delivery .delivery-date,
.overHead .delivery .delivery-adr,
.overHead .delivery .delivery-time  { max-width:100%; width:100%; padding-top:5px; padding-bottom:5px; }


header.homePage .overHead .delivery .delivery-date,
header.homePage .overHead .delivery .delivery-adr,
header.homePage .overHead .delivery .delivery-time { background:rgba(213,213,213,.4); }

main.homePage { padding-top:0; }
main.homePage .bloc-slider { display:none; }

.prodsList.style-mosaic { margin:0px 5px 10px 5px; }
.prodsList.style-mosaic > .prod {
	flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
	margin:0px 5px 10px 5px
}
.prodsList.style-mosaic > .prod header > div { margin-bottom:0; }
.prodsList > .prod .prod-content { flex-direction:column; }
.footer-cols { flex-direction:column; }
.footer-cols > div { margin-bottom:20px; }
.footer-nav { margin-bottom:0; }
.footer-nav li a { font-size:18px; padding:4px 0; }
.footer-cols > .footer-logors { text-align:center; }
.footer-logo,
.footer-menu h5,
.footer-nav li { text-align:center; }
footer ul.legalMenu li { display:block; text-align:center; margin:10px 0; }
.underFooter li { font-size:15px; width:100%; }

.overHead .delivery .delivery-date input,
.overHead .delivery .delivery-date input:empty { max-width:100%; width:100%; }

#viewProduct { max-width:100%; overflow:auto; display:block; padding-bottom:90px; }
#viewProduct article.prod { z-index:15; }
#viewProduct article.prod > .infos { padding:0; margin-bottom:10px; }
#viewProduct article.prod > .infos > .sell { background-color:#FFF; position:fixed; bottom:0px; width:100%; left:0px; z-index:10; flex-direction:row; padding:0px 10px; }
#viewProduct article.prod > .infos > .sell > * { flex:4; justify-content:center; }
#viewProduct article.prod > .infos > .sell > .price-delay { display:flex; flex-direction:column; justify-content:start; }
#viewProduct article.prod > .infos > .sell > .price-delay > * { order:1; margin-top:5px; }
#viewProduct article.prod > .infos > .sell > .price-delay .price { padding:0 !important; order:2; margin-bottom: 5px; justify-content: start; display: flex; text-align: left; align-items: start; }
#viewProduct article.prod > .infos > .sell > .price-delay .price > .actual { font-size: 26px; }
#viewProduct article.prod > .infos > .sell > .price-delay .price > .actualTTC { font-size:18px; }
#viewProduct article.prod > .infos > .sell > .add-to-basket { display:flex; flex:3; align-items:center; }
#viewProduct article.prod > .infos > .sell .pictos { display: none; }
#viewProduct article.prod > .desc .pictos2 { display:flex; }
#viewProduct article.prod > .infos > .sell > .add-to-basket .btn-sell {
	max-width: 140px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
	height:auto;
}
#viewProduct article.prod > .infos > .sell > .add-to-basket .btn-sell span { text-align:center; font-size:18px; }
#viewProduct .btn-delay-temp { padding:2px 15px !important; }
#viewProduct .desc > * { width:100%; max-width:100%; }
#viewProduct .main-picture img { max-width:100%; }
#viewProduct .recommended { z-index:10; }
#viewProduct .recommended h3 { font-size:26px; margin-top:0px !important; margin-bottom:10px !important; }
#viewProduct .recos { flex-wrap:wrap; justify-content:center; }

#deliveryModal { padding:30px; }
#deliveryModal .delivery-date, #deliveryModal .delivery-time { width:230px; }