1 line
No EOL
10 KiB
CSS
1 line
No EOL
10 KiB
CSS
#panneau-panier{border-right:1px solid var(--couleur-noir)}#panneau-panier>div{place-content:center}#panneau-panier .panneau__grille-produits{flex-flow:column;display:flex}#panneau-panier .panneau__grille-produits__produit{border-bottom:1px solid var(--couleur-noir);grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid}#panneau-panier .panneau__grille-produits__produit__illustratif{border-right:1px solid var(--couleur-noir)}#panneau-panier .panneau__grille-produits__produit__illustratif picture{height:100%;overflow:hidden}#panneau-panier .panneau__grille-produits__produit__illustratif img{aspect-ratio:1;height:auto}#panneau-panier .panneau__grille-produits .detail-produit{width:fit-content;padding:0 var(--espace-xl);flex-flow:column;place-content:center;margin:auto;font-style:italic;display:flex}#panneau-panier .panneau__grille-produits .detail-produit__nom-prix{column-gap:var(--espace-l);font-size:var(--espace-l);line-height:var(--hauteur-ligne-moitie);flex-flow:row;justify-content:space-between;display:flex}#panneau-panier .panneau__grille-produits .detail-produit__nom-prix span{min-width:4rem;font-weight:600;font-style:initial;text-align:right}#panneau-panier .panneau__grille-produits .detail-produit__description{margin-bottom:var(--espace-l);text-transform:lowercase}#panneau-panier .panneau__grille-produits .detail-produit__actions{font-weight:500;font-style:initial;grid-template-rows:1fr 1fr;grid-template-columns:.25fr auto .25fr;display:grid}#panneau-panier .panneau__grille-produits .detail-produit__actions button:first-of-type{border:1px solid var(--couleur-noir);border-bottom:initial;grid-column:1;min-width:3rem;max-width:3rem}#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]{text-align:center;appearance:textfield;border:initial;border-top:1px solid var(--couleur-noir);grid-column:2;width:100%}#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-outer-spin-button,#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}#panneau-panier .panneau__grille-produits .detail-produit__actions button:nth-of-type(2){border:1px solid var(--couleur-noir);border-bottom:initial;grid-column:3;min-width:3rem;max-width:3rem}#panneau-panier .panneau__grille-produits .detail-produit__actions button:last-of-type{padding:var(--espace-xs);text-transform:lowercase;border:1px solid var(--couleur-noir);grid-area:2/span 3}#panneau-panier .panneau__instructions-code-promo{width:100%;padding:var(--espace-l)var(--espace-xl);text-align:center;border-bottom:1px solid var(--couleur-noir)}#panneau-panier .panneau__instructions-code-promo__instructions{resize:vertical;width:100%;margin:auto;margin-bottom:var(--espace-s);padding:var(--espace-s);background:initial;border:1px solid #0000;font-size:.8rem;font-weight:450;display:block}#panneau-panier .panneau__instructions-code-promo__code-promo{flex-flow:wrap;place-content:center;width:fit-content;margin:auto;display:flex}#panneau-panier .panneau__instructions-code-promo__code-promo button{min-width:9rem;padding:var(--espace-xs)var(--espace-xl);text-transform:lowercase;border:1px solid var(--couleur-noir);border-left:initial}#panneau-panier .panneau__instructions-code-promo__code-promo__message{margin-top:var(--espace-m);flex-basis:100%}#panneau-panier .panneau__sous-totaux{width:min(40rem,100%);padding:var(--espace-l)var(--espace-xl);text-align:center;margin:auto}#panneau-panier .panneau__sous-totaux__ligne{flex-flow:row;justify-content:space-between;font-style:italic;display:flex}#panneau-panier .panneau__sous-totaux__ligne strong{text-align:right;text-transform:lowercase}#panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type{text-align:right}#panneau-panier .panneau__sous-totaux__ligne#sous-total-livraison p:last-of-type span{color:gray}#panneau-panier .panneau__sous-totaux__choix-methode-livraison{gap:var(--espace-xs)var(--espace-m);letter-spacing:inherit;flex-flow:wrap;justify-content:center;font-size:.9rem}#panneau-panier .panneau__sous-totaux__choix-methode-livraison>label:first-of-type{cursor:revert;margin-bottom:var(--espace-xs);color:gray;text-align:center;text-transform:lowercase;flex-basis:100%}#panneau-panier .panneau__sous-totaux__choix-methode-livraison div{flex-flow:row;place-items:center;column-gap:1ch;display:flex}#panneau-panier .panneau__sous-totaux__conditions-livraison{margin-top:var(--espace-l);color:gray;letter-spacing:var(--espacement-inter-lettres-etendu-s);font-size:.8rem;font-weight:450}#panneau-panier .panneau__pied-de-page{padding:var(--espace-l)0;color:var(--couleur-blanc);text-align:center;text-transform:uppercase;letter-spacing:2px;background:var(--couleur-noir);align-content:center;font-size:1.25rem;font-style:italic}#panneau-panier .panneau__pied-de-page span{margin-left:var(--espace-l);font-style:initial}@media (width<=500px){#panneau-panier .panneau__grille-produits__produit__illustratif img{height:100%}#panneau-panier .panneau__grille-produits .detail-produit{padding:var(--espace-l)}#panneau-panier .panneau__grille-produits .detail-produit .detail-produit__nom-prix{column-gap:var(--espace-l)}#panneau-panier .panneau__instructions-code-promo{padding:var(--espace-xl)var(--espace-l)}#panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo input,#panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo button{flex:1}#panneau-panier .panneau__sous-totaux{padding:var(--espace-xl)var(--espace-l)}}#panneau-informations-client{top:var(--en-tete-hauteur);height:fit-content;position:sticky;right:0}#panneau-informations-client>*{text-align:center;align-content:center}#panneau-informations-client .panneau__paypal-express{--hauteur-images-bouton:18px;--hauteur-bouton:calc(var(--hauteur-images-bouton)*2);--longueur-bouton:250px;--espacement-inter-images:var(--espace-xs);padding:var(--espace-xl);border-bottom:1px solid var(--couleur-noir)}#panneau-informations-client .panneau__paypal-express p{margin-bottom:var(--espace-s);font-style:italic}#panneau-informations-client .panneau__paypal-express button{column-gap:var(--espacement-inter-images);width:var(--longueur-bouton);height:var(--hauteur-bouton);background:var(--couleur-noir);place-content:center;place-items:center;margin:auto;display:flex}#panneau-informations-client .panneau__paypal-express button img{height:var(--hauteur-images-bouton);background:inherit}#panneau-informations-client .panneau__paypal-express button img:first-of-type{margin-top:-1px}#panneau-informations-client .panneau__formulaires{padding:var(--espace-xl)0}#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses{width:fit-content;margin:auto;margin-bottom:var(--espace-m);flex-flow:row;place-items:center;column-gap:1ch;font-size:.8rem;font-style:italic;display:flex;position:relative}#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses label{text-transform:lowercase}#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires{color:gray;text-align:center;align-content:center;width:100%;padding:0;font-size:.8rem;font-weight:450}#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires p+p{margin-top:1lh}#panneau-informations-client .panneau__formulaires .panneau__formulaires__message{margin:var(--espace-xl)0;font-style:italic;font-weight:500}#panneau-informations-client .formulaire{padding:0 var(--espace-xl);margin:auto}#panneau-informations-client .formulaire+.formulaire{margin-top:var(--espace-xl)}#panneau-informations-client .formulaire .formulaire__titre{margin-bottom:var(--espace-m);letter-spacing:1px;font-size:1.25rem;font-style:italic;font-weight:600}#panneau-informations-client .formulaire .formulaire__champs{text-align:left;width:fit-content;margin:auto}#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ{column-gap:var(--espace-xl);flex-flow:row;justify-content:space-between;place-items:center;display:flex}#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ+.formulaire__champs__champ{margin-top:var(--espace-l)}#panneau-informations-client .formulaire label{text-transform:lowercase;width:min(7rem,100%);font-weight:400}#panneau-informations-client .formulaire label:has(+:is(input:required,select:required)){font-weight:600}#panneau-informations-client .formulaire input,#panneau-informations-client .formulaire select{width:min(15rem,100%)}#panneau-informations-client .panneau__pied-de-page{padding:var(--espace-l)0;color:var(--couleur-blanc);text-align:center;text-transform:uppercase;letter-spacing:2px;background:var(--couleur-noir);align-content:center;font-size:1.25rem;font-style:italic}#panneau-informations-client .panneau__pied-de-page button{font:inherit;color:inherit;text-transform:inherit}@media (width<=500px){#panneau-informations-client .panneau__formulaires{padding:var(--espace-xl)0}}#page-panier{--menu-section-hauteur:var(--menu-categories-produits-hauteur);--menu-section-marges-bloc-debut:var(--en-tete-hauteur);min-height:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));margin-top:var(--menu-section-marges-bloc-debut);flex-flow:wrap;display:flex;position:relative}#page-panier .panneau{border-top:1px solid var(--couleur-noir);border-bottom:1px solid var(--couleur-noir);flex:30rem}#page-panier .panneau__en-tete{z-index:2;top:var(--menu-section-marges-bloc-debut);min-height:var(--menu-categories-produits-hauteur);max-height:var(--menu-categories-produits-hauteur);color:var(--couleur-gris);text-align:center;background:var(--couleur-noir);align-content:center;display:block;position:sticky}#page-panier .panneau__en-tete h2{color:var(--couleur-gris);text-transform:uppercase;letter-spacing:1px;background:var(--couleur-noir);font-style:italic;font-weight:450}#page-panier .panier-vide{min-height:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));text-align:center;flex-basis:100%;align-content:center;display:none}#page-panier .panier-vide p{font-size:1.25rem}#page-panier .panier-vide a{margin-top:var(--espace-m);font-size:initial;display:inline-block}#page-panier[data-contient-articles=false] .panneau{display:none}#page-panier[data-contient-articles=false] .panier-vide{display:block} |