/* === HEADER VIDEO === */
/* Slogan en Contrail One et centré */
.site-description {
	font-family: 'Contrail One', sans-serif !important;
	font-size: 22px;
/* ajuste la taille si besoin */
	font-weight: 400;
	text-align: center;
	display: block;
	margin: 0 auto;
/* recentre proprement */
}

/* Centrer le logo et réduire la marge au-dessus */
.custom-logo {
	display: block;
	margin: 10px auto 0;
/* réduit la marge en haut (10px), centre horizontalement */
	max-width: 220px;
/* ajuste la taille si tu veux qu’il soit plus petit */
	height: auto;
}

/*POUR MODIFIER LA MISE EN PAGE DES EVENEMENTS*/
/* Police Roboto */
body {
	font-family: 'Roboto', sans-serif;
}

#contenu .vc_tta-title-text {
	color: #cf0072;
	font-weight: bold;
	font-size: 20px;
}

/* Lien/bouton de réservation */
.booking-link {
	display: inline-block;
	color: #cf0072;
	text-decoration: none;
	border-radius: 6px;
	font-weight: bold;
	padding: 10px 20px;
	margin-top: 10px;
	transition: background-color .3s ease;
}

/* Redimensionner l'image mise en avant native */
.single-featured-image-header img {
	max-width: 900px;
/* largeur max souhaitée */
	width: 100%;
/* responsive */
	height: auto;
	display: block;
	margin: 0 auto 15px;
}

/* Header : image via #_EVENTIMAGE + titre */
.event-header {
	text-align: center;
	margin-bottom: 30px;
}

.event-header-image img {
	max-width: 900px;
/* largeur max 900px */
	width: 100%;
/* responsive */
	height: auto;
	display: block;
	margin: 0 auto 15px;
}

.event-title {
	font-size: 2rem;
	margin: 0;
}

/* Container 2 colonnes */
.event-container {
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	gap: 20px;
	padding: 20px;
}

/* Colonnes */
.event-left {
	flex: 0 0 25%;
	min-width: 200px;
	background: #f0f0f0;
	padding: 15px;
	border-radius: 8px;
}

.event-right {
	flex: 0 0 75%;
	min-width: 400px;
	padding: 15px;
}

/* Blocs internes */
.event-datetime,
.event-time,
.event-duration,
.event-age,
.event-genre,
.event-price,
.event-autre-info
.event-notes,
.event-booking,
.event-logo,

.event-categories {
	margin-bottom: 15px;
	line-height: 1.6;
}

/* Bouton "Réserver" dans la colonne de gauche*/
.event-left a.booking-link {
	display: inline-block;
	background-color: none !important;
/* fond bleu */
	color: #00B2A9 !important;
/* texte blanc */
	text-transform: uppercase;
	text-decoration: none !important;
	font-weight: bold;
	padding: 10px 20px;
	border: 2px solid #00B2A9;
/* même couleur que le fond */
	border-radius: 5px;
	text-align: center;
	transition: background-color .3s ease;
	margin: 10px auto 0;
/* centré horizontalement */
	float: none;
/* pas de float pour centrage */
}

/* Hover desktop */
.event-left .booking-link:hover {
	background-color: #00B2A9 !important;
/* bleu plus foncé */
	border-color: #00B2A9;
/* bord plus foncé */
	color: #fff !important;
}

/* Mobile : écran ≤ 768px */
@media (max-width: 768px) {
	.event-left .booking-link {
		display: block;
		width: 80%;
	/* largeur adaptée au mobile */
		margin: 10px auto;
	/* centré horizontalement */
	}
}

.event-logo img {
	max-width: 100px;
/* largeur max du logo */
	height: auto;
	margin: 5px 0;
	display: block;
/* pour les mettre les uns sous les autres */
}

/* Catégories stylisées */
.event-categories a {
	display: inline-block;
	background: #e0e0e0;
	padding: 5px 10px;
	border-radius: 4px;
	margin: 2px;
	text-decoration: none;
	color: #333;
}

/* Responsive */
@media (max-width: 1024px) {
	.event-left, .event-right {
		flex: 0 0 100%;
		text-align: left;
	}
	
	.event-header-image img {
		max-width: 100%;
	}
}

@media (max-width: 480px) {
	.event-container {
		padding: 10px;
	}
	
	.event-title {
		font-size: 1.5rem;
	}
}

/* H2 uniquement sur les pages Événement (single + archives + taxonomies) */
body.single-event .entry-content h2,
body.single-event .wpb_wrapper h2,
body.post-type-archive-event h2,
body.tax-event-categories h2,
/* variantes au cas où (The Events Calendar) */
body.single-tribe_events .entry-content h2,
body.tribe-events-page-template h2 {
	font-family: 'Contrail One', sans-serif !important;
	font-size: 30px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
}