2026-05-04

web/app/themes/haiku-atelier-2024/assets/css/main.css

@@ -883,7 +883,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
   }
 }
 #en-tete {
-  /* * Bouton du compte de Produits dans le Panier. */
+  /* Bouton du compte de Produits dans le Panier. */
 }
 #en-tete .compte-panier {
   display: flex;
@@ -891,14 +891,7 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
   gap: 1rem;
   place-items: center;
   text-align: center;
-}
-#en-tete .compte-panier[disabled] {
-  background: var(--arriere-plan-points);
-}
-#en-tete .compte-panier[disabled] a:hover,
-#en-tete .compte-panier[disabled] a:active,
-#en-tete .compte-panier[disabled] a:focus-within {
-  border: 1px solid var(--couleur-noir);
+  /* TODO: Utiliser un background sur .compte-panier pour varier l'apparence du bouton */
 }
 #en-tete .compte-panier a {
   padding-block: var(--espace-2xs);
@@ -909,14 +902,19 @@ body:has(#menu-mobile:not([aria-hidden="true"])) {
 #en-tete .compte-panier a[data-contient-articles="true"] {
   background: var(--couleur-gris-fond);
 }
-#en-tete .compte-panier a:hover, #en-tete .compte-panier a:focus-within {
-  color: var(--couleur-blanc);
-  background: var(--couleur-gris-fonce-fond);
+#en-tete .compte-panier a:focus-visible, #en-tete .compte-panier a:focus-within {
+  background: var(--arriere-plan-points);
+  outline-color: var(--couleur-noir);
 }
 #en-tete .compte-panier a:active {
-  color: var(--couleur-noir);
+  color: var(--couleur-blanc);
   background: var(--arriere-plan-points);
 }
+@media (hover: hover) {
+  #en-tete .compte-panier a:hover {
+    background: var(--arriere-plan-points);
+  }
+}
 #en-tete .conteneur {
   display: flex;
   column-gap: var(--espace-m);

web/app/themes/haiku-atelier-2024/assets/css/pages/page-404.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-404.scss"],"names":[],"mappings":"AAEA;EAEE;EAGA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;IACE;IACA","file":"page-404.css"}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.css

@@ -41,13 +41,7 @@
   margin: auto;
   visibility: visible;
   opacity: 100%;
-  mask-image: linear-gradient(
-    var(--mask-direction, to right),
-    hsla(0, 0%, 0%, 0),
-    hsl(0, 0%, 0%) 20%,
-    hsl(0, 0%, 0%) 80%,
-    hsla(0, 0%, 0%, 0)
-  );
+  mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 20%, hsl(0, 0%, 0%) 80%, hsla(0, 0%, 0%, 0));
   transition: 1s opacity ease-in-out, 1s visibility ease-in-out;
 }
 #page-a-propos .storytelling__animation[hidden] {
@@ -118,4 +112,4 @@
   }
 }
 
-/* # sourceMappingURL=page-a-propos.css.map */
+/*# sourceMappingURL=page-a-propos.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-a-propos.min.css

@@ -1 +1 @@
-#page-a-propos{--hauteur-conteneur:var(--contenu-page-hauteur-minimale-sans-categories);--page-marges-bloc-debut:var(--en-tete-hauteur);--conteneur-marges-internes-ligne:var(--espace-xl);min-block-size:var(--hauteur-conteneur);max-block-size:var(--hauteur-conteneur);margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex;overflow:hidden}#page-a-propos .storytelling{overscroll-behavior:none;min-block-size:inherit;max-block-size:inherit;overflow-y:scroll}#page-a-propos .storytelling__conteneur{overscroll-behavior:inherit;min-block-size:calc(var(--hauteur-conteneur) * 13);padding:0 var(--conteneur-marges-internes-ligne);flex-flow:column;place-items:center;display:flex}#page-a-propos .storytelling__animation{--hauteur-animation:90px;--taille-police:calc(var(--espace-xl) * 2.5);pointer-events:none;z-index:3;visibility:visible;opacity:1;block-size:100%;mask-image:linear-gradient(var(--mask-direction,to right), #0000, #000 20%, #000 80%, #0000);place-content:center;place-items:center;margin:auto;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden}#page-a-propos .storytelling__animation[hidden]{visibility:hidden;opacity:0;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:grid!important}#page-a-propos .storytelling__animation.no-js{visibility:hidden;opacity:0;transition:opacity 1s ease-in-out,visibility 1s ease-in-out}#page-a-propos .storytelling__animation .animation-conteneur{width:120vw;block-size:var(--hauteur-animation);overflow:visible}#page-a-propos .storytelling__animation .animation-texte{font-size:var(--taille-police);text-shadow:4px 4px 0 var(--couleur-blanc);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:600;overflow:visible}#page-a-propos .storytelling__image{inline-size:max-content;max-inline-size:100%;min-block-size:var(--hauteur-conteneur);max-block-size:var(--hauteur-conteneur);align-content:center;position:sticky;top:0}#page-a-propos .storytelling__image[data-caché]{display:none!important}#page-a-propos .storytelling__image picture{max-block-size:inherit}#page-a-propos .storytelling__image img{max-block-size:inherit;object-fit:contain;background:0 0;margin:auto;scale:.95}@media (scripting:none){#page-a-propos .storytelling__animation{visibility:hidden}}@media (width<=700px){#page-a-propos{--conteneur-marges-internes-ligne:var(--espace-l)}}@media (width<=500px){#page-a-propos{--conteneur-marges-internes-ligne:var(--espace-m)}}@supports ((-moz-appearance:none)){#page-a-propos .storytelling__animation{--taille-police:calc(var(--espace-xl) * 2.2)}}
+#page-a-propos{--hauteur-conteneur:var(--contenu-page-hauteur-minimale-sans-categories);--page-marges-bloc-debut:var(--en-tete-hauteur);--conteneur-marges-internes-ligne:var(--espace-xl);min-block-size:var(--hauteur-conteneur);max-block-size:var(--hauteur-conteneur);margin-top:var(--page-marges-bloc-debut);flex-flow:column;display:flex;overflow:hidden}#page-a-propos .storytelling{overscroll-behavior:none;min-block-size:inherit;max-block-size:inherit;overflow-y:scroll}#page-a-propos .storytelling__conteneur{overscroll-behavior:inherit;min-block-size:calc(var(--hauteur-conteneur) * 13);padding:0 var(--conteneur-marges-internes-ligne);flex-flow:column;place-items:center;display:flex}#page-a-propos .storytelling__animation{--hauteur-animation:90px;--taille-police:calc(var(--espace-xl) * 2.5);pointer-events:none;z-index:3;visibility:visible;opacity:1;block-size:100%;-webkit-mask-image:linear-gradient(var(--mask-direction,to right), #0000, #000 20%, #000 80%, #0000);mask-image:linear-gradient(var(--mask-direction,to right), #0000, #000 20%, #000 80%, #0000);place-content:center;place-items:center;margin:auto;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden}#page-a-propos .storytelling__animation[hidden]{visibility:hidden;opacity:0;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:grid!important}#page-a-propos .storytelling__animation.no-js{visibility:hidden;opacity:0;transition:opacity 1s ease-in-out,visibility 1s ease-in-out}#page-a-propos .storytelling__animation .animation-conteneur{width:120vw;block-size:var(--hauteur-animation);overflow:visible}#page-a-propos .storytelling__animation .animation-texte{font-size:var(--taille-police);text-shadow:4px 4px 0 var(--couleur-blanc);text-transform:uppercase;letter-spacing:var(--espacement-inter-lettres-rapproche-s);font-weight:600;overflow:visible}#page-a-propos .storytelling__image{inline-size:max-content;max-inline-size:100%;min-block-size:var(--hauteur-conteneur);max-block-size:var(--hauteur-conteneur);align-content:center;position:sticky;top:0}#page-a-propos .storytelling__image[data-caché]{display:none!important}#page-a-propos .storytelling__image picture{max-block-size:inherit}#page-a-propos .storytelling__image img{max-block-size:inherit;object-fit:contain;background:0 0;margin:auto;scale:.95}@media (scripting:none){#page-a-propos .storytelling__animation{visibility:hidden}}@media (width<=700px){#page-a-propos{--conteneur-marges-internes-ligne:var(--espace-l)}}@media (width<=500px){#page-a-propos{--conteneur-marges-internes-ligne:var(--espace-m)}}@supports ((-moz-appearance:none)){#page-a-propos .storytelling__animation{--taille-police:calc(var(--espace-xl) * 2.2)}}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-accueil.css

@@ -7,4 +7,4 @@
   max-block-size: var(--hauteur-conteneur);
 }
 
-/* # sourceMappingURL=page-accueil.css.map */
+/*# sourceMappingURL=page-accueil.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-boutique.css

@@ -7,4 +7,4 @@
   padding: var(--espace-xl) 0;
 }
 
-/* # sourceMappingURL=page-boutique.css.map */
+/*# sourceMappingURL=page-boutique.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/sass/pages/page-contact.scss"],"names":[],"mappings":"AAEA;EAEE;AAAA;AAAA;EAKA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;IACE;IACA","file":"page-contact.css"}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-contact.min.css

@@ -1,54 +0,0 @@
-#page-contact {
-  --page-hauteur-minimale: calc(
-    100svh - var(--en-tete-hauteur) - var(--pied-de-page-hauteur) - var(--espace-xl) - 1px
-  );
-  --page-marges-bloc-debut: var(--en-tete-hauteur);
-  margin-top: var(--page-marges-bloc-debut);
-  margin-bottom: var(--espace-xl);
-  border-bottom: 1px solid var(--couleur-noir);
-  flex-flow: column;
-  display: flex;
-}
-#page-contact .contenu {
-  width: min(50rem, 100%);
-  min-height: var(--page-hauteur-minimale);
-  border: 1px solid var(--couleur-noir);
-  border-bottom: initial;
-  flex-flow: column;
-  place-items: center;
-  margin: auto;
-  font-style: italic;
-  font-weight: 500;
-  display: flex;
-}
-#page-contact .contenu__en-tete {
-  width: 100%;
-  padding: var(--espace-m) var(--espace-xl);
-  color: var(--couleur-blanc);
-  background: var(--couleur-noir);
-}
-#page-contact .contenu__en-tete h2 {
-  text-transform: uppercase;
-  width: fit-content;
-  letter-spacing: var(--espacement-inter-lettres-etendu-l);
-  margin: auto;
-}
-#page-contact .contenu__textuel {
-  max-width: 34rem;
-  height: 100%;
-  padding: 0 var(--espace-xl);
-  text-wrap: pretty;
-  flex-flow: column;
-  flex: 1;
-  place-content: center;
-  display: flex;
-}
-#page-contact .contenu__textuel p + p {
-  margin-top: var(--espace-m);
-}
-@media (width <= 50rem) {
-  #page-contact .contenu {
-    border-right: initial;
-    border-left: initial;
-  }
-}

web/app/themes/haiku-atelier-2024/assets/css/pages/page-modele-simple.css

@@ -94,4 +94,4 @@
   }
 }
 
-/* # sourceMappingURL=page-modele-simple.css.map */
+/*# sourceMappingURL=page-modele-simple.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-panier.css

@@ -74,7 +74,7 @@
    * 2. Cache les flèches d'augmentation/diminution sur Chrome/Edge/Safari.
    */
 }
-#panneau-panier .panneau__grille-produits .detail-produit__actions input[type="number"] {
+#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number] {
   grid-column: 2;
   width: 100%;
   border: initial;
@@ -82,14 +82,7 @@
   text-align: center;
   appearance: textfield; /* 1 */
 }
-#panneau-panier
-  .panneau__grille-produits
-  .detail-produit__actions
-  input[type="number"]::-webkit-outer-spin-button,
-#panneau-panier
-  .panneau__grille-produits
-  .detail-produit__actions
-  input[type="number"]::-webkit-inner-spin-button {
+#panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-outer-spin-button, #panneau-panier .panneau__grille-produits .detail-produit__actions input[type=number]::-webkit-inner-spin-button {
   margin: 0; /* 2 */
   appearance: none; /* 2 */
 }
@@ -234,14 +227,7 @@
   #panneau-panier .panneau__instructions-code-promo {
     padding: var(--espace-xl) var(--espace-l);
   }
-  #panneau-panier
-    .panneau__instructions-code-promo
-    .panneau__instructions-code-promo__code-promo
-    input,
-  #panneau-panier
-    .panneau__instructions-code-promo
-    .panneau__instructions-code-promo__code-promo
-    button {
+  #panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo input, #panneau-panier .panneau__instructions-code-promo .panneau__instructions-code-promo__code-promo button {
     flex: 1;
   }
   #panneau-panier .panneau__sous-totaux {
@@ -303,16 +289,10 @@
   font-size: 0.8rem;
   font-style: italic;
 }
-#panneau-informations-client
-  .panneau__formulaires
-  .panneau__formulaires__separation-adresses
-  label {
+#panneau-informations-client .panneau__formulaires .panneau__formulaires__separation-adresses label {
   text-transform: lowercase;
 }
-#panneau-informations-client
-  .panneau__formulaires
-  .panneau__formulaires__paiement
-  .formulaire__paiement__attente-renseignement-formulaires {
+#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires {
   align-content: center;
   width: 100%;
   padding: 0;
@@ -321,11 +301,7 @@
   color: var(--couleur-gris-fonce);
   text-align: center;
 }
-#panneau-informations-client
-  .panneau__formulaires
-  .panneau__formulaires__paiement
-  .formulaire__paiement__attente-renseignement-formulaires
-  p + p {
+#panneau-informations-client .panneau__formulaires .panneau__formulaires__paiement .formulaire__paiement__attente-renseignement-formulaires p + p {
   margin-top: 1lh;
 }
 #panneau-informations-client .panneau__formulaires .panneau__formulaires__message {
@@ -359,11 +335,7 @@
   place-items: center;
   justify-content: space-between;
 }
-#panneau-informations-client
-  .formulaire
-  .formulaire__champs
-  .formulaire__champs__champ
-  + .formulaire__champs__champ {
+#panneau-informations-client .formulaire .formulaire__champs .formulaire__champs__champ + .formulaire__champs__champ {
   margin-top: var(--espace-l);
 }
 #panneau-informations-client .formulaire label {
@@ -463,11 +435,11 @@
   margin-top: var(--espace-m);
   font-size: initial;
 }
-#page-panier[data-contient-articles="false"] .panneau {
+#page-panier[data-contient-articles=false] .panneau {
   display: none;
 }
-#page-panier[data-contient-articles="false"] .panier-vide {
+#page-panier[data-contient-articles=false] .panier-vide {
   display: block;
 }
 
-/* # sourceMappingURL=page-panier.css.map */
+/*# sourceMappingURL=page-panier.css.map */

web/app/themes/haiku-atelier-2024/assets/css/pages/page-succes-commande.css

@@ -57,8 +57,7 @@
   grid-template-rows: 1fr;
   border-bottom: 1px solid var(--couleur-noir);
 }
-#page-succes-commande .contenu__rappel-commande__produit:only-child,
-#page-succes-commande .contenu__rappel-commande__produit:last-of-type {
+#page-succes-commande .contenu__rappel-commande__produit:only-child, #page-succes-commande .contenu__rappel-commande__produit:last-of-type {
   border-bottom: initial;
 }
 #page-succes-commande .contenu__rappel-commande__produit__illustratif {
@@ -106,4 +105,4 @@
   }
 }
 
-/* # sourceMappingURL=page-succes-commande.css.map */
+/*# sourceMappingURL=page-succes-commande.css.map */

web/app/themes/haiku-atelier-2024/src/sass/layouts/_en-tete.scss

@@ -115,7 +115,7 @@
     }
   }
 
-  /* * Bouton du compte de Produits dans le Panier. */
+  /* Bouton du compte de Produits dans le Panier. */
   .compte-panier {
     display: flex;
     flex-flow: row nowrap;
@@ -123,13 +123,7 @@
     place-items: center;
     text-align: center;
 
-    &[disabled] {
-      background: var(--arriere-plan-points);
-
-      a:hover, a:active, a:focus-within {
-        border: 1px solid var(--couleur-noir);
-      }
-    }
+    /* TODO: Utiliser un background sur .compte-panier pour varier l'apparence du bouton */
 
     a {
       padding-block: var(--espace-2xs);
@@ -141,14 +135,19 @@
         background: var(--couleur-gris-fond);
       }
 
-      &:hover, &:focus-within {
+      &:focus-visible, &:focus-within {
+        background: var(--arriere-plan-points);
+        outline-color: var(--couleur-noir);
+      }
+      &:active {
         color: var(--couleur-blanc);
-        background: var(--couleur-gris-fonce-fond);
+        background: var(--arriere-plan-points);
       }
 
-      &:active {
-        color: var(--couleur-noir);
-        background: var(--arriere-plan-points);
+      @media (hover: hover) {
+        &:hover {
+          background: var(--arriere-plan-points);
+        }
       }
     }
   }

web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig

@@ -1,10 +1,14 @@
 <header id="en-tete">
   <div class="logo">
-    <img
-      alt="Haiku Atelier's Logo" decoding="async"
-      height="77" loading="eager"
-      src="{{ site.theme.link }}/assets/img/logos/logo-v2-text.svg" width="307"
-    />
+    <a
+      aria-label="Go to the Shop" href="/shop"
+      title="Go to the Shop"
+    >
+      <img
+        alt="Haiku Atelier's Logo" height="77"
+        src="{{ site.theme.link }}/assets/img/logos/logo-v2-text.svg" width="307"
+      />
+    </a>
   </div>
 
   {# TODO: Utiliser un Menu WordPress ? #}