/**
 * Page détail Événement (template single-vv_evenement).
 * Chargé uniquement sur une page événement (RGESN). Contrastes RGAA, focus visible,
 * prefers-reduced-motion respecté. Hero calqué sur la page Chambre.
 */

/* ---- Hero ------------------------------------------------------------ */
.vv-evenement-hero.wp-block-cover {
	min-height: 48vh;
	align-items: flex-end;
	color: #fff;
}

.vv-evenement-hero .wp-block-cover__inner-container {
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-inline: auto;
	padding-bottom: clamp(2rem, 6vw, 4.5rem);
	text-align: center;
}

.vv-evenement-hero .vv-hero__eyebrow {
	margin: 0 0 0.5rem;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	font-size: var(--wp--preset--font-size--small, 0.8125rem);
	opacity: 0.9;
}

.vv-evenement-hero .wp-block-post-title {
	margin: 0;
	color: #fff;
	font-size: clamp(2.25rem, 6vw, 4rem);
	line-height: 1.05;
}

.vv-evenement-hero .vv-hero__tagline {
	margin: 0.75rem 0 0;
	font-size: var(--wp--preset--font-size--medium, 1.125rem);
	opacity: 0.95;
}

/* ---- Sections bas de page (pont / FAQ / CTA) ------------------------ */
.vv-section-head {
	text-align: center;
	max-width: 46rem;
	margin-inline: auto;
}

.vv-section-head .vv-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: var(--wp--preset--font-size--small, 0.8125rem);
	opacity: 0.65;
	margin-bottom: 0.4rem;
}

/* CTA Réserver */
.vv-cta {
	text-align: center;
	background: #f4f1ec;
}

.vv-cta .wp-block-buttons {
	justify-content: center;
}

/* ---- Accessibilité -------------------------------------------------- */
.vv-evenement-hero a:focus-visible,
.vv-cta a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

@media (max-width: 781px) {
	.vv-evenement-hero.wp-block-cover {
		min-height: 42vh;
	}
}

/* ---- Téléphone en bouton dans l'encart CTA (fond vert) -------------- */
.vv-cta-phone {
	margin-top: var(--wp--preset--spacing--40, 1rem);
}

/* Picto + libellé alignés dans le bouton. */
.vv-cta-phone .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
}

/* Lisibilité du numéro : on neutralise la MAJUSCULE/condensé du style bouton global. */
.vv-cta-phone .wp-block-button.is-style-outline > .wp-block-button__link {
	font-size: 1.05rem;
	letter-spacing: normal;
	text-transform: none;
}

/* Pictogramme téléphone décoratif (masque SVG, hérite de la couleur du texte). */
.vv-cta-phone .wp-block-button__link::before {
	content: "";
	flex: 0 0 auto;
	width: 0.9em;
	height: 0.9em;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Focus clavier visible sur fond vert (RGAA) — contour crème lisible. */
.vv-cta-phone .wp-block-button > .wp-block-button__link:focus-visible {
	outline: 2px solid var(--wp--preset--color--creme, #fbfaf3);
	outline-offset: 3px;
}

/* ---- Mobile : bloc « 2 blocs texte / image » en pleine largeur --------
 * Ce bloc est un groupe alignfull « has-global-padding » : le thème lui ajoute
 * un padding racine gauche/droite (spacing 50) qui empêchait ses colonnes
 * (photo + encart vert) d'atteindre les bords de l'écran. On l'annule sur mobile.
 * Les encarts verts gardent leur propre padding interne (lisibilité du texte).
 */
@media (max-width: 781px) {
	.single-vv_evenement .wp-block-post-content .wp-block-group.alignfull.is-style-default {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}