/* Décor d'Halloween (Musa, 02/10/2026 : « des toiles d'araignée dans la barre de
   navigation, sur le bloc Tout le matériel… »). Chargé par le module
   brehmerpaniers seulement si BREHMER_DECOR_HALLOWEEN = 1 — le remettre à 0 en
   novembre retire tout. Purement décoratif : aucun clic capté, rien n'est masqué.
   Toiles et araignée dessinées en SVG ci-dessous (aucune image à charger). */

/* barre de navigation : une toile dans chaque coin, une araignée qui pend.
   Accrochées à #header (déjà positionné par le thème) et à .header-banner (vide, en
   haut) : NE PAS rendre .header-top ou son .inner « relative » — le bloc compte /
   panier du thème se place par rapport à #header et se décalerait (constaté le 02/10). */
#header::before,
#header::after {
  content: ""; position: absolute; top: 0; width: 66px; height: 66px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M0 0L216.0 0.0 M0 0L208.6 55.9 M0 0L187.1 108.0 M0 0L152.7 152.7 M0 0L108.0 187.1 M0 0L55.9 208.6 M0 0L0.0 216.0 M44.0 0.0Q37.2 4.9 42.5 11.4Q34.7 14.4 38.1 22.0Q29.8 22.8 31.1 31.1Q22.8 29.8 22.0 38.1Q14.4 34.7 11.4 42.5Q4.9 37.2 0.0 44.0 M76.0 0.0Q64.2 8.5 73.4 19.7Q59.9 24.8 65.8 38.0Q51.4 39.4 53.7 53.7Q39.4 51.4 38.0 65.8Q24.8 59.9 19.7 73.4Q8.5 64.2 0.0 76.0 M108.0 0.0Q91.3 12.0 104.3 28.0Q85.1 35.2 93.5 54.0Q73.1 56.1 76.4 76.4Q56.1 73.1 54.0 93.5Q35.2 85.1 28.0 104.3Q12.0 91.3 0.0 108.0 M140.0 0.0Q118.3 15.6 135.2 36.2Q110.3 45.7 121.2 70.0Q94.7 72.7 99.0 99.0Q72.7 94.7 70.0 121.2Q45.7 110.3 36.2 135.2Q15.6 118.3 0.0 140.0 M172.0 0.0Q145.4 19.1 166.1 44.5Q135.5 56.1 149.0 86.0Q116.3 89.3 121.6 121.6Q89.3 116.3 86.0 149.0Q56.1 135.5 44.5 166.1Q19.1 145.4 0.0 172.0 M200.0 0.0Q169.1 22.3 193.2 51.8Q157.5 65.3 173.2 100.0Q135.3 103.8 141.4 141.4Q103.8 135.3 100.0 173.2Q65.3 157.5 51.8 193.2Q22.3 169.1 0.0 200.0' fill='none' stroke='%231a1a1a' stroke-opacity='0.55' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0 / contain;
  pointer-events: none; z-index: 5;
}
#header::before { left: 0; }
#header::after { right: 0; transform: scaleX(-1); }
#header .header-banner::after {
  content: ""; position: absolute; top: 0; left: 31%; width: 22px; height: 46px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 70'%3E%3Cpath d='M20 0V34' stroke='%231a1a1a' stroke-width='1' stroke-opacity='0.7'/%3E%3Cg fill='%231a1a1a'%3E%3Cellipse cx='20' cy='42' rx='6' ry='7'/%3E%3Ccircle cx='20' cy='33' r='4'/%3E%3C/g%3E%3Cg fill='none' stroke='%231a1a1a' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M15 38Q8 34 4 38M15 42Q7 41 3 46M15 46Q8 49 5 55M16 49Q11 55 10 61'/%3E%3Cpath d='M25 38Q32 34 36 38M25 42Q33 41 37 46M25 46Q32 49 35 55M24 49Q29 55 30 61'/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0 / contain;
  pointer-events: none; z-index: 5;
  animation: bp-araignee 4.5s ease-in-out infinite; transform-origin: 50% 0;
}
@keyframes bp-araignee { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(9px); } }
@media (prefers-reduced-motion: reduce) { #header .header-banner::after { animation: none; } }

/* bloc « Tout le matériel pour la boulangerie et la pâtisserie » (accueil et page Halloween).
   Fond clair (photo du gâteau) → toile sombre ; placée là où il n'y a pas de texte : coin
   haut droit (sur la photo) et coin bas gauche (près des croissants). Fond du pseudo-élément
   forcé à transparent : le constructeur Leo style les ::before de ses sections. */
.elementor-element.elementor-element-e34728e { position: relative; }
.elementor-element.elementor-element-e34728e::before,
.elementor-element.elementor-element-e34728e::after {
  content: ""; position: absolute; width: 170px; height: 170px;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M0 0L216.0 0.0 M0 0L208.6 55.9 M0 0L187.1 108.0 M0 0L152.7 152.7 M0 0L108.0 187.1 M0 0L55.9 208.6 M0 0L0.0 216.0 M44.0 0.0Q37.2 4.9 42.5 11.4Q34.7 14.4 38.1 22.0Q29.8 22.8 31.1 31.1Q22.8 29.8 22.0 38.1Q14.4 34.7 11.4 42.5Q4.9 37.2 0.0 44.0 M76.0 0.0Q64.2 8.5 73.4 19.7Q59.9 24.8 65.8 38.0Q51.4 39.4 53.7 53.7Q39.4 51.4 38.0 65.8Q24.8 59.9 19.7 73.4Q8.5 64.2 0.0 76.0 M108.0 0.0Q91.3 12.0 104.3 28.0Q85.1 35.2 93.5 54.0Q73.1 56.1 76.4 76.4Q56.1 73.1 54.0 93.5Q35.2 85.1 28.0 104.3Q12.0 91.3 0.0 108.0 M140.0 0.0Q118.3 15.6 135.2 36.2Q110.3 45.7 121.2 70.0Q94.7 72.7 99.0 99.0Q72.7 94.7 70.0 121.2Q45.7 110.3 36.2 135.2Q15.6 118.3 0.0 140.0 M172.0 0.0Q145.4 19.1 166.1 44.5Q135.5 56.1 149.0 86.0Q116.3 89.3 121.6 121.6Q89.3 116.3 86.0 149.0Q56.1 135.5 44.5 166.1Q19.1 145.4 0.0 172.0 M200.0 0.0Q169.1 22.3 193.2 51.8Q157.5 65.3 173.2 100.0Q135.3 103.8 141.4 141.4Q103.8 135.3 100.0 173.2Q65.3 157.5 51.8 193.2Q22.3 169.1 0.0 200.0' fill='none' stroke='%231a1a1a' stroke-opacity='0.55' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: 0 0 !important; background-size: contain !important;
  opacity: 1 !important; border: 0 !important;
  pointer-events: none; z-index: 3;
}
.elementor-element.elementor-element-e34728e::before { top: 0; right: 0; left: auto; bottom: auto; transform: scaleX(-1); }
.elementor-element.elementor-element-e34728e::after { bottom: 0; left: 0; top: auto; right: auto; transform: scaleY(-1); }

/* téléphone : plus petit, pas d'araignée au milieu du logo */
@media (max-width: 767px) {
  #header::before, #header::after { width: 46px; height: 46px; }
  #header .header-banner::after { display: none; }
  .elementor-element.elementor-element-e34728e::before,
  .elementor-element.elementor-element-e34728e::after { width: 100px; height: 100px; }
}


/* ------------------------------------------------------------------
   « Un peu plus » sur l'accueil (Musa, 02/10/2026). Mêmes règles : jamais
   sur un texte, un bouton ou un produit ; aucun clic capté ; fond des
   pseudo-éléments forcé à transparent (les sections Leo en stylent un).
   ------------------------------------------------------------------ */
.elementor-element.elementor-element-4a795ca,
.elementor-element.elementor-element-ea2bc1c,
.elementor-element.elementor-element-86b2090,
.elementor-element.elementor-element-3347762,
.elementor-element.elementor-element-f50aec7,
.elementor-element.elementor-element-49b886e { position: relative; }

/* diaporama (fond sombre) : toiles claires dans les coins du haut */
.elementor-element.elementor-element-4a795ca::before,
.elementor-element.elementor-element-4a795ca::after {
  content: ""; position: absolute; top: 0; width: 210px; height: 210px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M0 0L216.0 0.0 M0 0L208.6 55.9 M0 0L187.1 108.0 M0 0L152.7 152.7 M0 0L108.0 187.1 M0 0L55.9 208.6 M0 0L0.0 216.0 M44.0 0.0Q37.2 4.9 42.5 11.4Q34.7 14.4 38.1 22.0Q29.8 22.8 31.1 31.1Q22.8 29.8 22.0 38.1Q14.4 34.7 11.4 42.5Q4.9 37.2 0.0 44.0 M76.0 0.0Q64.2 8.5 73.4 19.7Q59.9 24.8 65.8 38.0Q51.4 39.4 53.7 53.7Q39.4 51.4 38.0 65.8Q24.8 59.9 19.7 73.4Q8.5 64.2 0.0 76.0 M108.0 0.0Q91.3 12.0 104.3 28.0Q85.1 35.2 93.5 54.0Q73.1 56.1 76.4 76.4Q56.1 73.1 54.0 93.5Q35.2 85.1 28.0 104.3Q12.0 91.3 0.0 108.0 M140.0 0.0Q118.3 15.6 135.2 36.2Q110.3 45.7 121.2 70.0Q94.7 72.7 99.0 99.0Q72.7 94.7 70.0 121.2Q45.7 110.3 36.2 135.2Q15.6 118.3 0.0 140.0 M172.0 0.0Q145.4 19.1 166.1 44.5Q135.5 56.1 149.0 86.0Q116.3 89.3 121.6 121.6Q89.3 116.3 86.0 149.0Q56.1 135.5 44.5 166.1Q19.1 145.4 0.0 172.0 M200.0 0.0Q169.1 22.3 193.2 51.8Q157.5 65.3 173.2 100.0Q135.3 103.8 141.4 141.4Q103.8 135.3 100.0 173.2Q65.3 157.5 51.8 193.2Q22.3 169.1 0.0 200.0' fill='none' stroke='%23ffffff' stroke-opacity='0.6' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0 / contain !important; background-color: transparent !important;
  pointer-events: none; z-index: 4; opacity: 1 !important; border: 0 !important;
}
.elementor-element.elementor-element-4a795ca::before { left: 0; right: auto; }
.elementor-element.elementor-element-4a795ca::after { right: 0; left: auto; transform: scaleX(-1); }

/* chocolatier, Dito Sama, Robot Coupe : une toile dans le coin haut droit */
.elementor-element.elementor-element-ea2bc1c::after,
.elementor-element.elementor-element-86b2090::after,
.elementor-element.elementor-element-3347762::after {
  content: ""; position: absolute; top: 0; right: 0; left: auto; width: 120px; height: 120px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M0 0L216.0 0.0 M0 0L208.6 55.9 M0 0L187.1 108.0 M0 0L152.7 152.7 M0 0L108.0 187.1 M0 0L55.9 208.6 M0 0L0.0 216.0 M44.0 0.0Q37.2 4.9 42.5 11.4Q34.7 14.4 38.1 22.0Q29.8 22.8 31.1 31.1Q22.8 29.8 22.0 38.1Q14.4 34.7 11.4 42.5Q4.9 37.2 0.0 44.0 M76.0 0.0Q64.2 8.5 73.4 19.7Q59.9 24.8 65.8 38.0Q51.4 39.4 53.7 53.7Q39.4 51.4 38.0 65.8Q24.8 59.9 19.7 73.4Q8.5 64.2 0.0 76.0 M108.0 0.0Q91.3 12.0 104.3 28.0Q85.1 35.2 93.5 54.0Q73.1 56.1 76.4 76.4Q56.1 73.1 54.0 93.5Q35.2 85.1 28.0 104.3Q12.0 91.3 0.0 108.0 M140.0 0.0Q118.3 15.6 135.2 36.2Q110.3 45.7 121.2 70.0Q94.7 72.7 99.0 99.0Q72.7 94.7 70.0 121.2Q45.7 110.3 36.2 135.2Q15.6 118.3 0.0 140.0 M172.0 0.0Q145.4 19.1 166.1 44.5Q135.5 56.1 149.0 86.0Q116.3 89.3 121.6 121.6Q89.3 116.3 86.0 149.0Q56.1 135.5 44.5 166.1Q19.1 145.4 0.0 172.0 M200.0 0.0Q169.1 22.3 193.2 51.8Q157.5 65.3 173.2 100.0Q135.3 103.8 141.4 141.4Q103.8 135.3 100.0 173.2Q65.3 157.5 51.8 193.2Q22.3 169.1 0.0 200.0' fill='none' stroke='%231a1a1a' stroke-opacity='0.5' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 0 / contain !important; background-color: transparent !important;
  transform: scaleX(-1); pointer-events: none; z-index: 3; opacity: 1 !important; border: 0 !important;
}
.elementor-element.elementor-element-86b2090::after,
.elementor-element.elementor-element-3347762::after { width: 90px; height: 90px; }

/* carrousels Halloween : une araignée qui descend au bout de son fil */
.elementor-element.elementor-element-f50aec7::after,
.elementor-element.elementor-element-49b886e::after {
  content: ""; position: absolute; top: 0; width: 26px; pointer-events: none; z-index: 3;
  background-repeat: no-repeat !important; background-position: 0 0 !important; background-size: contain !important;
  background-color: transparent !important; transform-origin: 50% 0;
  animation: bp-descente 6s ease-in-out infinite;
}
.elementor-element.elementor-element-f50aec7::after { right: 7%; left: auto; height: 101px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 156'%3E%3Cpath d='M20 0V120' stroke='%231a1a1a' stroke-width='1' stroke-opacity='0.6'/%3E%3Cg fill='%231a1a1a'%3E%3Cellipse cx='20' cy='128' rx='6' ry='7'/%3E%3Ccircle cx='20' cy='119' r='4'/%3E%3C/g%3E%3Cg fill='none' stroke='%231a1a1a' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M15 124Q8 120 4 124M15 128Q7 127 3 132M15 132Q8 135 5 141M16 135Q11 141 10 147'/%3E%3Cpath d='M25 124Q32 120 36 124M25 128Q33 127 37 132M25 132Q32 135 35 141M24 135Q29 141 30 147'/%3E%3C/g%3E%3C/svg%3E") !important; }
.elementor-element.elementor-element-49b886e::after { left: 6%; right: auto; height: 75px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 116'%3E%3Cpath d='M20 0V80' stroke='%231a1a1a' stroke-width='1' stroke-opacity='0.6'/%3E%3Cg fill='%231a1a1a'%3E%3Cellipse cx='20' cy='88' rx='6' ry='7'/%3E%3Ccircle cx='20' cy='79' r='4'/%3E%3C/g%3E%3Cg fill='none' stroke='%231a1a1a' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M15 84Q8 80 4 84M15 88Q7 87 3 92M15 92Q8 95 5 101M16 95Q11 101 10 107'/%3E%3Cpath d='M25 84Q32 80 36 84M25 88Q33 87 37 92M25 92Q32 95 35 101M24 95Q29 101 30 107'/%3E%3C/g%3E%3C/svg%3E") !important; animation-delay: -2.5s; }
@keyframes bp-descente { 0%, 100% { transform: translateY(-14px); } 50% { transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) {
  .elementor-element.elementor-element-f50aec7::after, .elementor-element.elementor-element-49b886e::after { animation: none; }
}

@media (max-width: 767px) {
  .elementor-element.elementor-element-4a795ca::before,
  .elementor-element.elementor-element-4a795ca::after { width: 110px; height: 110px; }
  .elementor-element.elementor-element-ea2bc1c::after,
  .elementor-element.elementor-element-86b2090::after,
  .elementor-element.elementor-element-3347762::after { width: 70px; height: 70px; }
  .elementor-element.elementor-element-f50aec7::after,
  .elementor-element.elementor-element-49b886e::after { display: none; }
}