/* Brewstock — bulle « Discuter avec nous », lien de rappel du pied de page et fenêtre d'accord de la discussion
   (inc/discussion.php, assets/js/discussion.js ; PAI-06 du 13/10/2026, bulle flottante le 14/10/2026).
   Hors couche, comme le bouclier de base.css : sur les pages encore construites avec Elementor, la feuille du thème
   parent Hello (rangée dans aucune couche) teinterait ces boutons en rose. Sélecteurs à deux classes : ils l'emportent
   sur ceux de Hello ([type=button]:hover…).
   Empilement : la bulle (35) passe sous le bandeau des cookies (Complianz : 9998 et 99999), sous l'en-tête et ses menus
   (50), les listes des filtres (40), les barres collantes et la fenêtre d'accord (60), l'annonce du panier (65) et la
   feuille des filtres (80) ; au-dessus du contenu. Sa place (sous l'en-tête, au-dessus des barres) est calculée par
   le script : left et top restent à 0, il la pose par translation. */

.bw-bulle { position: fixed; z-index: 35; left: 0; top: 0; width: 4.125rem; height: 4.125rem; scroll-margin-bottom: env(safe-area-inset-bottom, 0px); user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; }
.bw-bulle[hidden] { display: none; }
.bw-bulle.est-en-retrait { visibility: hidden; } /* champ en saisie sur mobile */

.bw-bulle .bw-bulle__ouvrir { position: absolute; left: 0; bottom: 0; display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; margin: 0; padding: 0; border: 0; border-radius: 50%; background: var(--bw-action-bg); color: var(--bw-white); box-shadow: 0 6px 18px rgb(30 30 28 / 0.22), 0 1px 3px rgb(30 30 28 / 0.12); font: inherit; line-height: 1; cursor: pointer; touch-action: none; transition: background-color var(--bw-duree); }
.bw-bulle .bw-bulle__ouvrir:hover, .bw-bulle .bw-bulle__ouvrir:focus { background: var(--bw-action-bg-hover); color: var(--bw-white); }
.bw-bulle .bw-bulle__ouvrir:focus-visible { outline: none; box-shadow: var(--bw-focus); }
.bw-bulle .bw-bulle__ouvrir[aria-busy="true"] { cursor: progress; }
.bw-bulle .bw-bulle__ouvrir .bw-icone { width: 1.625rem; height: 1.625rem; }
.bw-bulle.est-glissee .bw-bulle__ouvrir { cursor: grabbing; box-shadow: 0 10px 28px rgb(30 30 28 / 0.28), 0 2px 6px rgb(30 30 28 / 0.14); }

/* Croix pour masquer la bulle : en haut à droite de la pastille, 28 px (cible d'au moins 24 px, WCAG 2.2) */
.bw-bulle .bw-bulle__masquer { position: absolute; right: 0; top: 0; display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; margin: 0; padding: 0; border: 1px solid var(--bw-line-strong); border-radius: 50%; background: var(--bw-white); color: var(--bw-ink); box-shadow: var(--bw-shadow-1); font: inherit; line-height: 1; cursor: pointer; }
.bw-bulle .bw-bulle__masquer:hover, .bw-bulle .bw-bulle__masquer:focus { border-color: var(--bw-ink); background: var(--bw-cream); color: var(--bw-ink); }
.bw-bulle .bw-bulle__masquer:focus-visible { outline: none; box-shadow: var(--bw-focus); }
.bw-bulle .bw-bulle__masquer .bw-icone { width: 1rem; height: 1rem; }

/* Lien « Discuter avec nous » de la colonne Contact du pied de page : fait revenir la bulle et ouvre la discussion */
.bw-pied .bw-pied__discuter { margin: var(--bw-s2) 0 0; } /* 8 px : le lien de l’adresse au-dessus garde sa cible de 24 px (WCAG 2.2, 2.5.8) */
.bw-pied .bw-pied__discuter-lien { display: inline-flex; align-items: center; min-height: 2.25rem; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: #EDEBE3; font: inherit; line-height: inherit; text-align: left; text-decoration: underline; text-underline-offset: 0.18em; white-space: normal; cursor: pointer; }
.bw-pied .bw-pied__discuter-lien:hover, .bw-pied .bw-pied__discuter-lien:focus { background: none; color: var(--bw-white); }
.bw-pied .bw-pied__discuter-lien:focus-visible { outline: 2px solid var(--bw-white); outline-offset: 2px; box-shadow: none; }

/* Fenêtre d'accord : posée par le script à côté de la bulle (base.css la mettait sous l'en-tête, à droite) */
#bw-discussion.bw-discussion { top: auto; right: auto; bottom: auto; left: 0; overflow-y: auto; overscroll-behavior: contain; }
.bw-discussion .bw-btn { min-height: var(--bw-tap); padding: 0 var(--bw-s4); border: 1px solid transparent; border-radius: var(--bw-radius-m); font-size: var(--bw-fs-sm); font-weight: 600; line-height: 1; }
.bw-discussion .bw-btn--action, .bw-discussion .bw-btn--action:focus { background: var(--bw-action-bg); color: var(--bw-white); }
.bw-discussion .bw-btn--action:hover { background: var(--bw-action-bg-hover); color: var(--bw-white); }
.bw-discussion .bw-btn--secondaire, .bw-discussion .bw-btn--secondaire:focus { border-color: var(--bw-line-strong); background: var(--bw-white); color: var(--bw-ink); }
.bw-discussion .bw-btn--secondaire:hover { border-color: var(--bw-ink); background: var(--bw-white); color: var(--bw-ink); }
.bw-discussion .bw-discussion__fermer { padding: 0; border: 0; background: transparent; color: var(--bw-ink); }
.bw-discussion .bw-discussion__fermer:hover, .bw-discussion .bw-discussion__fermer:focus { background: rgb(30 30 28 / 0.06); color: var(--bw-ink); }
.bw-discussion .bw-btn:focus-visible, .bw-discussion .bw-discussion__fermer:focus-visible { outline: none; box-shadow: var(--bw-focus); }
.bw-discussion .bw-discussion__note a { color: var(--bw-link); text-decoration: underline; } /* Elementor les teintait en orange (contraste 2,0) */
.bw-discussion .bw-discussion__note a:hover, .bw-discussion .bw-discussion__note a:focus { color: var(--bw-green-700); }

@media print {
	.bw-bulle, .bw-pied .bw-pied__discuter { display: none !important; }
}