2 lines
18 KiB
CSS
2 lines
18 KiB
CSS
@font-face{font-family:Lato;font-weight:100;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:100;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-100italic.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:300;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:300;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-300italic.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:400;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-regular.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-regular.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:400;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-italic.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:700;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:700;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-700italic.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:900;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900.ttf)format("truetype")}@font-face{font-family:Lato;font-weight:900;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-v24-latin-900italic.ttf)format("truetype")}@font-face{font-family:Myriad;font-weight:300 900;font-style:normal;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable.ttf)format("truetype")}@font-face{font-family:Myriad;font-weight:300 900;font-style:italic;font-display:swap;font-stretch:70% 110%;src:url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/myriad/myriad-variable-italic.ttf)format("truetype")}:root{--couleur-blanc:#fff;--couleur-gris:#eceaeb;--couleur-bordeaux:#490918;--couleur-jaune:#ebffb8;--couleur-noir:#202020;--police-lato:"Lato",sans-serif;--police-myriad:"Myriad",sans-serif;--en-tete-hauteur:60px;--menu-categories-produits-hauteur:54.39px;--espace-xs:.25rem;--espace-s:.5rem;--espace-m:1rem;--espace-l:1.25rem;--espace-xl:2rem}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-size-adjust:none;text-rendering:geometricprecision}*,:before,:after{box-sizing:inherit;font:inherit;color:inherit;margin:0;padding:0}body{background:var(--couleur-gris);min-height:100vh}button,input,select,textarea{font:inherit;accent-color:var(--couleur-jaune)}::selection{background:var(--couleur-jaune)}body{color:var(--couleur-noir);letter-spacing:.5px;font:1rem/1.4 Myriad}em{font-style:italic}button{all:initial;cursor:pointer;font:inherit;text-align:center}button.bouton-case-pleine{width:100%;height:100%}button[disabled]{cursor:not-allowed}img,picture{max-width:100%;display:block}img{object-fit:cover;background:var(--couleur-jaune)}a{--lien-contour-couleur-focus:var(--couleur-noir);text-decoration-skip-ink:auto;outline-offset:initial;text-decoration-skip:edges;outline:1px solid #0000;text-decoration:underline #0000;transition:color .2s,font-weight .2s,background .2s,outline-color .2s,border-color .2s,text-decoration-color .2s}a:focus,a:focus-visible{outline-color:var(--lien-contour-couleur-focus)}a.lien-bouton{--lien-bouton-marges-internes-bloc:var(--espace-xs);--lien-bouton-marges-internes-ligne:var(--espace-m);--lien-bouton-arriere-plan-couleur-survol:var(--couleur-jaune);padding:var(--lien-bouton-marges-internes-bloc)var(--lien-bouton-marges-internes-ligne);border:1px solid var(--couleur-noir)}a.lien-bouton:focus,a.lien-bouton:focus-visible{background:var(--lien-bouton-arriere-plan-couleur-survol)}a.lien-bouton:active{border-color:var(--lien-bouton-arriere-plan-couleur-survol)}@media (hover:hover){a.lien-bouton:hover{background:var(--lien-bouton-arriere-plan-couleur-survol)}a:not([class]):hover{text-decoration-color:var(--couleur-noir)}}ul{list-style:none}ul.avec-puce-cercle{--liste-puce-cercle-lien-marges-internes-ligne-debut:2ch;--liste-puce-cercle-puce-position-horizontale:1ch;--liste-puce-cercle-puce-taille:1.25ex}ul.avec-puce-cercle a{padding-left:var(--liste-puce-cercle-lien-marges-internes-ligne-debut);background:no-repeat var(--liste-puce-cercle-puce-position-horizontale)center/var(--liste-puce-cercle-puce-taille)url(/app/themes/haiku-atelier-2024/assets/img/icons/dot.svg)}#en-tete{--en-tete-marges-internes-ligne:var(--espace-xl);--en-tete-marges-internes-bloc:var(--espace-m);--en-tete-section-hauteur:var(--en-tete-hauteur);--en-tete-logo-longueur:80px;z-index:20;height:var(--en-tete-hauteur);padding:var(--en-tete-marges-internes-bloc)var(--en-tete-marges-internes-ligne);background:var(--couleur-gris);flex-flow:row;justify-content:space-between;place-items:center;min-width:100vw;max-width:100vw;display:flex;position:fixed;top:0}#en-tete .logo{width:var(--en-tete-logo-longueur)}#en-tete .logo picture,#en-tete .logo img{background:0 0}#en-tete .menu-navigation{text-align:center;text-transform:lowercase;flex:1;grid-template-columns:1fr auto 1fr;display:grid}#en-tete .menu-navigation ul{gap:var(--espace-m);flex-flow:row;grid-column:2;justify-content:space-between;display:flex}#en-tete .menu-navigation__entree{--nav-entree-arriere-plan-couleur:var(--couleur-jaune);--nav-entree-marges-internes-bloc:var(--espace-xs);--nav-entree-marges-internes-ligne:3rem;--liste-puce-cercle-lien-marges-internes-ligne-debut:calc(var(--espace-m) + 1.5ch);--liste-puce-cercle-puce-position-horizontale:3.5ch;transition:background .2s}#en-tete .menu-navigation__entree a{padding:var(--nav-entree-marges-internes-bloc)var(--nav-entree-marges-internes-ligne);text-align:center;display:inline-block}@media (hover:hover){#en-tete .menu-navigation__entree:hover{background:var(--nav-entree-arriere-plan-couleur)}}#en-tete .compte-panier{text-align:center;flex-flow:row;place-items:center;gap:1rem;display:flex}#en-tete .compte-panier a{text-transform:lowercase;min-width:9ch}#en-tete .compte-panier a.lien-compte{border-color:#0000}#en-tete .compte-panier a[data-contient-articles=true]{background:var(--couleur-jaune)}#menu-categories-produits{--menu-entree-longueur-minimale:13ch;--menu-section-hauteur:var(--menu-categories-produits-hauteur);--menu-section-marges-bloc-debut:var(--en-tete-hauteur);--menu-entree-marges-internes-ligne:var(--espace-m);height:var(--menu-section-hauteur);margin-top:var(--menu-section-marges-bloc-debut)}#menu-categories-produits ul{grid-template-columns:repeat(auto-fit,minmax(var(--menu-entree-longueur-minimale),1fr));place-items:center;display:grid}#menu-categories-produits ul li{color:var(--couleur-gris);text-align:center;text-transform:uppercase;letter-spacing:1px;background:var(--couleur-noir);width:100%;font-style:italic;font-weight:450}#menu-categories-produits ul li:active a{font-weight:500}#menu-categories-produits ul li a{width:inherit;padding:var(--menu-entree-marges-internes-ligne)0;border-right:1px solid var(--couleur-gris);border-left:1px solid var(--couleur-gris);outline:initial;display:inline-block}#menu-categories-produits ul li a:focus,#menu-categories-produits ul li a:focus-visible{color:var(--couleur-jaune);outline:initial}@media (hover:hover){#menu-categories-produits ul li a:hover{color:var(--couleur-jaune);outline:initial}}#menu-categories-produits ul li:first-of-type a{border-left:initial}#menu-categories-produits ul li:last-of-type a{border-right:initial}.photos-produit{--colonne-gauche-position-haut:var(--menu-categories-produits-hauteur);--colonne-gauche-photo-hauteur:calc(100vh - var(--menu-categories-produits-hauteur));--colonne-droite-photo-hauteur-minimale:calc(100vh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur));--section-marges-externes-bloc-fin:1rem;flex-flow:wrap;max-width:100%;display:flex}.photos-produit>section{flex-flow:column;width:50%;display:flex;position:relative}.photos-produit>section.colonne-gauche{top:var(--colonne-gauche-position-haut);height:var(--colonne-gauche-photo-hauteur);position:sticky}.photos-produit>section.colonne-gauche figure,.photos-produit>section.colonne-gauche picture,.photos-produit>section.colonne-gauche img{height:100%}.photos-produit>section.colonne-droite figure picture img:only-child{min-height:var(--colonne-droite-photo-hauteur-minimale);max-height:var(--colonne-droite-photo-hauteur-minimale)}.grille-produits{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;margin-bottom:2rem;display:grid}.grille-produits article{box-shadow:0 0 0 1px var(--couleur-noir)}.grille-produits article figure{flex-flow:column;row-gap:2rem;padding:1rem;display:flex}.grille-produits article figure a{position:relative}@media (hover:hover){.grille-produits article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.grille-produits article figure .produit__illustration__principale{display:block}.grille-produits article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.grille-produits article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70vh}.grille-produits article figure figcaption{flex-flow:row;justify-content:space-between;margin-bottom:2rem;display:flex}.grille-produits article figure figcaption h3{letter-spacing:1px;font-style:italic}.grille-produits article figure figcaption p{letter-spacing:-.5px;font-weight:500}.informations-produit{--boite-couleur-fond:#ffffffe6;--boite-position-basse:1rem;--boite-longueur:70ch;--section-marges-internes:1rem;bottom:var(--boite-position-basse);width:0;height:0;position:sticky;overflow:visible}.informations-produit__conteneur{transform:translate(calc(50vw - var(--boite-longueur)/2),-100%);width:var(--boite-longueur);max-width:var(--boite-longueur);border:1px solid var(--couleur-noir);display:grid}.informations-produit__conteneur>section{padding:var(--section-marges-internes);background:var(--boite-couleur-fond);flex-flow:row;height:100%;display:flex}.informations-produit__conteneur>section+section{border-top:1px solid var(--couleur-noir)}.informations-produit .onglets-details-produit{padding:initial;grid-template-rows:auto min-content;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.informations-produit .onglets-details-produit>section{padding:var(--section-marges-internes);grid-column:span 3;font-weight:350;overflow-y:auto}.informations-produit .onglets-details-produit>section[hidden]{display:none}.informations-produit .onglets-details-produit>section ul{list-style:inside}.informations-produit .onglets-details-produit>section>*+*{margin-top:1lh}.informations-produit .onglets-details-produit>ul{text-align:center;text-transform:lowercase;letter-spacing:1px;grid-area:2/span 3;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.informations-produit .onglets-details-produit>ul li{width:100%}.informations-produit .onglets-details-produit>ul li:first-of-type a,.informations-produit .onglets-details-produit>ul li:last-of-type a{border-left-color:#0000;border-right-color:#0000}.informations-produit .onglets-details-produit>ul li a{padding:var(--espace-xs)0;border-top:1px solid #0000;border-right:1px solid var(--couleur-noir);border-left:1px solid var(--couleur-noir);width:100%;height:100%;display:inline-block}.informations-produit .onglets-details-produit>ul li a[aria-selected=true]{border-top-color:#0000}.informations-produit .onglets-details-produit>ul li a:focus,.informations-produit .onglets-details-produit>ul li a:focus-visible{outline-color:#0000}.informations-produit .onglets-details-produit:has(section:not([hidden])){grid-template-rows:12lh min-content}.informations-produit .onglets-details-produit:has(section:not([hidden]))>ul li a:not([aria-selected=true]){border-top-color:var(--couleur-noir)}.informations-produit .selecteur-produit{flex-flow:row;justify-content:space-between;place-items:center;column-gap:2rem;font-style:italic;font-weight:500;line-height:1;display:flex}.informations-produit .selecteur-produit__nom{letter-spacing:1px}.informations-produit .selecteur-produit__selection-variation{text-transform:lowercase;place-items:center;font-weight:400;display:flex}.informations-produit .selecteur-produit__selection-variation label{height:100%;margin-right:1ch}.informations-produit .selecteur-produit__selection-variation__selecteurs{position:relative}.informations-produit .selecteur-produit__selection-variation__selecteurs:after{pointer-events:none;content:" ";text-align:center;visibility:visible;opacity:1;background:url(/app/themes/haiku-atelier-2024/assets/img/icons/arrow.svg) no-repeat;width:.9rem;height:.9rem;transition:opacity .2s,visibility .2s;display:inline-block;position:absolute;top:10px;right:.4rem}@supports not selector(:user-valid){.informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:valid):after{visibility:hidden;opacity:0}}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation__selecteurs:has(select:user-valid):after{visibility:hidden;opacity:0}}.informations-produit .selecteur-produit__selection-variation select{text-align:center;appearance:none;border:1px solid var(--couleur-noir);background:#eceaebe6;min-width:4rem;padding:.5rem 2rem;position:relative}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation select:user-valid{background:#ebffb8e6}}.informations-produit .selecteur-produit__selection-variation option{background:#eceaebe6}.informations-produit .selecteur-produit__prix{font-style:initial}.informations-produit .actions-produit{background:var(--couleur-jaune);transition:background .2s;overflow:hidden}.informations-produit .actions-produit:has(button[disabled]){background:#eceaebe6}.informations-produit .actions-produit button{font-variation-settings:"wght" 400;text-transform:uppercase;letter-spacing:1px;font-style:italic;transition:font-variation-settings .2s}@media (hover:hover){.informations-produit .actions-produit button:not([disabled]):hover{font-variation-settings:"wght" 500}.selecteur-personnalise{display:block!important}.selecteur-natif:focus+.selecteur-personnalise{display:none!important}}.produits-similaires{margin-top:var(--espace-m);grid-template-rows:1fr auto;grid-template-columns:repeat(3,1fr);grid-template-areas:"en-tete en-tete en-tete""produits produits produits";place-items:center;display:grid}.produits-similaires header{padding:var(--espace-l)0 var(--espace-m);text-align:center;border:1px solid var(--couleur-noir);grid-area:en-tete;width:100%}.produits-similaires header h2{text-transform:uppercase;letter-spacing:1px;font-style:italic;line-height:1}.produits-similaires .grille-produits-similaires{grid-area:produits;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;width:100%;display:grid}.produits-similaires .grille-produits-similaires article{box-shadow:0 0 0 1px var(--couleur-noir)}.produits-similaires .grille-produits-similaires article figure{row-gap:var(--espace-xl);padding:var(--espace-m);flex-flow:column;display:flex}.produits-similaires .grille-produits-similaires article figure a{position:relative}@media (hover:hover){.produits-similaires .grille-produits-similaires article figure a:hover .produit__illustration__survol{visibility:visible;opacity:1;transition:opacity .3s,visibility .3s}}.produits-similaires .grille-produits-similaires article figure .produit__illustration__principale{display:block}.produits-similaires .grille-produits-similaires article figure .produit__illustration__survol{visibility:hidden;opacity:0;width:100%;height:100%;transition:opacity .15s,visibility .15s;display:block;position:absolute;top:0;left:0}.produits-similaires .grille-produits-similaires article figure img{aspect-ratio:9/16;object-fit:cover;width:100%;max-height:70vh}.produits-similaires .grille-produits-similaires article figure figcaption{margin-bottom:var(--espace-xl);flex-flow:row;justify-content:space-between;display:flex}.produits-similaires .grille-produits-similaires article figure figcaption h3{letter-spacing:1px;font-style:italic}.produits-similaires .grille-produits-similaires article figure figcaption p{letter-spacing:-.5px;font-weight:500}#pied-de-page{--pied-de-page-marges-internes-bloc:var(--espace-m);--pied-de-page-marges-internes-ligne:var(--espace-xl);padding:var(--pied-de-page-marges-internes-bloc)var(--pied-de-page-marges-internes-ligne);background:var(--couleur-jaune);border-top:1px solid var(--couleur-noir);grid-template-columns:1fr 1fr;place-items:center;max-width:100vw;line-height:1.5;display:grid}#pied-de-page .zone-menu-navigation-secondaire{text-transform:lowercase;justify-self:start;width:100%;height:100%}#pied-de-page .zone-liens-reseaux-sociaux{text-align:right;justify-items:end;width:100%;height:100%}
|
|
/*# sourceMappingURL=web/app/themes/haiku-atelier-2024/assets/css/main.min.css.map */
|