/* ═══════════════════════════════════════════════════
   VI NATURAL — PUNT BORDEAUX
   Élément de charte graphique · vinatural.org · 2026
   ═══════════════════════════════════════════════════ */

/* ═══════════ NAV LOGO ═══════════ */

.nav-logo::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background: var(--vi);
	border-radius: 50%;
	margin-right: 0.5em;
	vertical-align: middle;
	position: relative;
	top: -1px;
	flex-shrink: 0;
	transition: background 0.5s;
}

.nav:not(.scrolled) .nav-logo::before {
	background: rgba(245, 240, 232, 0.7);
}

/* ═══════════ H1 PAGES DE CONTENU ═══════════ */

/* Même proportion que dans le nav (~0.45 × hauteur de cap) */
.content-hero h1::before,
.article-hero h1::before,
.histories-page h1::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: var(--vi);
	border-radius: 50%;
	margin-right: 0.4em;
	vertical-align: middle;
	position: relative;
	top: -0.08em;
	flex-shrink: 0;
}

/* ═══════════ H1 PAGES VIGNERONS ═══════════ */

.vigneron-hero-name::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: var(--vi);
	border-radius: 50%;
	margin-right: 0.4em;
	vertical-align: middle;
	position: relative;
	top: -0.08em;
}

/* ═══════════ H2 SECTIONS SOMBRES ═══════════ */

.content-dark h2::before,
.article-dark h2::before,
.vigneron-vi-nom::before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1.5px solid rgba(245, 240, 232, 0.4);
	margin-right: 0.4em;
	vertical-align: middle;
	position: relative;
	top: -0.06em;
}

/* ═══════════ FOOTER BRAND ═══════════ */

/* Inline avant le texte, même proportion que nav */
.footer-brand::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1.5px solid rgba(245, 240, 232, 0.4);
	margin-right: 0.45em;
	vertical-align: middle;
	position: relative;
	top: -0.06em;
}