/* ============================================================
   Everaro — header & bandes de section
   Header : logo gauche + nav droite (Kadence défaut), non sticky.
   La top bar newsletter et la rangée sociale arrivent quand la
   newsletter et les comptes sociaux existeront (documenté).
   ============================================================ */

/* ---- Top bar newsletter (pin, pleine largeur — structure référence) ---- */
.everaro-topbar {
	background: var(--everaro-primary);
	color: #fff;
}
.everaro-topbar__inner {
	max-width: var(--everaro-container-wide);
	margin: 0 auto;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
	text-align: center;
}
.everaro-topbar__text { font-size: 14.5px; }
.everaro-topbar__btn {
	background: var(--everaro-accent);
	color: var(--everaro-ink);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 7px 16px;
	border-radius: var(--everaro-radius-small);
	text-decoration: none;
	transition: background .15s;
}
.everaro-topbar__btn:hover { background: var(--everaro-accent-soft); color: var(--everaro-ink); }

/* ---- Rangée sociale + recherche (icônes rondes pleines — référence) ---- */
.everaro-socialrow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 16px 20px 4px;
	background: var(--everaro-surface);
}
.everaro-socialrow__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--everaro-primary);
	color: #fff;
	transition: background .15s, transform .15s;
}
.everaro-socialrow__icon:hover { background: var(--everaro-accent); color: var(--everaro-band-walnut); transform: translateY(-2px); }
.everaro-socialrow__icon svg { width: 20px; height: 20px; }
.everaro-socialrow__search {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 10px;
	border-bottom: 2px solid var(--everaro-border);
	padding-bottom: 2px;
}
.everaro-socialrow__search input {
	border: none;
	background: transparent;
	font-family: var(--everaro-font-body);
	font-size: 14.5px;
	width: 110px;
	color: var(--everaro-ink);
}
.everaro-socialrow__search input:focus { outline: none; }
.everaro-socialrow__search:focus-within { border-bottom-color: var(--everaro-primary); }
.everaro-socialrow__search button {
	background: none;
	border: none;
	color: var(--everaro-primary);
	cursor: pointer;
	display: inline-flex;
	padding: 2px;
}
.everaro-socialrow__search svg { width: 17px; height: 17px; }

/* ---- Logo texte : Fraunces, pin ---- */
.site-branding .site-title {
	font-family: var(--everaro-font-heading);
	font-weight: 600;
	font-size: 34px;
	letter-spacing: .01em;
}
.site-branding .site-title a { color: var(--everaro-primary); }
.site-branding .site-title a:hover { color: var(--everaro-band-pine-deep); }

/* ---- Nav : grande, Fraunces (esprit référence) ---- */
.main-navigation .menu-item > a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: var(--everaro-font-heading);
	font-weight: 600;
	font-size: 20px;
	color: var(--everaro-ink);
}
.main-navigation .menu-item > a:hover { color: var(--everaro-primary); }

/* ---- Bandes de section pleine largeur (rythme de la référence) ---- */
.everaro-band {
	padding-top: var(--everaro-space-16);
	padding-bottom: var(--everaro-space-16);
	margin-top: var(--everaro-space-16);
	margin-bottom: var(--everaro-space-16);
}
.everaro-band--walnut { background: var(--everaro-band-pine-deep); } /* héritage : classe posée en Phase 4, dominance pin */
.everaro-band--pine   { background: var(--everaro-band-pine); }
.everaro-band--pinedeep { background: var(--everaro-band-pine-deep); }
.everaro-band--linen  { background: var(--everaro-band-linen); }
.everaro-band--honey  { background: var(--everaro-accent-soft); }

.everaro-band--walnut, .everaro-band--walnut p,
.everaro-band--pinedeep, .everaro-band--pinedeep p,
.everaro-band--pine, .everaro-band--pine p {
	color: #E4EDE5;
}
.everaro-band--walnut h2, .everaro-band--walnut h3,
.everaro-band--pinedeep h2, .everaro-band--pinedeep h3,
.everaro-band--pine h2, .everaro-band--pine h3 {
	color: #FFFFFF;
}
.everaro-band--honey h2 { color: var(--everaro-band-walnut); }
.everaro-band--honey p  { color: var(--everaro-ink); }

/* Bouton miel (bandes sombres) */
.everaro-btn--honey .wp-block-button__link {
	background: var(--everaro-accent);
	color: var(--everaro-band-walnut);
}
.everaro-btn--honey .wp-block-button__link:hover {
	background: var(--everaro-accent-soft);
	color: var(--everaro-band-walnut);
}

/* ---- Éléments éditoriaux de la home ---- */
.everaro-welcome {
	font-family: var(--everaro-font-body);
	font-weight: 600;
	font-size: 14px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--everaro-muted);
	margin-top: var(--everaro-space-6);
}
.everaro-section-intro {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	color: var(--everaro-muted);
	margin-bottom: var(--everaro-space-8);
}
.everaro-eyebrow {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--everaro-warning);
	margin-bottom: var(--everaro-space-2);
}

/* ---- Pré-footer (logo + tagline + nav légale — structure référence) ---- */
.everaro-prefooter {
	background: var(--everaro-band-pine-deep);
	border-bottom: 1px solid rgba(255,255,255,.08);
}
.everaro-prefooter__inner {
	max-width: var(--everaro-container-wide);
	margin: 0 auto;
	padding: 44px 20px 26px;
	text-align: center;
}
.everaro-prefooter__brand {
	font-family: var(--everaro-font-heading);
	font-size: 32px;
	font-weight: 600;
	color: #fff;
}
.everaro-prefooter__tag {
	font-size: 12.5px;
	letter-spacing: .3em;
	text-transform: lowercase;
	color: var(--everaro-accent);
	margin: 4px 0 20px;
}
.everaro-prefooter__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 26px;
}
.everaro-prefooter__nav a {
	color: #C9D7CC;
	font-size: 13.5px;
	text-decoration: none;
}
.everaro-prefooter__nav a:hover { color: #fff; }
.everaro-prefooter__copy {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .08);
	font-size: 12px;
	color: #8FA396;
}
/* le pré-footer se fond dans le footer : plus de séparation visuelle */
.everaro-prefooter { border-bottom: none; }

@media (max-width: 767px) {
	.everaro-band {
		padding-top: var(--everaro-space-12);
		padding-bottom: var(--everaro-space-12);
		margin-top: var(--everaro-space-12);
		margin-bottom: var(--everaro-space-12);
	}
	.site-branding .site-title { font-size: 25px; }
	.everaro-topbar__text { font-size: 12.5px; }
	.everaro-socialrow { flex-wrap: wrap; }
}

/* Ligne email sous le CTA de la bande communauté */
.everaro-band .everaro-band-mail {
	font-size: 14px;
	margin-top: 14px;
	color: #A9BFAF;
}
.everaro-band .everaro-band-mail a {
	color: var(--everaro-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.everaro-band .everaro-band-mail a:hover { color: var(--everaro-accent-soft); }