/* Brewstock v2 — page « Données » (/donnees/, page-donnees.php, DON-13).
   Mobile d'abord (375 px), puis 600 / 900 px. Jetons --bw-* de base.css uniquement, couche components.
   Tableaux : défilement horizontal dans leur cadre (jamais de la page), première colonne fixe, chiffres alignés. */

@layer components {
	.bw-donnees { display: flex; flex-direction: column; overflow-wrap: break-word; font-variant-numeric: lining-nums; }
	.bw-donnees__h2 { font-size: var(--bw-fs-h2); margin-bottom: var(--bw-s3); text-wrap: balance; }
	.bw-donnees__intro { color: var(--bw-text-soft); margin-bottom: var(--bw-s4); max-width: 44rem; }
	.bw-donnees__petit { margin-top: var(--bw-s3); font-size: var(--bw-fs-sm); color: var(--bw-text-soft); max-width: 50rem; }
	.bw-donnees__etroit { max-width: 54rem; }

	/* ---------- En-tête de page ---------- */
	.bw-donnees__heros { padding-block: var(--bw-s2) var(--bw-s6); background: color-mix(in srgb, var(--bw-green-pale) 55%, var(--bw-cream)); border-bottom: 1px solid var(--bw-line); }
	.bw-donnees__titre { font-size: clamp(1.75rem, 1.3rem + 2.4vw, 2.75rem); line-height: 1.1; text-wrap: balance; max-width: 48rem; }
	.bw-donnees__chapo { margin-top: var(--bw-s3); font-size: var(--bw-fs-md); color: var(--bw-text-soft); max-width: 44rem; }
	.bw-donnees__maj { display: flex; align-items: flex-start; gap: var(--bw-s2); margin-top: var(--bw-s4); font-size: var(--bw-fs-sm); color: var(--bw-ink); max-width: 44rem; }
	.bw-donnees__maj .bw-icone { width: 1.125rem; height: 1.125rem; margin-top: 0.15em; color: var(--bw-green-700); }

	/* ---------- Chiffres clés ---------- */
	.bw-donnees__chiffres { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bw-s2); margin: var(--bw-s5) 0 0; }
	.bw-donnees__chiffres > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: var(--bw-s1); padding: var(--bw-s3) var(--bw-s4); border: 1px solid var(--bw-line); border-radius: var(--bw-radius-m); background: var(--bw-white); }
	.bw-donnees__chiffres dt { font-size: var(--bw-fs-xs); font-weight: 600; color: var(--bw-text-soft); }
	.bw-donnees__chiffres dd { margin: 0; font-size: var(--bw-fs-h2); font-weight: 750; line-height: 1.1; color: var(--bw-ink); font-variant-numeric: tabular-nums; }
	.bw-donnees__chiffres small { font-size: var(--bw-fs-sm); font-weight: 600; color: var(--bw-text-soft); }

	/* ---------- Blocs ---------- */
	.bw-donnees__bloc { padding-block: var(--bw-s6); }
	.bw-donnees__bloc--clair { background: var(--bw-white); border-block: 1px solid var(--bw-line); }

	/* Fichiers à télécharger */
	.bw-donnees__fichiers { display: grid; gap: var(--bw-s2); }
	.bw-donnees__fichier { display: flex; align-items: flex-start; gap: var(--bw-s3); min-height: var(--bw-tap); padding: var(--bw-s3) var(--bw-s4); border: 1px solid var(--bw-line-strong); border-radius: var(--bw-radius-m); background: var(--bw-white); color: var(--bw-ink); text-decoration: none; }
	.bw-donnees__fichier:hover { border-color: var(--bw-green-600); color: var(--bw-ink); }
	.bw-donnees__fichier .bw-icone { margin-top: 0.15em; color: var(--bw-green-700); }
	.bw-donnees__fichier > span { display: grid; gap: 0.125rem; }
	.bw-donnees__fichier strong { color: var(--bw-green-700); text-decoration: underline; text-underline-offset: 0.18em; }
	.bw-donnees__fichier span span { font-size: var(--bw-fs-sm); color: var(--bw-text-soft); }

	/* ---------- Tableaux ---------- */
	.bw-donnees__defile { overflow-x: auto; border: 1px solid var(--bw-line); border-radius: var(--bw-radius-m); background: var(--bw-white); -webkit-overflow-scrolling: touch; }
	.bw-donnees__defile:focus-visible { box-shadow: var(--bw-focus); }
	.bw-donnees__table { width: 100%; min-width: 36rem; border-collapse: separate; border-spacing: 0; font-size: var(--bw-fs-sm); font-variant-numeric: lining-nums tabular-nums; }
	.bw-donnees__table caption { caption-side: top; text-align: left; padding: var(--bw-s2) var(--bw-s3); font-size: var(--bw-fs-xs); color: var(--bw-text-soft); border-bottom: 1px solid var(--bw-line); }
	.bw-donnees__table th, .bw-donnees__table td { padding: var(--bw-s2) var(--bw-s3); text-align: left; vertical-align: top; border-bottom: 1px solid var(--bw-line); }
	.bw-donnees__table thead th { background: var(--bw-green-pale); font-size: var(--bw-fs-xs); font-weight: 700; color: var(--bw-ink); vertical-align: bottom; }
	.bw-donnees__table tbody tr:last-child > * { border-bottom: 0; }
	.bw-donnees__table tbody th { font-weight: 600; }
	.bw-donnees__table tbody th a { color: var(--bw-link); }
	/* Première colonne fixe pendant le défilement horizontal */
	.bw-donnees__table tr > :first-child { position: sticky; left: 0; z-index: 1; background: var(--bw-white); box-shadow: inset -1px 0 0 var(--bw-line); }
	.bw-donnees__table thead tr > :first-child { background: var(--bw-green-pale); }
	.bw-donnees__table .bw-badge { margin-top: var(--bw-s1); box-shadow: none; }
	.bw-donnees__num { text-align: right !important; white-space: nowrap; }
	.bw-donnees__nowrap { white-space: nowrap; }
	.bw-donnees__dispo { display: inline-flex; align-items: center; min-height: 1.5rem; padding: 0 var(--bw-s2); border-radius: var(--bw-radius-pill); background: #EFEDE6; color: var(--bw-ink); font-size: 0.75rem; font-weight: 700; white-space: nowrap; }
	.bw-donnees__dispo--oui { background: var(--bw-green-pale); color: var(--bw-green-700); }

	/* Analyses */
	.bw-donnees__analyses { display: grid; gap: var(--bw-s2); }
	.bw-donnees__analyses li { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: var(--bw-s2); align-items: start; }
	.bw-donnees__analyses .bw-icone { margin-top: 0.15em; color: var(--bw-green-700); }

	/* Définitions */
	.bw-donnees__definitions { display: grid; margin: 0; }
	.bw-donnees__definitions > div { display: grid; gap: 0.125rem; padding-block: var(--bw-s3); border-top: 1px solid var(--bw-line); }
	.bw-donnees__definitions > div:first-child { border-top: 0; padding-top: 0; }
	.bw-donnees__definitions dt { font-weight: 700; }
	.bw-donnees__definitions dd { margin: 0; }

	@media (min-width: 600px) {
		.bw-donnees__chiffres { grid-template-columns: repeat(4, minmax(0, 1fr)); }
		.bw-donnees__fichiers { grid-template-columns: repeat(3, minmax(0, 1fr)); }
		.bw-donnees__definitions > div { grid-template-columns: 11rem minmax(0, 1fr); column-gap: var(--bw-s4); }
	}
	@media (min-width: 900px) {
		.bw-donnees__heros { padding-block: var(--bw-s3) var(--bw-s7); }
		.bw-donnees__bloc { padding-block: var(--bw-s7); }
		.bw-donnees__table { font-size: var(--bw-fs-base); }
		.bw-donnees__table thead th { font-size: var(--bw-fs-sm); }
	}
}

/* Analyses par récolte (DON-24) : laboratoire et date du rapport sous le lien */
@layer components {
	.bw-donnees__analyse-detail { display: block; font-size: var(--bw-fs-xs); color: var(--bw-text-soft); }
}

/* DON-38 : acides issus d'une analyse (« analyse récolte 2025 ») et valeurs mesurées du lot */
@layer components {
	.bw-donnees__source { display: block; font-size: var(--bw-fs-xs); color: var(--bw-text-soft); }
	.bw-donnees__analyse-valeurs { display: block; margin-top: var(--bw-s1); font-weight: 600; }
}