/* manon-nails – CSS minimal complémentaire à theme.json
 * - Header overlay au-dessus du hero
 * - Motifs circulaires (sans images) + textures discrètes
 * - Focus visible
 */

/* Header en surimpression */
.site-header.is-overlay {
	position: absolute;
	inset: 0 0 auto 0;
	z-index: 50;
	width: 100%;
	pointer-events: none; /* on réactive sur les éléments internes */
}
.site-header.is-overlay .wp-block-site-logo,
.site-header.is-overlay .wp-block-navigation,
.site-header.is-overlay a,
.site-header.is-overlay button {
	pointer-events: auto;
}

/* HERO avec motifs circulaires */
.manon-hero {
	position: relative;
	isolation: isolate;
}
/* Force le hero en pleine largeur même dans des layouts contraints */
.manon-hero.alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.manon-hero .wp-block-cover__image-background {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.manon-hero::before,
.manon-hero::after {
	content: "";
	position: absolute;
	inset: -10% -10% -10% -10%;
	z-index: -1;
	pointer-events: none;
	opacity: 0.35;
	background:
		radial-gradient(circle at 30% 35%, rgba(255,255,255,0.18) 0 2px, transparent 3px 100%),
		radial-gradient(circle at 70% 45%, rgba(255,255,255,0.12) 0 1px, transparent 2px 100%),
		radial-gradient(circle at 55% 70%, rgba(255,255,255,0.10) 0 2px, transparent 3px 100%),
		radial-gradient(circle at 55% 55%, rgba(255,255,255,0.10) 0 260px, transparent 261px 100%),
		radial-gradient(circle at 55% 55%, rgba(255,255,255,0.06) 0 340px, transparent 341px 100%),
		radial-gradient(circle at 55% 55%, rgba(255,255,255,0.04) 0 430px, transparent 431px 100%);
	filter: blur(0.3px);
}
.manon-hero::after {
	opacity: 0.25;
	background:
		radial-gradient(circle at 80% 25%, rgba(0,0,0,0.30) 0 210px, transparent 211px 100%),
		radial-gradient(circle at 20% 85%, rgba(0,0,0,0.25) 0 180px, transparent 181px 100%);
}

/* Surcouche sombre sur image de fond */
.manon-hero .wp-block-cover__background {
	opacity: 0.55 !important;
}

/* Cartes / hover doux */
.manon-card {
	transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.manon-card:hover {
	transform: translateY(-2px);
}

/* Meta prestations (durée / tarif) */
.manon-prestation-meta {
	margin: 0;
	font-size: 0.95rem;
	color: rgba(246,240,234,0.78);
}
.manon-prestation-meta__label {
	font-weight: 500;
}
.manon-prestation-meta__label::after {
	content: " : ";
}

.manon-prestation-row {
	position: relative;
	min-height: 120px;
}
.manon-prestation-row .wp-block-columns {
	align-items: center;
	min-height: inherit;
}
.manon-prestation-thumb img {
	width: 96px;
	height: 96px;
	border-radius: 999px;
	object-fit: cover;
	box-shadow: 0 8px 22px rgba(0,0,0,0.25);
}
.manon-prestation-price {
	margin: 0;
	text-align: right;
	font-family: var(--wp--preset--font-family--serif-luxe);
	font-size: 1.4rem;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

/* Fond image configurable pour la section prestations */
.manon-prestations-bg .wp-block-cover__image-background {
	opacity: 0.2;
	object-fit: none;
	background-size : auto;


}

/* Espacement entre les items de la grille */
.wp-block-query .wp-block-post-template {
	row-gap: 1.4rem;
	column-gap: 1.4rem;
}

/* Center content for prestation posts in query loop */
.wp-block-post.type-prestation {
	align-content: center;
}

/* Icônes rondes */
.manon-icon {
	border-radius: 999px;
	overflow: hidden;
}

/* Focus visible (accessibilité) */
:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}