/* Brewstock v2 — page d'accueil (UX-50), mobile d'abord (page-accueil-v2.php). Choix définitifs seulement : le panneau
   d'arbitrage et les variantes (photo, recherche, puces, chiffres) sont retirés depuis le 13/10/2026 (FPB-01). */

@layer components {
	.bw-acc { display: flex; flex-direction: column; }

	/* ---------- Bandeau ---------- */
	.bw-acc__heros { position: relative; isolation: isolate; padding-block: var(--bw-s6) var(--bw-s6); overflow: hidden; }
	.bw-acc__heros-grille { display: grid; gap: var(--bw-s5); align-items: center; }
	.bw-acc__heros-texte { display: grid; gap: var(--bw-s3); justify-items: start; max-width: 40rem; }
	.bw-acc__surtitre { font-size: var(--bw-fs-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bw-green-700); }
	.bw-acc__titre { font-size: clamp(2rem, 1.4rem + 3vw, 3.5rem); line-height: 1.08; }
	.bw-acc__chapo { font-size: var(--bw-fs-md); color: var(--bw-ink-soft); max-width: 34rem; }
	.bw-acc__actions { display: flex; flex-wrap: wrap; gap: var(--bw-s2); margin-top: var(--bw-s2); }
	.bw-acc__btn { min-height: 3.25rem; padding-inline: var(--bw-s5); font-size: var(--bw-fs-base); }
	.bw-acc__prix { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bw-s2); font-size: var(--bw-fs-sm); color: var(--bw-ink-soft); }
	.bw-acc__prix .bw-pd { font-weight: 700; color: var(--bw-ink); }

	/* ---------- Blocs ---------- */
	.bw-acc__bloc { padding-block: var(--bw-s6); }
	.bw-acc__bloc--clair { background: var(--bw-white); border-block: 1px solid var(--bw-line); }
	.bw-acc__entete-bloc { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--bw-s2); margin-bottom: var(--bw-s3); }
	/* DS2-02 : « Tous les houblons › » sur une ligne (le chevron passait seul à la ligne), cible de 48 px */
	.bw-acc__entete-bloc .bw-lien-fleche { display: inline-flex; align-items: center; gap: var(--bw-s1); min-height: var(--bw-tap); font-weight: 700; white-space: nowrap; }
	.bw-acc__entete-bloc .bw-lien-fleche .bw-icone { width: 1rem; height: 1rem; }
	.bw-acc__texte { color: var(--bw-ink-soft); margin-bottom: var(--bw-s4); }

	.bw-acc__producteurs { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: var(--bw-s3); }
	.bw-acc__producteur { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: var(--bw-s3); align-items: center; padding: var(--bw-s4) var(--bw-s4) var(--bw-s4) calc(var(--bw-s4) + 5px); border-radius: var(--bw-radius-l); background: var(--bw-pastille); color: var(--bw-ink); text-decoration: none; overflow: hidden; }
	.bw-acc__producteur::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: var(--bw-repere); }
	.bw-acc__producteur .bw-mono { grid-row: span 2; background: var(--bw-white); }
	.bw-acc__producteur-nom { font-weight: 700; font-family: var(--bw-font-display); font-size: var(--bw-fs-md); }
	.bw-acc__producteur-sous { font-size: var(--bw-fs-xs); color: var(--bw-ink-soft); }
	.bw-acc__producteur:hover { box-shadow: var(--bw-shadow-2); color: var(--bw-ink); }

	.bw-acc__contrat { display: grid; gap: var(--bw-s3); justify-items: start; padding: var(--bw-s5); border-radius: var(--bw-radius-l); background: var(--bw-orange-pale); border: 1px solid #F3D3A1; max-width: 48rem; }

	.bw-acc__preuves { display: grid; gap: var(--bw-s3); }
	.bw-acc__preuves li { display: flex; align-items: flex-start; gap: var(--bw-s3); } /* icône + un seul bloc de texte (REV-37) */
	.bw-acc__preuves li > span { flex: 1; min-width: 0; }
	.bw-acc__preuves .bw-icone { width: 1.5rem; height: 1.5rem; color: var(--bw-green-700); }
}

@media (min-width: 900px) {
	@layer components {
		.bw-acc__heros { padding-block: var(--bw-s7); }
		.bw-acc__preuves { grid-template-columns: repeat(3, 1fr); }
	}
}