/* =========================================================
   Pages internes — La Raquette Ardoisière
   Histoire · Contact · Mentions légales
   ========================================================= */

/* ── Pages à texte justifié ───────────────────────────────── */
.ra-page--histoire .entry-content p,
.ra-page--mentions-legales .entry-content p {
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
}

/* ── Page Contact — layout deux colonnes ─────────────────── */

/* Cascade flex : site-content → content-area → site-main → article → inside-article → layout
   Chaque niveau passe sa hauteur au suivant sans calc hardcodé. */
.ra-page--contact .site-content {
	display: flex;
	flex-direction: column;
}

.ra-page--contact .content-area {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.ra-page--contact .site-main {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.ra-page--contact article {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.ra-page--contact .inside-article {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* Marge négative = -40px de chaque côté pour compenser le padding GP
   de .inside-article (40px) et créer un layout bord-à-bord sans toucher
   au padding des autres pages. */
.ra-contact__layout {
	display: grid;
	grid-template-columns: 1.75fr 1fr;
	flex: 1;
	min-height: clamp(300px, 60vh, 500px);
	margin: -40px;
	width: calc(100% + 80px);
}

/* Colonne droite — coordonnées */
.ra-contact__infos {
	background: var(--ra-ardoise);
	padding: 2.5rem 2rem;
	display: flex;
	flex-direction: column;
}

/* Colonne gauche — formulaire */
.ra-contact__form {
	background: var(--ra-blanc);
	padding: 2.5rem 2rem;
}

.ra-contact__form .entry-title {
	margin-bottom: 2rem;
}

/* Titre de colonne */
.ra-contact__col-label {
	font-family: var(--ra-font-titres);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 0 1.75rem;
}

.ra-contact__infos .ra-contact__col-label {
	color: rgba(255, 255, 255, 0.5);
}

.ra-contact__form .ra-contact__col-label {
	color: var(--ra-gris-pierre);
}

/* Écusson */
.ra-contact__ecusson-wrap {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 2rem;
}

.ra-contact__ecusson {
	display: block;
	width: 70%;
	height: auto;
	filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.4));
}

/* Titre coordonnées */
.ra-contact__infos-title {
	color: var(--ra-blanc);
	margin: 0 0 2rem;
}

/* Liste coordonnées */
.ra-contact__infos-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.ra-contact__infos-list li {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	color: var(--ra-blanc-85);
	font-size: 0.9375rem;
	line-height: 1.6;
}

.ra-contact__infos-list li i {
	color: var(--ra-rouge);
	font-size: 0.9375rem;
	flex-shrink: 0;
	width: 1rem;
	text-align: center;
}

.ra-contact__infos-list a {
	color: var(--ra-blanc-85);
	transition: color 0.15s ease;
}

.ra-contact__infos-list a:hover,
.ra-contact__infos-list a:focus {
	color: var(--ra-blanc);
}

/* Mobile — empilement vertical, hauteur naturelle (cascade flex annulée) */
@media (max-width: 680px) {
	.ra-page--contact .site-content,
	.ra-page--contact .content-area,
	.ra-page--contact .site-main,
	.ra-page--contact article,
	.ra-page--contact .inside-article {
		display: block;
		flex: none;
	}

	.ra-contact__ecusson-wrap {
		display: none;
	}

	.ra-contact__layout {
		grid-template-columns: 1fr;
		flex: none;
		min-height: 0;
		margin: 0;
		width: 100%;
	}
}

/* ── Contact Form 7 — mise en forme ──────────────────────── */
.ra-contact__form .wpcf7-form {
	max-width: 640px;
}

/* Honeypot : masqué visuellement mais présent dans le DOM.
   CF7 6.x utilise data-name= au lieu d'une classe CSS sur le wrapper. */
.wpcf7-form-control-wrap[data-name="honeypot"] {
	position: absolute;
	left: -9999px;
	top: -9999px;
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

/* Labels CF7 */
.wpcf7-form label {
	display: block;
	font-family: var(--ra-font-corps);
	font-weight: 500;
	font-size: 0.9375rem;
	color: var(--ra-noir);
	margin-bottom: 0.4rem;
}

/* CF7 autop injecte des <br> entre les champs — on les masque */
.wpcf7-form br {
	display: none;
}

/* Inputs, textarea et select — !important sur font-family pour écraser GP */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-select {
	width: 100%;
	padding: 0.625rem 0.875rem;
	border: 1px solid var(--ra-gris-pierre);
	background-color: var(--ra-blanc);
	color: var(--ra-noir);
	font-family: var(--ra-font-corps) !important;
	font-size: 0.9375rem;
	border-radius: 2px;
	box-sizing: border-box;
	transition: border-color 0.15s ease;
}

.wpcf7-form-control.wpcf7-select {
	cursor: pointer;
}

.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form-control.wpcf7-textarea:focus,
.wpcf7-form-control.wpcf7-select:focus {
	outline: none;
	border-color: var(--ra-rouge);
}


/* Champ invalide */
.wpcf7-form-control.wpcf7-not-valid {
	border-color: var(--ra-rouge);
}

.wpcf7-not-valid-tip {
	color: var(--ra-rouge);
	font-size: 0.8125rem;
	margin-top: 0.25rem;
	display: block;
}

/* Message de retour (envoi / erreur)
   Sélecteurs calqués sur CF7 (.wpcf7 form.état) pour gagner la bataille de spécificité (0,3,1). */
.wpcf7 form .wpcf7-response-output {
	margin: 1.25rem 0 0;
	padding: 0;
	font-size: 0.9375rem;
	border: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: var(--ra-vert);
}

.wpcf7 form.sent .wpcf7-response-output::before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f058";
	margin-right: 0.5em;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	color: var(--ra-rouge);
}

.wpcf7 form.failed .wpcf7-response-output::before,
.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.unaccepted .wpcf7-response-output::before,
.wpcf7 form.spam .wpcf7-response-output::before,
.wpcf7 form.aborted .wpcf7-response-output::before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f06a";
	margin-right: 0.5em;
}

/* Spinner CF7 pendant l'envoi */
.wpcf7-spinner {
	margin-left: 1rem;
	vertical-align: middle;
	background-color: var(--ra-ardoise);
}

/* =========================================================
   État vide — commun à Bureau, Partenaires, Entraînements
   ========================================================= */

.ra-empty-state {
	text-align: center;
	padding: 4rem 2rem;
	color: var(--ra-gris-pierre);
}

.ra-empty-state__icon {
	font-size: 4rem;
	opacity: 0.08;
	display: block;
	margin: 0 auto 1rem;
	color: var(--ra-ardoise);
}

/* =========================================================
   Page Bureau
   ========================================================= */

.ra-bureau__intro {
	text-align: justify;
	margin-bottom: 2em;
}

.ra-bureau__section {
	margin-bottom: 3rem;
}

.ra-bureau .ra-bureau__section:first-of-type,
.ra-bureau .ra-empty-state {
	margin-top: 2em;
}



.ra-bureau__org {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.ra-bureau__row {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.5rem 2.5rem;
}

.ra-bureau__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.875rem;
	width: 160px;
}

.ra-bureau__avatar-icon {
	color: var(--ra-rouge);
	font-size: 3rem;
}

.ra-bureau__info {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.ra-bureau__name {
	font-family: var(--ra-font-titres);
	font-size: 0.9375rem;
	line-height: 1.2;
	margin: 0;
	color: var(--ra-noir);
	white-space: nowrap;
}

.ra-bureau__role {
	font-size: 0.8125rem;
	color: var(--ra-gris-pierre);
	margin: 0;
}


/* =========================================================
   Page Salle
   ========================================================= */

/*
 * Layout : équipements gauche / photo droite (frère de entry-content)
 * Le template splitte the_content() au premier <h2> :
 *   entry-content > .ra-salle__intro → tout ce qui précède le premier <h2>
 *   .ra-salle__equipements           → <h2> + suite (liste)
 *   .ra-salle__photo-wrap            → photo mise en avant
 */
.ra-salle__intro {
	line-height: 1.75;
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
}

.ra-salle__layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	margin-top: 2em;
	margin-bottom: 2.5rem;
	align-items: start;
}

.ra-salle__equipements {
	grid-column: 1;
	align-self: center;
}

.ra-salle__equipements ul {
	margin: 0;
	padding-left: 1.25rem;
	line-height: 1.9;
}

.ra-salle__photo-wrap {
	grid-column: 2;
	overflow: hidden;
	align-self: center;
}

.ra-salle__photo {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
}

.ra-salle__map {
	margin-top: 2.5rem;
}


.ra-salle__adresse {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--ra-gris-pierre);
	font-size: 0.9375rem;
	margin-bottom: 1.25rem;
}

.ra-salle__adresse i {
	color: var(--ra-rouge);
	flex-shrink: 0;
}

/* Conteneur tarteaucitron + iframe carte */
.googlemapsembed,
.ra-salle__map iframe {
	width: 100%;
	height: 400px;
	display: block;
	border: 0;
}

@media (max-width: 680px) {
	.ra-salle__layout {
		grid-template-columns: 1fr;
	}

	.ra-salle__equipements,
	.ra-salle__photo-wrap {
		grid-column: 1;
	}
}

/* =========================================================
   Page Partenaires
   ========================================================= */

.ra-partenaires__intro {
	text-align: justify;
	margin-top: 1.25em;
}

.ra-partenaires__list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-top: 2em;
}

.ra-partenaires .ra-empty-state {
	margin-top: 2em;
}

.ra-partenaire__card {
	scroll-margin-top: calc(var(--ra-header-h) + var(--ra-admin-bar-h) + 1rem);
	display: grid;
	grid-template-columns: 220px 1fr;
	gap: 2rem;
	padding: 1.75rem;
	background: var(--ra-blanc);
	border: 1px solid var(--ra-border);
	border-left: 4px solid var(--ra-rouge);
}

.ra-partenaire__logo-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ra-partenaire__logo {
	width: 100%;
	max-height: 165px;
	height: auto;
	object-fit: contain;
	display: block;
}

.ra-partenaire__logo-placeholder {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: var(--ra-ardoise);
	color: var(--ra-blanc);
	font-family: var(--ra-font-titres);
	font-size: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ra-partenaire__nom {
	font-family: var(--ra-font-titres);
	font-size: 1.25rem;
	margin: 0 0 0.75rem;
	color: var(--ra-noir);
}

.ra-partenaire__presentation {
	color: var(--ra-noir);
	line-height: 1.7;
	margin: 0;
	text-align: justify;
	hyphens: auto;
	-webkit-hyphens: auto;
}

.ra-partenaire__presentation > p:last-child {
	margin-bottom: 0.75rem;
}

.ra-partenaire__contacts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1.25rem;
}

.ra-partenaire__contact-link {
	color: var(--ra-gris-pierre);
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	font-size: 0.9375rem;
	transition: color 0.15s ease;
}

.ra-partenaire__contact-link i {
	color: var(--ra-rouge);
	flex-shrink: 0;
}

.ra-partenaire__contact-link:hover,
.ra-partenaire__contact-link:focus {
	color: var(--ra-rouge);
}

@media (max-width: 680px) {
	.ra-partenaire__card {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.ra-partenaire__logo-wrap {
		justify-content: flex-start;
	}
}

/* =========================================================
   Page Entraînements
   ========================================================= */

.ra-entrainements__intro {
	text-align: justify;
	margin-top: 1.25em;
}

.ra-entrainements__wrap {
	overflow-x: auto;
	margin-top: 2em;
}

.ra-entrainements .ra-empty-state {
	margin-top: 2em;
}

.ra-entrainements__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9375rem;
	table-layout: fixed;
}

.ra-entrainements__table th:nth-child(1) { width: 16%; }
.ra-entrainements__table th:nth-child(2) { width: 26%; }
.ra-entrainements__table th:nth-child(3) { width: 18%; }
.ra-entrainements__table th:nth-child(4) { width: 18%; }
.ra-entrainements__table th:nth-child(5) { width: 22%; }

.ra-entrainements__table th,
.ra-entrainements__table td {
	vertical-align: middle;
	border-right: 1px solid var(--ra-border-subtle);
}

.ra-entrainements__table th {
	background: var(--ra-ardoise);
	color: var(--ra-blanc);
	font-family: var(--ra-font-titres);
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	padding: 0.75rem 0.75rem;
	text-align: left;
	white-space: nowrap;
}

.ra-entrainements__table td {
	padding: 0.875rem 0.75rem;
	border-bottom: 1px solid var(--ra-border-subtle);
	overflow: hidden;
	text-overflow: ellipsis;
}


.ra-entrainements__table tbody tr:nth-child(even) td {
	background: var(--ra-border-bg);
}

.ra-entrainements__jour {
	font-family: var(--ra-font-titres);
	color: var(--ra-rouge);
	white-space: nowrap;
}

.ra-entrainements__horaire {
	white-space: nowrap;
}

.ra-entrainements__frequence {
	display: block;
	color: var(--ra-gris-pierre);
	font-size: 0.8125rem;
	font-style: italic;
	margin-top: 0.2em;
}

@media (max-width: 680px) {

	.ra-entrainements__wrap {
		overflow-x: visible;
	}

	.ra-entrainements__table,
	.ra-entrainements__table tbody,
	.ra-entrainements__table tr,
	.ra-entrainements__table td {
		display: block;
		width: 100%;
	}

	.ra-entrainements__table {
		min-width: 0;
	}

	.ra-entrainements__table thead {
		display: none;
	}

	.ra-entrainements__table tr {
		border: 1px solid var(--ra-border);
		border-top: 3px solid var(--ra-rouge);
		margin-bottom: 1rem;
		padding: 0.625rem 0.875rem;
	}

	/* Zébrure sur la card entière, pas sur les cellules */
	.ra-entrainements__table tbody tr:nth-child(even) {
		background: var(--ra-border-bg);
	}

	.ra-entrainements__table tbody tr:nth-child(even) td {
		background: none;
	}

	/* Jour : pleine largeur en header de card, sans label */
	.ra-entrainements__table .ra-entrainements__jour {
		font-size: 1.0625rem;
		padding-bottom: 0.375rem;
		margin-bottom: 0.25rem;
		border-bottom: 1px solid var(--ra-border-subtle);
	}

	.ra-entrainements__table .ra-entrainements__jour::before {
		display: none;
	}

	/* Autres cellules : label à gauche + valeur à droite */
	.ra-entrainements__table td {
		display: flex;
		align-items: center;
		gap: 0.75rem;
		padding: 0.2rem 0;
		border: none;
	}

	.ra-entrainements__table td::before {
		content: attr(data-label);
		font-family: var(--ra-font-titres);
		font-size: 0.75rem;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		color: var(--ra-gris-pierre);
		flex: 0 0 7.5rem;
		white-space: nowrap;
		padding-top: 2px;
	}
}

/* =========================================================
   Page Adhésion
   ========================================================= */

.ra-adhesion__intro {
	text-align: justify;
	margin-bottom: 2em;
}

/* Grille de cartes — s'étend à la même hauteur dans chaque rangée */
.ra-adhesion__cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 1.5rem;
	margin-top: 2em;
}

/* ── Carte tarif ──────────────────────────────────────── */

.ra-tarif-card {
	display: flex;
	flex-direction: column;
	background: var(--ra-blanc);
	border: 1px solid var(--ra-border);
}

.ra-tarif-card__header {
	background: var(--ra-ardoise);
	padding: 1.25rem 1.5rem;
}

.ra-tarif-card__title {
	color: var(--ra-blanc);
	margin: 0;
}

.ra-tarif-card__description {
	color: var(--ra-blanc-85);
	font-size: 0.875rem;
	margin: 0.375rem 0 0;
	line-height: 1.5;
}

.ra-tarif-card__body {
	flex: 1;
	padding: 1.5rem 1.5rem 0;
	display: flex;
	flex-direction: column;
}

/* Liste inclus / non inclus — reset du marker global (balle rouge) */
.ra-tarif-card__elements {
	list-style: none;
	padding: 0 0 1.5rem;
	margin: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.ra-tarif-card__element {
	display: flex;
	align-items: flex-start;
	gap: 0.6em;
	font-size: 0.9375rem;
	line-height: 1.4;
}

.ra-tarif-card__element--inclus {
	color: var(--ra-noir);
}

.ra-tarif-card__element--inclus i {
	color: var(--ra-rouge);
	flex-shrink: 0;
	font-size: 0.875rem;
	margin-top: 0.15em;
}

.ra-tarif-card__element--non-inclus {
	color: var(--ra-gris-pierre);
}

.ra-tarif-card__element--non-inclus i {
	color: var(--ra-gris-pierre);
	flex-shrink: 0;
	font-size: 0.875rem;
	margin-top: 0.15em;
}

/* ── Pied de carte — prix ancré en bas ───────────────── */

.ra-tarif-card__footer {
	padding: 1rem 1.5rem 1.5rem;
	border-top: 1px solid var(--ra-border-subtle);
}

.ra-tarif-card__prix {
	font-family: var(--ra-font-titres);
	font-size: 2rem;
	color: var(--ra-rouge);
	margin: 0;
	line-height: 1;
}

.ra-tarif-card__saison {
	font-family: var(--ra-font-corps);
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--ra-gris-pierre);
}

/* ── Notice réduction famille ─────────────────────────── */

.ra-adhesion__notice {
	display: flex;
	align-items: flex-start;
	gap: 0.6em;
	margin: 1.5rem 0 0;
	color: var(--ra-gris-pierre);
	font-size: 0.9375rem;
}

.ra-adhesion__notice i {
	color: var(--ra-gris-pierre);
	flex-shrink: 0;
	font-size: 1rem;
	margin-top: 0.15em;
}

/* ── Section documents ───────────────────────────────── */

.ra-adhesion__section {
	margin-top: 3rem;
}

.ra-adhesion .ra-empty-state {
	margin-top: 2em;
}