/* 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%; }
.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 .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; }
.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 { background-color:#3f3f3f; padding:18px; color:#FFF; line-height:1.5em; margin-top:0; margin-bottom:0px; }
.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; }
