/**
 * Styles front des shortcodes d'affichage.
 *
 * Deux principes pour rester « indiscernable » ET lisible partout :
 *  1) COULEUR : tout dérive de --partage-accent (le violet de la charte,
 *     injecté depuis les réglages). Aucune couleur bleu/vert en dur.
 *  2) ROBUSTESSE : on neutralise les styles que le thème/Elementor
 *     tentent d'imposer à nos boutons, titres, liens et champs, et on
 *     rend chaque composant autonome (surface + couleur de texte
 *     explicites) pour qu'il reste lisible sur fond clair comme foncé.
 */

.partage-difficulte,
.partage-epreuves,
.partage-galerie,
.partage-infos,
.partage-tarifs {
	--partage-accent: #7b2cbf;
	--partage-accent-dark: #5a189a;
	--partage-surface: #ffffff;
	--partage-ink: #23202a;
	--partage-muted: #6b6675;
	--partage-line: rgba( 123, 44, 191, .16 );
	--partage-radius: 12px;
	--partage-gap: 16px;

	font-family: var( --e-global-typography-primary-font-family, inherit );
	line-height: 1.55;
}
.partage-difficulte *,
.partage-epreuves *,
.partage-galerie *,
.partage-infos *,
.partage-tarifs * { box-sizing: border-box; }

/* Reset ciblé : empêche le thème de peindre nos boutons/titres/liens. */
.partage-epreuves button,
.partage-galerie button {
	font: inherit;
	margin: 0;
	border: none;
	background: none;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
}

/* =====================================================================
 *  Difficulté
 * ================================================================== */
.partage-difficulte__entete {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 12px;
	margin-bottom: 10px;
}
.partage-difficulte__titre {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: inherit;
}
.partage-difficulte__valeur { font-weight: 600; color: inherit; }
.partage-difficulte__label {
	margin-left: auto;
	padding: 3px 12px;
	border-radius: 20px;
	background: var( --partage-accent );
	color: #fff;
	font-size: .82em;
	font-weight: 700;
}
.partage-difficulte__piste {
	position: relative;
	height: 14px;
	border-radius: 8px;
	background: rgba( 123, 44, 191, .12 );
	overflow: hidden;
}
.partage-difficulte__plage {
	position: absolute;
	top: 0;
	height: 100%;
	border-radius: 8px;
	background: linear-gradient( 90deg, var( --partage-accent-dark ), var( --partage-accent ) );
}
.partage-difficulte--segments .partage-difficulte__piste {
	background:
		repeating-linear-gradient( 90deg, rgba( 123, 44, 191, .12 ) 0 9%, transparent 9% 10% );
}

/* Jauge d'intensité : 5 barres croissantes, remplies selon le niveau. */
.partage-difficulte__jauge {
	display: inline-flex;
	align-items: flex-end;
	gap: 6px;
	height: 46px;
	margin-bottom: 8px;
}
.partage-difficulte__barre {
	width: 16px;
	border-radius: 4px;
	background: rgba( 123, 44, 191, .12 );
	border: 1px solid rgba( 123, 44, 191, .22 );
}
.partage-difficulte__barre:nth-child( 1 ) { height: 36%; }
.partage-difficulte__barre:nth-child( 2 ) { height: 52%; }
.partage-difficulte__barre:nth-child( 3 ) { height: 68%; }
.partage-difficulte__barre:nth-child( 4 ) { height: 84%; }
.partage-difficulte__barre:nth-child( 5 ) { height: 100%; }
.partage-difficulte__barre.is-on {
	background: linear-gradient( var( --partage-accent ), var( --partage-accent-dark ) );
	border-color: var( --partage-accent-dark );
	box-shadow: 0 2px 6px rgba( 90, 24, 154, .25 );
}
.partage-difficulte__valeur { display: block; font-size: .9rem; color: inherit; opacity: .85; }

/* =====================================================================
 *  Épreuves (2 colonnes, cartes compactes)
 * ================================================================== */
.partage-epreuves {
	display: grid;
	grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	gap: 12px;
	align-items: start;
}
.partage-epreuves--liste { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
.partage-epreuves--grille { grid-template-columns: repeat( auto-fill, minmax( 240px, 1fr ) ); }

.partage-epreuve {
	background: var( --partage-surface );
	border: 1px solid var( --partage-line );
	border-left: 3px solid var( --partage-accent );
	border-radius: var( --partage-radius );
	padding: 10px 12px;
	box-shadow: 0 1px 2px rgba( 0, 0, 0, .04 );
}
.partage-epreuve__entete {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between;
}
.partage-epreuve__titres {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	min-width: 0;
}
.partage-epreuve__nom {
	margin: 0 !important;
	padding: 0;
	font-size: .98rem !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	color: var( --partage-ink ) !important;
	text-transform: none !important;
}
/* Bouton chevron : rond, sur la même ligne que le titre, contraste net. */
.partage-epreuve__toggle {
	flex: none;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 50%;
	border: 1px solid var( --partage-line ) !important;
	background: #fff !important;
	color: var( --partage-accent-dark ) !important;
	transition: background .15s, color .15s;
}
.partage-epreuve__toggle:hover,
.partage-epreuve__toggle[aria-expanded="true"] {
	background: var( --partage-accent ) !important;
	color: #fff !important;
	border-color: var( --partage-accent ) !important;
}
.partage-epreuve__toggle { overflow: hidden; font-size: 0; }
.partage-epreuve__chevron { line-height: 1; font-size: 15px; transition: transform .15s; }
.partage-epreuve__toggle[aria-expanded="true"] .partage-epreuve__chevron { transform: rotate( 180deg ); }
.partage-epreuve__desc {
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px solid var( --partage-line );
	font-size: .9rem;
	line-height: 1.5;
	color: var( --partage-muted );
}
.partage-epreuve__desc p { margin: 0 0 .5em; }
.partage-epreuve__desc p:last-child { margin-bottom: 0; }

/* =====================================================================
 *  Badges intérieur / extérieur (tons neutres violet, jamais bleu/vert)
 * ================================================================== */
.partage-badge {
	flex: none;
	font-size: .68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding: 3px 9px;
	border-radius: 20px;
	white-space: nowrap;
	background: rgba( 123, 44, 191, .1 );
	color: var( --partage-accent-dark );
	border: 1px solid rgba( 123, 44, 191, .22 );
}
.partage-badge--exterieur { background: rgba( 123, 44, 191, .05 ); }
.partage-badge--interieur_exterieur { background: rgba( 123, 44, 191, .14 ); }

/* =====================================================================
 *  Galerie
 * ================================================================== */
.partage-galerie {
	display: grid;
	grid-template-columns: repeat( var( --partage-cols, 3 ), 1fr );
	gap: var( --partage-gap );
}
.partage-galerie__item { margin: 0; }
.partage-galerie__media {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var( --partage-radius );
	display: block;
}
.partage-galerie__legende {
	margin-top: 6px;
	font-size: .88em;
	color: inherit;
	opacity: .85;
	text-align: center;
}

.partage-lightbox {
	position: fixed;
	inset: 0;
	background: rgba( 0, 0, 0, .9 );
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 20px;
}
.partage-lightbox img { max-width: 92vw; max-height: 82vh; border-radius: 4px; }
.partage-lightbox__legende { position: absolute; bottom: 24px; color: #fff; text-align: center; width: 100%; }
.partage-lightbox__btn {
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	background: rgba( 255, 255, 255, .15 );
	color: #fff;
	border: none;
	font-size: 30px;
	width: 52px;
	height: 52px;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.partage-lightbox__prev { left: 16px; }
.partage-lightbox__next { right: 16px; }
.partage-lightbox__close { top: 16px; right: 16px; transform: none; }

/* =====================================================================
 *  Infos pratiques (transparent : suit la couleur de la section)
 * ================================================================== */
.partage-infos { color: inherit; }
.partage-infos__liste { margin: 0; }
.partage-infos__row {
	display: grid;
	grid-template-columns: minmax( 140px, 220px ) 1fr;
	gap: 8px 20px;
	padding: 12px 0;
	border-bottom: 1px solid currentColor;
}
.partage-infos__row { border-bottom-color: rgba( 128, 128, 128, .25 ); }
.partage-infos__label {
	font-weight: 700;
	text-transform: uppercase;
	font-size: .85em;
	letter-spacing: .03em;
	color: inherit;
}
.partage-infos__value { color: inherit; }
.partage-infos__value p:first-child { margin-top: 0; }
.partage-infos__value p:last-child { margin-bottom: 0; }

/* =====================================================================
 *  Tarifs
 * ================================================================== */
/* Tarifs en texte simple : aucun encadré, juste de la typographie. */
.partage-tarifs { color: inherit; }
.partage-tarif-bloc { margin: 0 0 22px; }
.partage-tarif-bloc__titre {
	margin: 0 0 2px !important;
	font-size: 1.25rem !important;
	font-weight: 800 !important;
	color: #fff !important; /* Titre de session en blanc (fond sombre du site). */
	text-transform: none !important;
	line-height: 1.2 !important;
}
.partage-tarif-bloc__pers {
	margin: 0 0 6px;
	font-weight: 700;
	color: inherit;
}
.partage-tarif-bloc__lignes {
	list-style: none;
	margin: 0;
	padding: 0;
}
.partage-tarif-bloc__lignes li {
	margin: 0;
	padding: 2px 0;
	color: inherit;
	opacity: .9;
}
.partage-tarifs__note {
	margin: 6px 0 0;
	font-size: .85rem;
	color: inherit;
	opacity: .7;
	font-style: italic;
}

/* =====================================================================
 *  Responsive
 * ================================================================== */
@media ( max-width: 680px ) {
	.partage-epreuves,
	.partage-epreuves--liste { grid-template-columns: 1fr; }
	.partage-galerie { grid-template-columns: repeat( 2, 1fr ); }
	.partage-infos__row { grid-template-columns: 1fr; }
}