diff --git a/.ddev/vite/vite-server-not-running.html b/.ddev/vite/vite-server-not-running.html index e1493ee4..63bbc103 100644 --- a/.ddev/vite/vite-server-not-running.html +++ b/.ddev/vite/vite-server-not-running.html @@ -3,52 +3,55 @@ - + vite not running diff --git a/composer.json b/composer.json index 4736e184..0fe639fc 100644 --- a/composer.json +++ b/composer.json @@ -43,6 +43,7 @@ "wpackagist-plugin/query-monitor": "^3.17.0", "wpackagist-plugin/redis-cache": "^2.5.4", "wpackagist-plugin/wc-multishipping": "^2.5.4", + "wpackagist-plugin/woo-preview-emails": "^2.2.13", "wpackagist-plugin/woocommerce": "^9.4.3", "wpackagist-plugin/wp-mail-logging": "^1.13.1", "wpackagist-plugin/wp-mail-smtp": "^4.2", diff --git a/composer.lock b/composer.lock index bcc63eee..7bd23945 100644 --- a/composer.lock +++ b/composer.lock @@ -4,7 +4,7 @@ "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies", "This file is @generated automatically" ], - "content-hash": "2410b3c293c63aaed50ade0d8d3a2846", + "content-hash": "c785707c9df9c91d85b0ebd9d836de05", "packages": [ { "name": "brick/math", @@ -2453,8 +2453,8 @@ "type": "library", "extra": { "thanks": { - "name": "symfony/polyfill", - "url": "https://github.com/symfony/polyfill" + "url": "https://github.com/symfony/polyfill", + "name": "symfony/polyfill" } }, "autoload": { @@ -2606,8 +2606,8 @@ "type": "library", "extra": { "thanks": { - "name": "symfony/polyfill", - "url": "https://github.com/symfony/polyfill" + "url": "https://github.com/symfony/polyfill", + "name": "symfony/polyfill" } }, "autoload": { @@ -2686,8 +2686,8 @@ "type": "library", "extra": { "thanks": { - "name": "symfony/polyfill", - "url": "https://github.com/symfony/polyfill" + "url": "https://github.com/symfony/polyfill", + "name": "symfony/polyfill" } }, "autoload": { @@ -2762,8 +2762,8 @@ "type": "library", "extra": { "thanks": { - "name": "symfony/polyfill", - "url": "https://github.com/symfony/polyfill" + "url": "https://github.com/symfony/polyfill", + "name": "symfony/polyfill" } }, "autoload": { @@ -2844,8 +2844,8 @@ "type": "library", "extra": { "thanks": { - "name": "symfony/polyfill", - "url": "https://github.com/symfony/polyfill" + "url": "https://github.com/symfony/polyfill", + "name": "symfony/polyfill" } }, "autoload": { @@ -3574,6 +3574,24 @@ "type": "wordpress-plugin", "homepage": "https://wordpress.org/plugins/wc-multishipping/" }, + { + "name": "wpackagist-plugin/woo-preview-emails", + "version": "2.2.13", + "source": { + "type": "svn", + "url": "https://plugins.svn.wordpress.org/woo-preview-emails/", + "reference": "tags/2.2.13" + }, + "dist": { + "type": "zip", + "url": "https://downloads.wordpress.org/plugin/woo-preview-emails.2.2.13.zip" + }, + "require": { + "composer/installers": "^1.0 || ^2.0" + }, + "type": "wordpress-plugin", + "homepage": "https://wordpress.org/plugins/woo-preview-emails/" + }, { "name": "wpackagist-plugin/woocommerce", "version": "9.4.3", diff --git a/dprint.json b/dprint.json index 2b478c59..8bc2921e 100644 --- a/dprint.json +++ b/dprint.json @@ -34,11 +34,11 @@ "malva": { "alignComments": true, "attrValueQuotes": "always", - "blockSelectorLinebreak": "consistent", + "blockSelectorLinebreak": "wrap", "declarationOrder": null, "formatComments": true, "hexCase": "lower", - "hexColorLength": "long", + "hexColorLength": "short", "indentWidth": 2, "keyframeSelectorNotation": "keyword", "lineBreak": "lf", @@ -60,13 +60,10 @@ "doctypeKeywordCase": "lower", "formatComments": true, "html.normal.selfClosing": false, - "html.scriptIndent": false, - "html.styleIndent": false, "html.void.selfClosing": false, "indentWidth": 2, "lineBreak": "lf", - "maxAttrsPerLine": 2, - "preferAttrsSingleLine": true, + "maxAttrsPerLine": 1, "printWidth": 120, "quotes": "double", "scriptFormatter": "dprint", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ce057967..fe164dbe 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -774,8 +774,8 @@ packages: cpu: [x64] os: [win32] - '@bufbuild/protobuf@2.2.2': - resolution: {integrity: sha512-UNtPCbrwrenpmrXuRwn9jYpPoweNXj8X5sMvYgsqYyaH8jQ6LfUJSk3dJLnBK+6sfYPrF4iAIo5sd5HQ+tg75A==} + '@bufbuild/protobuf@2.2.3': + resolution: {integrity: sha512-tFQoXHJdkEOSwj5tRIZSPNUuXK3RaR7T1nUrPgbYX1pUbvqqaaZAsfo+NXBPsz5rZMSKVFrgK1WL8Q/MSLvprg==} '@csstools/css-parser-algorithms@3.0.4': resolution: {integrity: sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==} @@ -1841,8 +1841,8 @@ packages: resolution: {integrity: sha512-zkDT5WAF4hSSoUgyfg5tFIxz8XQK+25W/TLVojJTMKBaxevLBBtLxgqguAuVQB8PVW79FVjHcU+GJ9tVbDZ9mQ==} engines: {node: '>=14.16'} - call-bind-apply-helpers@1.0.0: - resolution: {integrity: sha512-CCKAP2tkPau7D3GE8+V8R6sQubA9R5foIzGp+85EXCVSCivuxBNAWqcpn72PKYiIcqoViv/kcUDpaEIMBVi1lQ==} + call-bind-apply-helpers@1.0.1: + resolution: {integrity: sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==} engines: {node: '>= 0.4'} call-bind@1.0.8: @@ -4370,7 +4370,7 @@ snapshots: '@biomejs/cli-win32-x64@1.9.4': optional: true - '@bufbuild/protobuf@2.2.2': {} + '@bufbuild/protobuf@2.2.3': {} '@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3)': dependencies: @@ -5340,14 +5340,14 @@ snapshots: normalize-url: 8.0.1 responselike: 3.0.0 - call-bind-apply-helpers@1.0.0: + call-bind-apply-helpers@1.0.1: dependencies: es-errors: 1.3.0 function-bind: 1.1.2 call-bind@1.0.8: dependencies: - call-bind-apply-helpers: 1.0.0 + call-bind-apply-helpers: 1.0.1 es-define-property: 1.0.1 get-intrinsic: 1.2.5 set-function-length: 1.2.2 @@ -5534,7 +5534,7 @@ snapshots: dunder-proto@1.0.0: dependencies: - call-bind-apply-helpers: 1.0.0 + call-bind-apply-helpers: 1.0.1 es-errors: 1.3.0 gopd: 1.2.0 @@ -5807,7 +5807,7 @@ snapshots: get-intrinsic@1.2.5: dependencies: - call-bind-apply-helpers: 1.0.0 + call-bind-apply-helpers: 1.0.1 dunder-proto: 1.0.0 es-define-property: 1.0.1 es-errors: 1.3.0 @@ -6589,7 +6589,7 @@ snapshots: sass-embedded@1.82.0: dependencies: - '@bufbuild/protobuf': 2.2.2 + '@bufbuild/protobuf': 2.2.3 buffer-builder: 0.2.0 colorjs.io: 0.5.2 immutable: 5.0.3 diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.css b/web/app/themes/haiku-atelier-2024/assets/css/main.css index 6decb83f..f13ce368 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.css @@ -33,14 +33,14 @@ } :root { /* Couleurs */ - --couleur-blanc: #ffffff; + --couleur-blanc: #fff; --couleur-blanc-fond: rgb(255 255 255 / 90%); --couleur-gris: #eceaeb; --couleur-gris-fonce: #808080; --couleur-gris-fonce-fond: rgb(128 128 128 / 80%); --couleur-bordeaux: #490918; --couleur-bordeaux-fond: rgb(73 9 24 / 80%); - --couleur-jaune: #ebffb8; + --couleur-jaune: #defdb5; --couleur-jaune-fond: rgb(235 255 184 / 80%); --couleur-noir: #202020; --couleur-fond: rgb(236 234 235 / 80%); diff --git a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css index 7d7de1a8..54a2307b 100644 --- a/web/app/themes/haiku-atelier-2024/assets/css/main.min.css +++ b/web/app/themes/haiku-atelier-2024/assets/css/main.min.css @@ -1 +1 @@ -@font-face{font-family:Lato;font-weight:100 900;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2")tech(variations),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2-variations"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.ttf)format("truetype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-weight:100 900;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2")tech(variations),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2-variations"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.ttf)format("truetype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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-blanc-fond:#ffffffe6;--couleur-gris:#eceaeb;--couleur-gris-fonce:gray;--couleur-gris-fonce-fond:#808080cc;--couleur-bordeaux:#490918;--couleur-bordeaux-fond:#490918cc;--couleur-jaune:#ebffb8;--couleur-jaune-fond:#ebffb8cc;--couleur-noir:#202020;--couleur-fond:#eceaebcc;--police-lato:"Lato",sans-serif;--hauteur-ligne-classique:1.5;--hauteur-ligne-moitie:1.2;--hauteur-ligne-compacte:1.1;--hauteur-ligne-rapprochee:1;--espacement-inter-lettres-rapproche-s:-.5px;--espacement-inter-lettres-etendu-s:.5px;--espacement-inter-lettres-etendu-m:1px;--espacement-inter-lettres-etendu-l:1.5px;--espacement-inter-lettres-etendu-xl:2px;--en-tete-hauteur:61px;--menu-categories-produits-hauteur:54.39px;--pied-de-page-hauteur:90.55px;--contenu-page-hauteur-minimale-sans-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));--contenu-page-hauteur-minimale-avec-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur));--espace-xs:.25rem;--espace-s:.5rem;--espace-m:1rem;--espace-l:1.25rem;--espace-xl:2rem}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit;font:inherit;color:inherit;margin:0;padding:0}@view-transition{navigation: auto;}body{accent-color:var(--couleur-jaune);background:var(--couleur-gris)}button,input,select,textarea{font:inherit}::selection{background:var(--couleur-jaune)}[hidden]{display:none!important}.visuellement-cache:not(:focus,:active,:focus-within){white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[disabled]{cursor:not-allowed}@media (prefers-reduced-motion){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:0s!important}@view-transition{navigation: none!important;}}html{font:1rem/var(--hauteur-ligne-classique)Lato;font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;-webkit-font-smoothing:antialiased;color:var(--couleur-noir);text-decoration-skip-ink:auto;text-size-adjust:none;text-rendering:geometricprecision;letter-spacing:var(--espacement-inter-lettres-etendu-s)}strong{font-weight:600}em{font-style:italic}button{all:initial;cursor:pointer;box-sizing:border-box;text-align:center;letter-spacing:inherit;outline:2px solid #0000;font-family:Lato;transition:background .2s,color .2s}button:not[disabled]:focus-visible{z-index:5;outline:2px solid var(--couleur-noir)}button:not[disabled]:active{color:var(--couleur-blanc)!important;background:var(--couleur-noir)!important}@media (hover:hover){button:not[disabled]:hover{color:var(--couleur-noir);background:var(--couleur-jaune)}}button:disabled,button[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px;outline-color:#0000}button.bouton-case-pleine{width:100%;height:100%}button.bouton-case-pleine.bouton-blanc-sur-noir{text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}button.bouton-case-pleine.bouton-blanc-sur-noir:focus-visible{color:var(--couleur-noir);background:var(--couleur-jaune)}button.bouton-blanc-sur-noir{color:var(--couleur-blanc);background:var(--couleur-noir)}@media (hover:hover){button.bouton-fleche{background:initial}}button.bouton-retour-haut{right:var(--espace-xl);bottom:calc(var(--espace-l) + var(--pied-de-page-hauteur));padding:var(--espace-m);visibility:hidden;opacity:0;background:var(--couleur-fond);border:1px solid var(--couleur-noir);box-shadow:initial;border-radius:100%;transition:background .2s,opacity .2s,visibility .2s;position:fixed;transform:rotate(180deg)}button.bouton-retour-haut img{background:0 0;width:1rem;height:1rem}button.bouton-retour-haut[data-actif]{visibility:visible;opacity:.6}@media (hover:hover){button.bouton-retour-haut[data-actif]:hover{opacity:1;background:var(--couleur-jaune-fond)}}input,select,textarea{padding:var(--espace-xs);background:var(--couleur-gris);border:1px solid var(--couleur-noir);outline:2px solid #0000;transition:background .2s,outline .2s}input:focus-visible,input:focus-within,input:active,select:focus-visible,select:focus-within,select:active,textarea:focus-visible,textarea:focus-within,textarea:active{z-index:10;outline:2px solid var(--couleur-noir)}input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px;outline-color:#0000}input:is([type=email],[type=text],[type=tel])::placeholder,textarea::placeholder{text-transform:lowercase;letter-spacing:var(--espacement-inter-lettres-etendu-s)}input:is([type=email],[type=text],[type=tel])::selection,textarea::selection{color:var(--couleur-blanc);background:var(--couleur-noir)}input:is([type=email],[type=text],[type=tel]):user-valid,textarea:user-valid{background:var(--couleur-jaune)}input:is([type=email],[type=text],[type=tel]):user-invalid,textarea:user-invalid{background:var(--couleur-gris)}input,label,select,textarea{cursor:pointer}input[type=checkbox],input[type=radio]{width:var(--espace-l);height:var(--espace-l);padding:initial;appearance:none;border:1px solid var(--couleur-noir);transition:background .2s}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--couleur-jaune)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"x";position:relative;bottom:.1rem;left:.35rem}@media (hover:hover){input[type=checkbox]:checked:hover,input[type=radio]:checked:hover{color:var(--couleur-noir)}}input[type=checkbox]:not(:checked):user-valid,input[type=radio]:not(:checked):user-valid{background:initial}label:has(~input[type=checkbox],~input[type=radio]),input[type=checkbox]+label,input[type=radio]+label{padding-top:1px;font-size:.9rem}@media (hover:hover){input[type=checkbox]:hover,input[type=radio]:hover{background:var(--couleur-jaune)}}textarea:focus-visible,textarea:focus-within{outline:1px solid var(--couleur-noir)}@media (hover:hover){textarea:hover{color:var(--couleur-noir)}}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:background .2s,border-color .2s,color .2s,font-weight .2s,outline-color .2s,letter-spacing .2s,text-decoration-color .2s}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-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.lien-lien{text-decoration:underline}a.lien-lien:active{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}@media (hover:hover){a.lien-lien:hover{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}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)}.bandeau{column-gap:var(--espace-m);width:100%;color:var(--couleur-noir);text-transform:uppercase;white-space:nowrap;background:var(--couleur-jaune);border-top:1px solid var(--couleur-noir);font-style:italic;display:flex;overflow:hidden}.bandeau__conteneur{column-gap:var(--espace-m);flex-flow:row;animation:15s linear infinite both marquee;display:flex}.bandeau__conteneur ::selection{color:var(--couleur-jaune);background:var(--couleur-noir)}.bandeau__conteneur p{padding:var(--espace-s)0;display:inline-block}.bandeau__conteneur p strong{font-weight:600}@media (hover:hover){.bandeau:hover .bandeau__conteneur{animation-play-state:paused}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-100%)}}body:has(#menu-mobile:not([aria-hidden=true])){touch-action:none;overflow:hidden}#menu-mobile{--menu-mobile-hauteur:calc(100svh - var(--en-tete-hauteur));z-index:997;inset:var(--en-tete-hauteur)0 0 0;overscroll-behavior:contain;width:100vw;height:var(--menu-mobile-hauteur);transition:display .4s;transition:display .4s allow-discrete;-webkit-overflow-scrolling:none;display:flex;position:fixed;overflow:hidden}#menu-mobile[aria-hidden=true]{animation:.4s both fade-out;display:none}#menu-mobile[aria-hidden=true] .menu-modale__fond{animation:.4s both fade-out}#menu-mobile .menu-modale__fond{z-index:998;inset:var(--en-tete-hauteur)0 0 0;height:var(--menu-mobile-hauteur);opacity:0;background-color:var(--couleur-fond);animation:.4s both fade-in;position:fixed}#menu-mobile .menu-modale__conteneur{z-index:999;width:100%;height:fit-content;padding:var(--espace-xl);opacity:0;background-color:var(--couleur-gris);border-bottom:1px solid var(--couleur-noir);flex-flow:column;animation:.4s .2s both fade-in;display:flex;position:relative}#menu-mobile .menu-modale__conteneur .menu-navigation{grid-template-columns:1fr}#menu-mobile .menu-modale__conteneur .menu-navigation ul{grid-column:initial;flex-flow:column;place-items:center}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span{width:fit-content}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span li a{padding-top:var(--espace-m);padding-bottom:var(--espace-m)}@media (width>1000px){#menu-mobile{display:none}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{to{transform:translateY(0)}}#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:60;min-width:100vw;max-width:100vw;height:var(--en-tete-hauteur);padding:var(--en-tete-marges-internes-bloc)var(--en-tete-marges-internes-ligne);background:var(--couleur-gris);border-bottom:1px solid var(--couleur-noir);flex-flow:row;justify-content:space-between;place-items:center;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 .logo img{image-rendering:crisp-edges;shape-rendering:geometricPrecision;object-fit:contain}#en-tete .logo button{align-content:center;display:block}#en-tete .menu-navigation{text-align:center;text-transform:lowercase;flex:1;grid-template-columns:1fr auto 1fr;font-size:1.1rem;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-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}#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}#en-tete .menu-navigation__entree--courante{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg) 50%/auto 90% no-repeat}@media (hover:hover){#en-tete .menu-navigation__entree:hover{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg) 50%/auto 90% no-repeat}}@media (width<=1000px){#en-tete .menu-navigation#menu-navigation-en-tete{display:none}}#en-tete .compte-panier{text-align:center;flex-flow:row;place-items:center;gap:1rem;display:flex}#en-tete .compte-panier[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px}#en-tete .compte-panier[disabled] a:hover,#en-tete .compte-panier[disabled] a:active,#en-tete .compte-panier[disabled] a:focus-within{background:initial;border:1px solid var(--couleur-noir);outline:1px solid #0000}#en-tete .compte-panier a{text-transform:lowercase;min-width:10ch;font-size:1.1rem}#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-marges-bloc-debut:var(--en-tete-hauteur);--menu-entree-marges-internes-ligne:var(--espace-m);margin-top:var(--menu-section-marges-bloc-debut);position:relative}#menu-categories-produits[data-entrees-presentes-debut] svg:first-of-type,#menu-categories-produits[data-entrees-presentes-fin] svg:last-of-type{opacity:1}#menu-categories-produits svg{pointer-events:none;opacity:0;mix-blend-mode:exclusion;width:.8rem;height:.8rem;shape-rendering:geometricprecision;transition:opacity .2s;position:absolute;bottom:calc(17.59px - .35rem)}#menu-categories-produits svg:first-of-type{left:var(--espace-xs)}#menu-categories-produits svg:last-of-type{right:var(--espace-xs)}@media (width>600px){#menu-categories-produits svg{visibility:hidden}}#menu-categories-produits ul{grid-template-columns:repeat(auto-fit,minmax(var(--menu-entree-longueur-minimale),1fr));place-items:center;gap:1px;display:grid}#menu-categories-produits ul li{width:100%;color:var(--couleur-gris);text-align:center;text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);background:var(--couleur-noir);font-style:italic;font-weight:450}#menu-categories-produits ul li.categorie-courante a{color:var(--couleur-noir);background:var(--couleur-jaune);font-weight:600}@media (hover:hover){#menu-categories-produits ul li.categorie-courante a:hover{color:var(--couleur-noir)}}#menu-categories-produits ul li a{width:inherit;padding:var(--menu-entree-marges-internes-ligne)0;outline:initial;text-decoration:none;display:inline-block}#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-noir);background:var(--couleur-jaune)}}@media (width<=1000px){#menu-categories-produits ul{--menu-entree-marges-internes-ligne:var(--espace-s);flex-flow:wrap;font-size:.8rem;display:flex}#menu-categories-produits ul li{flex-grow:1;width:min(140px,100%)}#menu-categories-produits ul li a{border:initial;width:100%}}@media (width<=600px){#menu-categories-produits ul{scrollbar-width:none;flex-flow:row;overflow-x:scroll}#menu-categories-produits ul li{width:initial;min-width:140px}}.fleches-defilement{--position-y-fleches:calc(100svh - var(--menu-categories-produits-hauteur));pointer-events:none;width:100%;height:calc(100svh - var(--en-tete-hauteur) - 63px);position:absolute}.fleches-defilement__bouton{cursor:initial;z-index:5;bottom:calc(var(--position-y-fleches)/2 - var(--espace-l)/2);visibility:hidden;opacity:0;mix-blend-mode:difference;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem;shape-rendering:geometricprecision;border-radius:100%;place-content:center;place-items:center;transition:opacity .2s,visibility .2s;display:flex;position:absolute}.fleches-defilement__bouton:first-of-type{left:var(--espace-s)}.fleches-defilement__bouton:last-of-type{right:var(--espace-s)}.fleches-defilement__bouton svg{min-width:1.5rem;min-height:1.5rem}.fleches-defilement[data-images-presentes-debut] .fleches-defilement__bouton:first-of-type,.fleches-defilement[data-images-presentes-fin] .fleches-defilement__bouton:last-of-type{cursor:pointer;opacity:.7}@media (width<=60rem){.fleches-defilement button{visibility:visible}}.photos-produit{--colonne-gauche-position-haut:var(--menu-categories-produits-hauteur);--colonne-gauche-photo-hauteur:calc(100svh - var(--menu-categories-produits-hauteur));--colonne-droite-photo-hauteur-minimale:calc(100svh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur));--colonne-photo-longueur-minimale:30rem;--section-marges-externes-bloc-fin:1rem;flex-flow:row;max-width:100%;display:flex;position:relative}.photos-produit .colonne{width:min(var(--colonne-photo-longueur-minimale),100%);flex-flow:column;flex-grow:1;display:flex;position:relative}.photos-produit .colonne.colonne-gauche{top:var(--colonne-gauche-position-haut);height:var(--colonne-gauche-photo-hauteur);position:sticky}.photos-produit .colonne.colonne-gauche figure,.photos-produit .colonne.colonne-gauche picture,.photos-produit .colonne.colonne-gauche img{height:100%}.photos-produit .colonne.colonne-droite img{width:100%;max-height:var(--colonne-droite-photo-hauteur-minimale)}.photos-produit .colonne.colonne-droite figure picture img:only-child{min-height:var(--colonne-droite-photo-hauteur-minimale);max-height:var(--colonne-droite-photo-hauteur-minimale)}@media (width<=60rem){.photos-produit{scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;width:fit-content;max-width:initial;flex-flow:row;overflow-x:scroll}.photos-produit::-webkit-scrollbar{display:none}.photos-produit .colonne{scroll-snap-type:x mandatory;width:100%;min-width:100%}.photos-produit .colonne figure{scroll-snap-align:none center}.photos-produit .colonne.colonne-gauche{position:initial;height:initial}.photos-produit .colonne.colonne-gauche img{max-height:calc(100svh - var(--en-tete-hauteur) - 63px)}.photos-produit .colonne.colonne-droite{flex-flow:row}.photos-produit .colonne.colonne-droite figure{flex-grow:1;min-width:100%}.photos-produit .colonne.colonne-droite figure img{max-height:calc(100svh - var(--en-tete-hauteur) - 63px)}}.grille-produits{--grille-produits-hauteur-minimale:var(--contenu-page-hauteur-minimale-avec-categories);--aucun-produit-hauteur:var(--contenu-page-hauteur-minimale-avec-categories);--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(var(--carte-produit-longueur-minimale),1fr));min-height:var(--grille-produits-hauteur-minimale);gap:1px;display:grid}.grille-produits article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.grille-produits article figure{row-gap:var(--espace-xl);flex-flow:column;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 img{position:inherit;aspect-ratio:9/16;object-fit:cover;background:0 0;width:100%;max-height:70vh}.grille-produits article figure .produit__illustration__principale{display:block}.grille-produits article figure .produit__illustration__principale:before{content:"";z-index:-1;opacity:0;filter:opacity(20%);background-image:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;width:100%;height:100%;animation:1.5s linear .5s infinite alternate both test;position:absolute;top:0;left:0}.grille-produits article figure .produit__illustration__principale img{opacity:0;transition:opacity 1s}.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 .produit__illustration__survol img{background:var(--couleur-fond)}.grille-produits article figure figcaption{padding:var(--espace-m);margin-bottom:var(--espace-xl);flex-flow:row;justify-content:space-between;display:flex}.grille-produits article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.grille-produits article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}.grille-produits__aucun-produit{min-height:var(--aucun-produit-hauteur);text-align:center;grid-column:span 3;align-content:center}.grille-produits__aucun-produit p+p{margin-top:var(--espace-l);font-size:1.25rem}@media (width<=700px){.grille-produits{grid-template-columns:100%}.grille-produits article figure img{max-height:50svh}}@keyframes test{to{opacity:1}}.informations-produit{--boite-position-basse:var(--espace-m);--boite-longueur:70ch;--section-marges-internes:var(--espace-m);--onglet-marges-internes:var(--espace-xl);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);display:grid;position:relative}.informations-produit__conteneur>section{height:100%;padding:var(--section-marges-internes);background:var(--couleur-blanc-fond);flex-flow:row;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{width:100%;padding:var(--onglet-marges-internes);visibility:visible;opacity:1;background:inherit;border-color:var(--couleur-noir);border-style:solid;border-width:1px 1px 0;grid-column:span 3;transition:opacity .2s,visibility .2s;position:absolute;top:0;left:0;overflow-y:auto;transform:translateY(-100%)}.informations-produit .onglets-details-produit>section[hidden]{visibility:hidden;opacity:0;display:initial!important}.informations-produit .onglets-details-produit>section ul{list-style:inside}.informations-produit .onglets-details-produit>section a{text-decoration-color:var(--couleur-noir)}.informations-produit .onglets-details-produit>section>*+*{margin-top:1rem}.informations-produit .onglets-details-produit>ul{text-align:center;text-transform:lowercase;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{border-right-color:#0000}.informations-produit .onglets-details-produit>ul li:last-of-type a{border-left-color:#0000}.informations-produit .onglets-details-produit>ul li a{width:100%;height:100%;padding:var(--espace-xs)0;text-decoration:initial;border-top:1px solid var(--couleur-noir);border-right:1px solid var(--couleur-noir);border-left:1px solid var(--couleur-noir);display:inline-block}.informations-produit .onglets-details-produit>ul li a[aria-selected=true]{border-top-color:#0000;font-weight:600}.informations-produit .onglets-details-produit>ul li a:focus-visible{outline:2px solid var(--couleur-noir);outline-offset:-2px}@media (hover:hover){.informations-produit .onglets-details-produit>ul li a:hover{font-weight:600}}.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{column-gap:var(--espace-xl);font-size:1.25rem;font-style:italic;font-weight:500;line-height:var(--hauteur-ligne-compacte);border:1px solid var(--couleur-noir);flex-flow:row;justify-content:space-between;place-items:center;display:flex}.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:var(--espace-s);font-size:1rem}.informations-produit .selecteur-produit__selection-variation select{padding:var(--espace-xs)var(--espace-l);text-align:center;letter-spacing:initial;appearance:none;background:var(--couleur-fond);border:1px solid var(--couleur-noir);position:relative}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation select:user-valid{background:var(--couleur-jaune-fond)}}.informations-produit .selecteur-produit__selection-variation option{background:var(--couleur-fond)}.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__prix{font-style:initial}.informations-produit .actions-produit{padding:initial;background:var(--couleur-jaune);border:1px solid var(--couleur-noir);border-top:initial;transition:background .2s;overflow:hidden}.informations-produit .actions-produit:has(button[disabled]){background:var(--couleur-fond)}.informations-produit .actions-produit button{height:initial;padding:var(--section-marges-internes);text-transform:uppercase;font-style:italic;transition:background .2s,font-weight .2s}@media (hover:hover){.informations-produit .actions-produit button:not([disabled]):hover{font-weight:600}}@media (width<=800px){.informations-produit{width:100%}.informations-produit__conteneur{width:inherit;max-width:initial;border-right:initial;border-left:initial;transform:translateY(-100%)}}@media (width<=700px){.informations-produit{--section-marges-internes:var(--espace-l);--onglet-marges-internes:var(--espace-l);bottom:var(--espace-xl);width:min(var(--boite-longueur),100%);height:initial;margin:auto;position:relative}.informations-produit__conteneur{transform:initial}}@media (width<=500px){.informations-produit .informations-produit .selecteur-produit{row-gap:var(--espace-l);flex-flow:wrap}.informations-produit .informations-produit .selecteur-produit h3{flex-basis:100%}}.produits-similaires{--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;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;position:relative}.produits-similaires header{z-index:10;top:calc(1lh + var(--espace-l) + var(--espace-m));width:100%;padding:var(--espace-l)0 var(--espace-m);color:var(--couleur-blanc);text-align:center;background:var(--couleur-noir);grid-area:en-tete;position:sticky}.produits-similaires header h2{font-style:italic;line-height:var(--hauteur-ligne-rapprochee);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m)}.produits-similaires .grille-produits-similaires{grid-area:produits;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(var(--carte-produit-longueur-minimale),1fr));gap:1px;width:100%;display:grid}.produits-similaires .grille-produits-similaires article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.produits-similaires .grille-produits-similaires article figure{row-gap:var(--espace-xl);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:70svh}.produits-similaires .grille-produits-similaires article figure figcaption{margin-bottom:var(--espace-xl);padding:0 var(--espace-m);flex-flow:row;justify-content:space-between;display:flex}.produits-similaires .grille-produits-similaires article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.produits-similaires .grille-produits-similaires article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}@media (width<=700px){.produits-similaires .grille-produits-similaires{grid-template-columns:100%}.produits-similaires .grille-produits-similaires article figure img{max-height:50svh}}#pied-de-page{max-width:100vw;height:var(--pied-de-page-hauteur);padding:var(--espace-m);background:var(--couleur-jaune);border-top:1px solid var(--couleur-noir);grid-template-columns:1fr 1fr;place-items:center;font-size:.8rem;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%} \ No newline at end of file +@font-face{font-family:Lato;font-weight:100 900;font-style:normal;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2")tech(variations),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2-variations"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-webfont.ttf)format("truetype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-weight:100 900;font-style:italic;font-display:swap;src:url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2")tech(variations),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2-variations"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.woff2)format("woff2"),url(/app/themes/haiku-atelier-2024/assets/fonts/lato/lato-variable-italic-webfont.ttf)format("truetype");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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-blanc-fond:#ffffffe6;--couleur-gris:#eceaeb;--couleur-gris-fonce:gray;--couleur-gris-fonce-fond:#808080cc;--couleur-bordeaux:#490918;--couleur-bordeaux-fond:#490918cc;--couleur-jaune:#defdb5;--couleur-jaune-fond:#ebffb8cc;--couleur-noir:#202020;--couleur-fond:#eceaebcc;--police-lato:"Lato",sans-serif;--hauteur-ligne-classique:1.5;--hauteur-ligne-moitie:1.2;--hauteur-ligne-compacte:1.1;--hauteur-ligne-rapprochee:1;--espacement-inter-lettres-rapproche-s:-.5px;--espacement-inter-lettres-etendu-s:.5px;--espacement-inter-lettres-etendu-m:1px;--espacement-inter-lettres-etendu-l:1.5px;--espacement-inter-lettres-etendu-xl:2px;--en-tete-hauteur:61px;--menu-categories-produits-hauteur:54.39px;--pied-de-page-hauteur:90.55px;--contenu-page-hauteur-minimale-sans-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur));--contenu-page-hauteur-minimale-avec-categories:calc(100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--menu-categories-produits-hauteur));--espace-xs:.25rem;--espace-s:.5rem;--espace-m:1rem;--espace-l:1.25rem;--espace-xl:2rem}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit;font:inherit;color:inherit;margin:0;padding:0}@view-transition{navigation: auto;}body{accent-color:var(--couleur-jaune);background:var(--couleur-gris)}button,input,select,textarea{font:inherit}::selection{background:var(--couleur-jaune)}[hidden]{display:none!important}.visuellement-cache:not(:focus,:active,:focus-within){white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[disabled]{cursor:not-allowed}@media (prefers-reduced-motion){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:0s!important}@view-transition{navigation: none!important;}}html{font:1rem/var(--hauteur-ligne-classique)Lato;font-optical-sizing:auto;font-kerning:normal;font-variant-ligatures:common-ligatures no-discretionary-ligatures no-historical-ligatures contextual;-webkit-font-smoothing:antialiased;color:var(--couleur-noir);text-decoration-skip-ink:auto;text-size-adjust:none;text-rendering:geometricprecision;letter-spacing:var(--espacement-inter-lettres-etendu-s)}strong{font-weight:600}em{font-style:italic}button{all:initial;cursor:pointer;box-sizing:border-box;text-align:center;letter-spacing:inherit;outline:2px solid #0000;font-family:Lato;transition:background .2s,color .2s}button:not[disabled]:focus-visible{z-index:5;outline:2px solid var(--couleur-noir)}button:not[disabled]:active{color:var(--couleur-blanc)!important;background:var(--couleur-noir)!important}@media (hover:hover){button:not[disabled]:hover{color:var(--couleur-noir);background:var(--couleur-jaune)}}button:disabled,button[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px;outline-color:#0000}button.bouton-case-pleine{width:100%;height:100%}button.bouton-case-pleine.bouton-blanc-sur-noir{text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}button.bouton-case-pleine.bouton-blanc-sur-noir:focus-visible{color:var(--couleur-noir);background:var(--couleur-jaune)}button.bouton-blanc-sur-noir{color:var(--couleur-blanc);background:var(--couleur-noir)}@media (hover:hover){button.bouton-fleche{background:initial}}button.bouton-retour-haut{right:var(--espace-xl);bottom:calc(var(--espace-l) + var(--pied-de-page-hauteur));padding:var(--espace-m);visibility:hidden;opacity:0;background:var(--couleur-fond);border:1px solid var(--couleur-noir);box-shadow:initial;border-radius:100%;transition:background .2s,opacity .2s,visibility .2s;position:fixed;transform:rotate(180deg)}button.bouton-retour-haut img{background:0 0;width:1rem;height:1rem}button.bouton-retour-haut[data-actif]{visibility:visible;opacity:.6}@media (hover:hover){button.bouton-retour-haut[data-actif]:hover{opacity:1;background:var(--couleur-jaune-fond)}}input,select,textarea{padding:var(--espace-xs);background:var(--couleur-gris);border:1px solid var(--couleur-noir);outline:2px solid #0000;transition:background .2s,outline .2s}input:focus-visible,input:focus-within,input:active,select:focus-visible,select:focus-within,select:active,textarea:focus-visible,textarea:focus-within,textarea:active{z-index:10;outline:2px solid var(--couleur-noir)}input:disabled,input[disabled],select:disabled,select[disabled],textarea:disabled,textarea[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px;outline-color:#0000}input:is([type=email],[type=text],[type=tel])::placeholder,textarea::placeholder{text-transform:lowercase;letter-spacing:var(--espacement-inter-lettres-etendu-s)}input:is([type=email],[type=text],[type=tel])::selection,textarea::selection{color:var(--couleur-blanc);background:var(--couleur-noir)}input:is([type=email],[type=text],[type=tel]):user-valid,textarea:user-valid{background:var(--couleur-jaune)}input:is([type=email],[type=text],[type=tel]):user-invalid,textarea:user-invalid{background:var(--couleur-gris)}input,label,select,textarea{cursor:pointer}input[type=checkbox],input[type=radio]{width:var(--espace-l);height:var(--espace-l);padding:initial;appearance:none;border:1px solid var(--couleur-noir);transition:background .2s}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--couleur-jaune)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"x";position:relative;bottom:.1rem;left:.35rem}@media (hover:hover){input[type=checkbox]:checked:hover,input[type=radio]:checked:hover{color:var(--couleur-noir)}}input[type=checkbox]:not(:checked):user-valid,input[type=radio]:not(:checked):user-valid{background:initial}label:has(~input[type=checkbox],~input[type=radio]),input[type=checkbox]+label,input[type=radio]+label{padding-top:1px;font-size:.9rem}@media (hover:hover){input[type=checkbox]:hover,input[type=radio]:hover{background:var(--couleur-jaune)}}textarea:focus-visible,textarea:focus-within{outline:1px solid var(--couleur-noir)}@media (hover:hover){textarea:hover{color:var(--couleur-noir)}}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:background .2s,border-color .2s,color .2s,font-weight .2s,outline-color .2s,letter-spacing .2s,text-decoration-color .2s}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-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.lien-lien{text-decoration:underline}a.lien-lien:active{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}@media (hover:hover){a.lien-lien:hover{text-decoration-color:var(--couleur-jaune);background:var(--couleur-jaune)}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)}.bandeau{column-gap:var(--espace-m);width:100%;color:var(--couleur-noir);text-transform:uppercase;white-space:nowrap;background:var(--couleur-jaune);border-top:1px solid var(--couleur-noir);font-style:italic;display:flex;overflow:hidden}.bandeau__conteneur{column-gap:var(--espace-m);flex-flow:row;animation:15s linear infinite both marquee;display:flex}.bandeau__conteneur ::selection{color:var(--couleur-jaune);background:var(--couleur-noir)}.bandeau__conteneur p{padding:var(--espace-s)0;display:inline-block}.bandeau__conteneur p strong{font-weight:600}@media (hover:hover){.bandeau:hover .bandeau__conteneur{animation-play-state:paused}}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-100%)}}body:has(#menu-mobile:not([aria-hidden=true])){touch-action:none;overflow:hidden}#menu-mobile{--menu-mobile-hauteur:calc(100svh - var(--en-tete-hauteur));z-index:997;inset:var(--en-tete-hauteur)0 0 0;overscroll-behavior:contain;width:100vw;height:var(--menu-mobile-hauteur);transition:display .4s;transition:display .4s allow-discrete;-webkit-overflow-scrolling:none;display:flex;position:fixed;overflow:hidden}#menu-mobile[aria-hidden=true]{animation:.4s both fade-out;display:none}#menu-mobile[aria-hidden=true] .menu-modale__fond{animation:.4s both fade-out}#menu-mobile .menu-modale__fond{z-index:998;inset:var(--en-tete-hauteur)0 0 0;height:var(--menu-mobile-hauteur);opacity:0;background-color:var(--couleur-fond);animation:.4s both fade-in;position:fixed}#menu-mobile .menu-modale__conteneur{z-index:999;width:100%;height:fit-content;padding:var(--espace-xl);opacity:0;background-color:var(--couleur-gris);border-bottom:1px solid var(--couleur-noir);flex-flow:column;animation:.4s .2s both fade-in;display:flex;position:relative}#menu-mobile .menu-modale__conteneur .menu-navigation{grid-template-columns:1fr}#menu-mobile .menu-modale__conteneur .menu-navigation ul{grid-column:initial;flex-flow:column;place-items:center}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span{width:fit-content}#menu-mobile .menu-modale__conteneur .menu-navigation ul>span li a{padding-top:var(--espace-m);padding-bottom:var(--espace-m)}@media (width>1000px){#menu-mobile{display:none}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{to{transform:translateY(0)}}#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:60;min-width:100vw;max-width:100vw;height:var(--en-tete-hauteur);padding:var(--en-tete-marges-internes-bloc)var(--en-tete-marges-internes-ligne);background:var(--couleur-gris);border-bottom:1px solid var(--couleur-noir);flex-flow:row;justify-content:space-between;place-items:center;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 .logo img{image-rendering:crisp-edges;shape-rendering:geometricPrecision;object-fit:contain}#en-tete .logo button{align-content:center;display:block}#en-tete .menu-navigation{text-align:center;text-transform:lowercase;flex:1;grid-template-columns:1fr auto 1fr;font-size:1.1rem;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-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}#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}#en-tete .menu-navigation__entree--courante{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg) 50%/auto 90% no-repeat}@media (hover:hover){#en-tete .menu-navigation__entree:hover{background:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-penche.svg) 50%/auto 90% no-repeat}}@media (width<=1000px){#en-tete .menu-navigation#menu-navigation-en-tete{display:none}}#en-tete .compte-panier{text-align:center;flex-flow:row;place-items:center;gap:1rem;display:flex}#en-tete .compte-panier[disabled]{background:repeating-conic-gradient(var(--couleur-noir)0% 25%,transparent 0% 100%)1px .5px/2px 2px}#en-tete .compte-panier[disabled] a:hover,#en-tete .compte-panier[disabled] a:active,#en-tete .compte-panier[disabled] a:focus-within{background:initial;border:1px solid var(--couleur-noir);outline:1px solid #0000}#en-tete .compte-panier a{text-transform:lowercase;min-width:10ch;font-size:1.1rem}#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-marges-bloc-debut:var(--en-tete-hauteur);--menu-entree-marges-internes-ligne:var(--espace-m);margin-top:var(--menu-section-marges-bloc-debut);position:relative}#menu-categories-produits[data-entrees-presentes-debut] svg:first-of-type,#menu-categories-produits[data-entrees-presentes-fin] svg:last-of-type{opacity:1}#menu-categories-produits svg{pointer-events:none;opacity:0;mix-blend-mode:exclusion;width:.8rem;height:.8rem;shape-rendering:geometricprecision;transition:opacity .2s;position:absolute;bottom:calc(17.59px - .35rem)}#menu-categories-produits svg:first-of-type{left:var(--espace-xs)}#menu-categories-produits svg:last-of-type{right:var(--espace-xs)}@media (width>600px){#menu-categories-produits svg{visibility:hidden}}#menu-categories-produits ul{grid-template-columns:repeat(auto-fit,minmax(var(--menu-entree-longueur-minimale),1fr));place-items:center;gap:1px;display:grid}#menu-categories-produits ul li{width:100%;color:var(--couleur-gris);text-align:center;text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m);background:var(--couleur-noir);font-style:italic;font-weight:450}#menu-categories-produits ul li.categorie-courante a{color:var(--couleur-noir);background:var(--couleur-jaune);font-weight:600}@media (hover:hover){#menu-categories-produits ul li.categorie-courante a:hover{color:var(--couleur-noir)}}#menu-categories-produits ul li a{width:inherit;padding:var(--menu-entree-marges-internes-ligne)0;outline:initial;text-decoration:none;display:inline-block}#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-noir);background:var(--couleur-jaune)}}@media (width<=1000px){#menu-categories-produits ul{--menu-entree-marges-internes-ligne:var(--espace-s);flex-flow:wrap;font-size:.8rem;display:flex}#menu-categories-produits ul li{flex-grow:1;width:min(140px,100%)}#menu-categories-produits ul li a{border:initial;width:100%}}@media (width<=600px){#menu-categories-produits ul{scrollbar-width:none;flex-flow:row;overflow-x:scroll}#menu-categories-produits ul li{width:initial;min-width:140px}}.fleches-defilement{--position-y-fleches:calc(100svh - var(--menu-categories-produits-hauteur));pointer-events:none;width:100%;height:calc(100svh - var(--en-tete-hauteur) - 63px);position:absolute}.fleches-defilement__bouton{cursor:initial;z-index:5;bottom:calc(var(--position-y-fleches)/2 - var(--espace-l)/2);visibility:hidden;opacity:0;mix-blend-mode:difference;min-width:2rem;max-width:2rem;min-height:2rem;max-height:2rem;shape-rendering:geometricprecision;border-radius:100%;place-content:center;place-items:center;transition:opacity .2s,visibility .2s;display:flex;position:absolute}.fleches-defilement__bouton:first-of-type{left:var(--espace-s)}.fleches-defilement__bouton:last-of-type{right:var(--espace-s)}.fleches-defilement__bouton svg{min-width:1.5rem;min-height:1.5rem}.fleches-defilement[data-images-presentes-debut] .fleches-defilement__bouton:first-of-type,.fleches-defilement[data-images-presentes-fin] .fleches-defilement__bouton:last-of-type{cursor:pointer;opacity:.7}@media (width<=60rem){.fleches-defilement button{visibility:visible}}.photos-produit{--colonne-gauche-position-haut:var(--menu-categories-produits-hauteur);--colonne-gauche-photo-hauteur:calc(100svh - var(--menu-categories-produits-hauteur));--colonne-droite-photo-hauteur-minimale:calc(100svh + var(--en-tete-hauteur) + var(--menu-categories-produits-hauteur));--colonne-photo-longueur-minimale:30rem;--section-marges-externes-bloc-fin:1rem;flex-flow:row;max-width:100%;display:flex;position:relative}.photos-produit .colonne{width:min(var(--colonne-photo-longueur-minimale),100%);flex-flow:column;flex-grow:1;display:flex;position:relative}.photos-produit .colonne.colonne-gauche{top:var(--colonne-gauche-position-haut);height:var(--colonne-gauche-photo-hauteur);position:sticky}.photos-produit .colonne.colonne-gauche figure,.photos-produit .colonne.colonne-gauche picture,.photos-produit .colonne.colonne-gauche img{height:100%}.photos-produit .colonne.colonne-droite img{width:100%;max-height:var(--colonne-droite-photo-hauteur-minimale)}.photos-produit .colonne.colonne-droite figure picture img:only-child{min-height:var(--colonne-droite-photo-hauteur-minimale);max-height:var(--colonne-droite-photo-hauteur-minimale)}@media (width<=60rem){.photos-produit{scroll-behavior:smooth;scrollbar-width:none;scroll-snap-type:x mandatory;width:fit-content;max-width:initial;flex-flow:row;overflow-x:scroll}.photos-produit::-webkit-scrollbar{display:none}.photos-produit .colonne{scroll-snap-type:x mandatory;width:100%;min-width:100%}.photos-produit .colonne figure{scroll-snap-align:none center}.photos-produit .colonne.colonne-gauche{position:initial;height:initial}.photos-produit .colonne.colonne-gauche img{max-height:calc(100svh - var(--en-tete-hauteur) - 63px)}.photos-produit .colonne.colonne-droite{flex-flow:row}.photos-produit .colonne.colonne-droite figure{flex-grow:1;min-width:100%}.photos-produit .colonne.colonne-droite figure img{max-height:calc(100svh - var(--en-tete-hauteur) - 63px)}}.grille-produits{--grille-produits-hauteur-minimale:var(--contenu-page-hauteur-minimale-avec-categories);--aucun-produit-hauteur:var(--contenu-page-hauteur-minimale-avec-categories);--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(var(--carte-produit-longueur-minimale),1fr));min-height:var(--grille-produits-hauteur-minimale);gap:1px;display:grid}.grille-produits article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.grille-produits article figure{row-gap:var(--espace-xl);flex-flow:column;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 img{position:inherit;aspect-ratio:9/16;object-fit:cover;background:0 0;width:100%;max-height:70vh}.grille-produits article figure .produit__illustration__principale{display:block}.grille-produits article figure .produit__illustration__principale:before{content:"";z-index:-1;opacity:0;filter:opacity(20%);background-image:url(/app/themes/haiku-atelier-2024/assets/img/icons/cloud-gris.svg);background-position:50%;background-repeat:no-repeat;background-size:50%;width:100%;height:100%;animation:1.5s linear .5s infinite alternate both test;position:absolute;top:0;left:0}.grille-produits article figure .produit__illustration__principale img{opacity:0;transition:opacity 1s}.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 .produit__illustration__survol img{background:var(--couleur-fond)}.grille-produits article figure figcaption{padding:var(--espace-m);margin-bottom:var(--espace-xl);flex-flow:row;justify-content:space-between;display:flex}.grille-produits article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.grille-produits article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}.grille-produits__aucun-produit{min-height:var(--aucun-produit-hauteur);text-align:center;grid-column:span 3;align-content:center}.grille-produits__aucun-produit p+p{margin-top:var(--espace-l);font-size:1.25rem}@media (width<=700px){.grille-produits{grid-template-columns:100%}.grille-produits article figure img{max-height:50svh}}@keyframes test{to{opacity:1}}.informations-produit{--boite-position-basse:var(--espace-m);--boite-longueur:70ch;--section-marges-internes:var(--espace-m);--onglet-marges-internes:var(--espace-xl);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);display:grid;position:relative}.informations-produit__conteneur>section{height:100%;padding:var(--section-marges-internes);background:var(--couleur-blanc-fond);flex-flow:row;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{width:100%;padding:var(--onglet-marges-internes);visibility:visible;opacity:1;background:inherit;border-color:var(--couleur-noir);border-style:solid;border-width:1px 1px 0;grid-column:span 3;transition:opacity .2s,visibility .2s;position:absolute;top:0;left:0;overflow-y:auto;transform:translateY(-100%)}.informations-produit .onglets-details-produit>section[hidden]{visibility:hidden;opacity:0;display:initial!important}.informations-produit .onglets-details-produit>section ul{list-style:inside}.informations-produit .onglets-details-produit>section a{text-decoration-color:var(--couleur-noir)}.informations-produit .onglets-details-produit>section>*+*{margin-top:1rem}.informations-produit .onglets-details-produit>ul{text-align:center;text-transform:lowercase;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{border-right-color:#0000}.informations-produit .onglets-details-produit>ul li:last-of-type a{border-left-color:#0000}.informations-produit .onglets-details-produit>ul li a{width:100%;height:100%;padding:var(--espace-xs)0;text-decoration:initial;border-top:1px solid var(--couleur-noir);border-right:1px solid var(--couleur-noir);border-left:1px solid var(--couleur-noir);display:inline-block}.informations-produit .onglets-details-produit>ul li a[aria-selected=true]{border-top-color:#0000;font-weight:600}.informations-produit .onglets-details-produit>ul li a:focus-visible{outline:2px solid var(--couleur-noir);outline-offset:-2px}@media (hover:hover){.informations-produit .onglets-details-produit>ul li a:hover{font-weight:600}}.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{column-gap:var(--espace-xl);font-size:1.25rem;font-style:italic;font-weight:500;line-height:var(--hauteur-ligne-compacte);border:1px solid var(--couleur-noir);flex-flow:row;justify-content:space-between;place-items:center;display:flex}.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:var(--espace-s);font-size:1rem}.informations-produit .selecteur-produit__selection-variation select{padding:var(--espace-xs)var(--espace-l);text-align:center;letter-spacing:initial;appearance:none;background:var(--couleur-fond);border:1px solid var(--couleur-noir);position:relative}@supports selector(:user-valid){.informations-produit .selecteur-produit__selection-variation select:user-valid{background:var(--couleur-jaune-fond)}}.informations-produit .selecteur-produit__selection-variation option{background:var(--couleur-fond)}.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__prix{font-style:initial}.informations-produit .actions-produit{padding:initial;background:var(--couleur-jaune);border:1px solid var(--couleur-noir);border-top:initial;transition:background .2s;overflow:hidden}.informations-produit .actions-produit:has(button[disabled]){background:var(--couleur-fond)}.informations-produit .actions-produit button{height:initial;padding:var(--section-marges-internes);text-transform:uppercase;font-style:italic;transition:background .2s,font-weight .2s}@media (hover:hover){.informations-produit .actions-produit button:not([disabled]):hover{font-weight:600}}@media (width<=800px){.informations-produit{width:100%}.informations-produit__conteneur{width:inherit;max-width:initial;border-right:initial;border-left:initial;transform:translateY(-100%)}}@media (width<=700px){.informations-produit{--section-marges-internes:var(--espace-l);--onglet-marges-internes:var(--espace-l);bottom:var(--espace-xl);width:min(var(--boite-longueur),100%);height:initial;margin:auto;position:relative}.informations-produit__conteneur{transform:initial}}@media (width<=500px){.informations-produit .informations-produit .selecteur-produit{row-gap:var(--espace-l);flex-flow:wrap}.informations-produit .informations-produit .selecteur-produit h3{flex-basis:100%}}.produits-similaires{--carte-produit-longueur-minimale:448px;--carte-produit-longueur-maximale:1000px;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;position:relative}.produits-similaires header{z-index:10;top:calc(1lh + var(--espace-l) + var(--espace-m));width:100%;padding:var(--espace-l)0 var(--espace-m);color:var(--couleur-blanc);text-align:center;background:var(--couleur-noir);grid-area:en-tete;position:sticky}.produits-similaires header h2{font-style:italic;line-height:var(--hauteur-ligne-rapprochee);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-etendu-m)}.produits-similaires .grille-produits-similaires{grid-area:produits;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(var(--carte-produit-longueur-minimale),1fr));gap:1px;width:100%;display:grid}.produits-similaires .grille-produits-similaires article{max-width:var(--carte-produit-longueur-maximale);box-shadow:0 0 0 1px var(--couleur-noir)}.produits-similaires .grille-produits-similaires article figure{row-gap:var(--espace-xl);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:70svh}.produits-similaires .grille-produits-similaires article figure figcaption{margin-bottom:var(--espace-xl);padding:0 var(--espace-m);flex-flow:row;justify-content:space-between;display:flex}.produits-similaires .grille-produits-similaires article figure figcaption h3{letter-spacing:var(--espacement-inter-lettres-etendu-m);font-style:italic}.produits-similaires .grille-produits-similaires article figure figcaption p{letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:500}@media (width<=700px){.produits-similaires .grille-produits-similaires{grid-template-columns:100%}.produits-similaires .grille-produits-similaires article figure img{max-height:50svh}}#pied-de-page{max-width:100vw;height:var(--pied-de-page-hauteur);padding:var(--espace-m);background:var(--couleur-jaune);border-top:1px solid var(--couleur-noir);grid-template-columns:1fr 1fr;place-items:center;font-size:.8rem;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%} \ No newline at end of file diff --git a/web/app/themes/haiku-atelier-2024/assets/img/logos/logo-text.svg b/web/app/themes/haiku-atelier-2024/assets/img/logos/logo-text.svg index bf081c4d..d5564c6e 100644 --- a/web/app/themes/haiku-atelier-2024/assets/img/logos/logo-text.svg +++ b/web/app/themes/haiku-atelier-2024/assets/img/logos/logo-text.svg @@ -5,7 +5,7 @@ width="330.107px" height="330.773px" viewBox="0 0 330.107 330.773" enable-background="new 0 0 330.107 330.773" xml:space="preserve"> - + "tracking_number", + "label" => "Tracking Number:", + "value" => $order->get_meta("tracking_number"), + "wrapper_class" => "form-field-wide", + ]); +} + +function maj_champ_personnalise_commande($order_id): void { + $order = wc_get_order($order_id); + $order->update_meta_data("tracking_number", wc_clean($_POST["tracking_number"])); + $order->save(); +} + add_action("carbon_fields_register_fields", "cree_champs_personnalises_produit"); +add_action("woocommerce_admin_order_data_after_shipping_address", "cree_champ_personnalise_commande"); +add_action("woocommerce_process_shop_order_meta", "maj_champ_personnalise_commande"); diff --git a/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss b/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss index bc49e93b..11a637f6 100644 --- a/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss +++ b/web/app/themes/haiku-atelier-2024/src/sass/abstracts/_variables.scss @@ -2,14 +2,14 @@ :root { /* Couleurs */ - --couleur-blanc: #ffffff; + --couleur-blanc: #fff; --couleur-blanc-fond: rgb(255 255 255 / 90%); --couleur-gris: #eceaeb; --couleur-gris-fonce: #808080; --couleur-gris-fonce-fond: rgb(128 128 128 / 80%); --couleur-bordeaux: #490918; --couleur-bordeaux-fond: rgb(73 9 24 / 80%); - --couleur-jaune: #ebffb8; + --couleur-jaune: #defdb5; --couleur-jaune-fond: rgb(235 255 184 / 80%); --couleur-noir: #202020; --couleur-fond: rgb(236 234 235 / 80%); diff --git a/web/app/themes/haiku-atelier-2024/src/scripts/page-panier/scripts-page-panier-adresses.ts b/web/app/themes/haiku-atelier-2024/src/scripts/page-panier/scripts-page-panier-adresses.ts index dc3f0797..e8b6d932 100644 --- a/web/app/themes/haiku-atelier-2024/src/scripts/page-panier/scripts-page-panier-adresses.ts +++ b/web/app/themes/haiku-atelier-2024/src/scripts/page-panier/scripts-page-panier-adresses.ts @@ -215,14 +215,6 @@ export const initialiseBoutonCalculLivraison = (): void => { .ifLeft( (erreur: ErreurAdresseInvalide | FetchErrors | HttpCodeErrors | ValiError): void => { match(erreur) - .when(estErreurHttp, (e): void => { - reporteEtJournaliseErreur(e); - E.MESSAGE_ADRESSES.textContent = ERREUR_GENERIQUE_SOUMISSION_ADRESSES; - }) - .when(estErreurFetch, (e): void => { - reporteEtJournaliseErreur(e); - E.MESSAGE_ADRESSES.textContent = ERREUR_GENERIQUE_RESEAU; - }) .with(P.instanceOf(ValiError), (e: ValiError): void => { reporteEtJournaliseErreur(e); console.error(e.issues); @@ -245,6 +237,14 @@ export const initialiseBoutonCalculLivraison = (): void => { E.MESSAGE_ADRESSES.textContent = ERREUR_GENERIQUE_SOUMISSION_ADRESSES; }); }) + .when(estErreurHttp, (e): void => { + reporteEtJournaliseErreur(e); + E.MESSAGE_ADRESSES.textContent = ERREUR_GENERIQUE_SOUMISSION_ADRESSES; + }) + .when(estErreurFetch, (e): void => { + reporteEtJournaliseErreur(e); + E.MESSAGE_ADRESSES.textContent = ERREUR_GENERIQUE_RESEAU; + }) .exhaustive(); E.BOUTON_ACTIONS_FORMULAIRE.textContent = "Submit your addresses"; diff --git a/web/app/themes/haiku-atelier-2024/views/404.twig b/web/app/themes/haiku-atelier-2024/views/404.twig index 937082c6..50ef1e9e 100644 --- a/web/app/themes/haiku-atelier-2024/views/404.twig +++ b/web/app/themes/haiku-atelier-2024/views/404.twig @@ -1,7 +1,10 @@ {% extends "base.twig" %} {% block contenu %} -
+

Sorry!

@@ -13,7 +16,10 @@

- + Go back to the Shop

diff --git a/web/app/themes/haiku-atelier-2024/views/a-propos.twig b/web/app/themes/haiku-atelier-2024/views/a-propos.twig index f6af131d..36b4d6cd 100644 --- a/web/app/themes/haiku-atelier-2024/views/a-propos.twig +++ b/web/app/themes/haiku-atelier-2024/views/a-propos.twig @@ -12,71 +12,103 @@ {# Épingles #} {# Boîtes de texte #} -
- @@ -88,11 +120,19 @@

More than poetry, it’s a philosophy.

-
- @@ -106,11 +146,19 @@

-
- @@ -125,11 +173,19 @@

-
- @@ -143,11 +199,19 @@

-
- @@ -165,11 +229,19 @@

-
- diff --git a/web/app/themes/haiku-atelier-2024/views/accueil.twig b/web/app/themes/haiku-atelier-2024/views/accueil.twig index 42254007..32242e8d 100644 --- a/web/app/themes/haiku-atelier-2024/views/accueil.twig +++ b/web/app/themes/haiku-atelier-2024/views/accueil.twig @@ -5,21 +5,29 @@
-
+
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll0", "", 903, 1080, "image-scroll0") }}
-
+
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll1", "", 903, 1080, "image-scroll1") }}
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll2", "", 903, 1080, "image-scroll2") @@ -27,8 +35,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll3", "", 903, 1080, "image-scroll3") @@ -36,8 +46,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll4", "", 903, 1080, "image-scroll4") @@ -45,8 +57,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll5", "", 903, 1080, "image-scroll5") @@ -54,8 +68,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll6", "", 903, 1080, "image-scroll6") @@ -63,8 +79,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll7", "", 903, 1080, "image-scroll7") @@ -72,8 +90,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll8", "", 903, 1080, "image-scroll8") @@ -81,8 +101,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll9", "", 903, 1080, "image-scroll9") @@ -90,8 +112,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll10", "", 903, 1080, "image-scroll10") @@ -99,8 +123,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll11", "", 903, 1080, "image-scroll11") @@ -108,8 +134,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll12", "", 903, 1080, "image-scroll12") @@ -117,8 +145,10 @@
{{ images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll13", "", 903, 1080, "image-scroll13") diff --git a/web/app/themes/haiku-atelier-2024/views/base.twig b/web/app/themes/haiku-atelier-2024/views/base.twig index a1817217..92fbe9d2 100644 --- a/web/app/themes/haiku-atelier-2024/views/base.twig +++ b/web/app/themes/haiku-atelier-2024/views/base.twig @@ -8,7 +8,10 @@ {% endblock head %} {% endblock conteneur_html_head %} - + {# En-tête #} {% include "parts/en-tete.twig" %} @@ -18,11 +21,14 @@ {# Bouton Revenir en haut #} diff --git a/web/app/themes/haiku-atelier-2024/views/cgv.twig b/web/app/themes/haiku-atelier-2024/views/cgv.twig index 003d0893..57dc834a 100644 --- a/web/app/themes/haiku-atelier-2024/views/cgv.twig +++ b/web/app/themes/haiku-atelier-2024/views/cgv.twig @@ -1,7 +1,10 @@ {% extends "base.twig" %} {% block contenu %} -
+

Terms & Conditions

@@ -49,7 +52,9 @@

- To start a return you can contact us at haiku.atelier@gmail.com. Please note that returns and exchange will need to be send back our workshop in Brussels.

@@ -169,7 +174,9 @@

Contact:
- For inquiries and customer service, please refer to our Contact page.

diff --git a/web/app/themes/haiku-atelier-2024/views/contact.twig b/web/app/themes/haiku-atelier-2024/views/contact.twig index 1bb71f90..10359d72 100644 --- a/web/app/themes/haiku-atelier-2024/views/contact.twig +++ b/web/app/themes/haiku-atelier-2024/views/contact.twig @@ -1,7 +1,10 @@ {% extends "base.twig" %} {% block contenu %} -
+

Say hi!

@@ -10,9 +13,15 @@

For any inquiries, from simple information questions to problems with your products, or just to say hi, don't - hesitate to contact us at + hesitate to contact us at haikuatelier@gmail.com - or on Instagram at + or on Instagram at haiku.atelier .

diff --git a/web/app/themes/haiku-atelier-2024/views/echec-commande.twig b/web/app/themes/haiku-atelier-2024/views/echec-commande.twig index a1cb51b3..97581fa0 100644 --- a/web/app/themes/haiku-atelier-2024/views/echec-commande.twig +++ b/web/app/themes/haiku-atelier-2024/views/echec-commande.twig @@ -1,7 +1,10 @@ {% extends "base.twig" %} {% block contenu %} -
+

Failed order!

@@ -11,7 +14,8 @@

Sadly, something went wrong during your order, or you chose to cancel it. You can try again if you want: your cart is still there.

If an error persists and you don't know what's going on, please don't hesitate to contact us!

diff --git a/web/app/themes/haiku-atelier-2024/views/macros/images.twig b/web/app/themes/haiku-atelier-2024/views/macros/images.twig index d78e414e..917dd0ea 100644 --- a/web/app/themes/haiku-atelier-2024/views/macros/images.twig +++ b/web/app/themes/haiku-atelier-2024/views/macros/images.twig @@ -1,13 +1,25 @@ {% macro genere_source_img_multi_formats(rel_url, alt="", width, height, id="") %} - - - + + + {{ alt }} diff --git a/web/app/themes/haiku-atelier-2024/views/panier.twig b/web/app/themes/haiku-atelier-2024/views/panier.twig index 3c9b2598..e5def89c 100644 --- a/web/app/themes/haiku-atelier-2024/views/panier.twig +++ b/web/app/themes/haiku-atelier-2024/views/panier.twig @@ -2,17 +2,20 @@ {% block head %} {% endblock head %} {% block contenu %} -
+
{# « Your Cart » #} {% include "parts/pages/panier/panneau-panier.twig" %} {# Your Info #} @@ -20,7 +23,10 @@ const _etats = {

Sorry! Your cart is empty.

- + Go back to the Shop
diff --git a/web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig b/web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig index acfe0207..0dd5f4e3 100644 --- a/web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig +++ b/web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig @@ -1,24 +1,36 @@
{# Bouton (dés)activant le menu mobile #} {# TODO: Utiliser un Menu WordPress #} {# TODO: Utiliser des À L'INTÉRIEUR de
  • #} -
    • {# « PayPal Express Checkout » #} - - -