/* ============================================================
   Everaro — styles globaux (v0.1 : signature stitch + focus + motion)
   Les styles de composants arrivent en Phase 4 (header.css, cards.css, …)
   ============================================================ */

/* Fond de page BLANC (design system) — Kadence sert un fond palette7 "boxed"
   par défaut ; on neutralise pour que le lin n'existe qu'en bande. */
body, .site, #wrapper, .site-container {
	background: var(--everaro-surface);
}
.content-bg, .site-content .content-bg, .content-area {
	background: var(--everaro-surface);
	box-shadow: none;
}

/* Pas de titre de page ni de bande hero sur la home (la page EST le hero) */
body.home .entry-hero,
body.home .entry-header,
body.home .site-main > article > .entry-content-wrap > .entry-header {
	display: none;
}

/* Signature : titres de section encadrés de "coutures" des deux côtés
   (structure — Titre — de la référence, en pointillés miel Everaro). */
.everaro-stitch {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	color: var(--everaro-primary);
}
.everaro-stitch::before,
.everaro-stitch::after {
	content: '';
	flex: 0 1 110px;
	height: 4px;
	border-radius: 2px;
	background-image: repeating-linear-gradient(90deg, var(--everaro-accent) 0 8px, transparent 8px 14px);
}
.everaro-stitch--linen {
	color: #FFFFFF;
}
.everaro-stitch--linen::before,
.everaro-stitch--linen::after {
	background-image: repeating-linear-gradient(90deg, var(--everaro-accent) 0 8px, transparent 8px 14px);
	opacity: .9;
}

/* Stitch sur la nav : se "coud" au survol */
.main-navigation .menu-item > a {
	position: relative;
}
.main-navigation .menu-item > a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 2px;
	height: 3px;
	background-image: repeating-linear-gradient(90deg, var(--everaro-accent) 0 6px, transparent 6px 10px);
	transition: right 0.18s ease;
}
.main-navigation .menu-item > a:hover::after,
.main-navigation .menu-item > a:focus-visible::after {
	right: 0;
}

/* Focus visible partout — !important justifié : Kadence remet outline:0 sur les liens */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
	outline: 2px solid var(--everaro-primary) !important;
	outline-offset: 2px;
	border-radius: 2px;
}

/* ============================================================
   Couche motion — active UNIQUEMENT quand html.everaro-motion est posé
   par le JS (donc jamais : sans JS, reduced-motion, crawlers, headless).
   Courbes expo-out (taste-skill), transform/opacity seulement.
   ============================================================ */

/* Entrée du hero au chargement (au-dessus de la ligne : animation, pas d'IO) */
.everaro-motion .everaro-hero .wp-block-column {
	animation: everaro-rise .7s cubic-bezier(.16, 1, .3, 1) both;
}
.everaro-motion .everaro-hero .wp-block-column:nth-child(2) { animation-delay: .08s; }
.everaro-motion .everaro-hero .wp-block-column:nth-child(3) { animation-delay: .16s; }
.everaro-motion .everaro-hero .wp-block-column:nth-child(4) { animation-delay: .24s; }
@keyframes everaro-rise {
	from { opacity: 0; transform: translateY(26px); }
	to   { opacity: 1; transform: none; }
}

/* Reveal au scroll : cartes (stagger par position dans la rangée) */
.everaro-motion .everaro-grid .wp-block-post {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .6s cubic-bezier(.16, 1, .3, 1), transform .6s cubic-bezier(.16, 1, .3, 1),
	            box-shadow .2s ease, border-color .2s ease;
}
.everaro-motion .everaro-grid .wp-block-post.is-inview { opacity: 1; transform: none; }
.everaro-motion .everaro-grid .wp-block-post:nth-child(2) { transition-delay: .07s; }
.everaro-motion .everaro-grid .wp-block-post:nth-child(3) { transition-delay: .14s; }
.everaro-motion .everaro-grid .wp-block-post:nth-child(4) { transition-delay: .21s; }
.everaro-motion .everaro-grid .wp-block-post.is-inview:hover { transform: translateY(-4px); transition-delay: 0s; }

/* La couture se coud : les ornements s'étirent depuis le titre */
.everaro-motion .everaro-stitch::before,
.everaro-motion .everaro-stitch::after {
	transform: scaleX(0);
	transition: transform .7s cubic-bezier(.16, 1, .3, 1) .1s;
}
.everaro-motion .everaro-stitch::before { transform-origin: right center; }
.everaro-motion .everaro-stitch::after  { transform-origin: left center; }
.everaro-motion .everaro-stitch.is-inview::before,
.everaro-motion .everaro-stitch.is-inview::after { transform: scaleX(1); }

/* Intros de section + widgets : fondu discret */
.everaro-motion .everaro-section-intro,
.everaro-motion #secondary .everaro-widget {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity .55s cubic-bezier(.16, 1, .3, 1), transform .55s cubic-bezier(.16, 1, .3, 1);
}
.everaro-motion .everaro-section-intro.is-inview,
.everaro-motion #secondary .everaro-widget.is-inview { opacity: 1; transform: none; }

/* Motion réduite */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}