/* ---------- Composants de page WTC ---------- */
.wtc-site .wtc-page-shell{display:grid;gap:24px}
.wtc-site .wtc-page-hero{
	position:relative;
	overflow:hidden;
	padding:clamp(34px,5vw,58px) clamp(22px,5vw,56px);
	border:1px solid var(--wtc-page-border);
	border-top:4px solid var(--wtc-accent);
	border-radius:22px;
	background:
		radial-gradient(circle at 82% 10%,color-mix(in srgb,var(--wtc-accent) 22%,transparent),transparent 33%),
		linear-gradient(135deg,var(--wtc-header-background),var(--wtc-primary));
	box-shadow:0 18px 48px rgba(0,0,0,.20);
	text-align:center;
}
.wtc-site .wtc-page-kicker,
.wtc-site .wtc-page-section__eyebrow{
	display:block;
	color:var(--wtc-accent);
	font-size:11px;
	font-weight:900;
	letter-spacing:.14em;
	text-transform:uppercase;
}
.wtc-site .wtc-page-hero h1{
	margin:8px 0 0;
	color:var(--wtc-menu-text-color);
	font-size:clamp(36px,5vw,58px);
	line-height:1.05;
	letter-spacing:-.04em;
}
.wtc-site .wtc-page-hero__lead{
	max-width:820px;
	margin:16px auto 0!important;
	color:color-mix(in srgb,var(--wtc-menu-text-color) 78%,transparent);
	font-size:clamp(15px,1.8vw,18px);
	line-height:1.65;
}
.wtc-site .wtc-page-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-top:22px;
	padding:9px 14px;
	border:1px solid var(--wtc-page-accent-border);
	border-radius:999px;
	background:var(--wtc-page-accent-soft);
	color:var(--wtc-accent);
	font-size:13px;
	font-weight:850;
}
.wtc-site .wtc-page-alert{
	padding:18px 20px;
	border:1px solid var(--wtc-page-accent-border);
	border-left:5px solid var(--wtc-accent);
	border-radius:14px;
	background:var(--wtc-page-accent-soft);
	color:var(--wtc-text-color);
}
.wtc-site .wtc-page-alert strong{display:block;margin-bottom:4px;color:var(--wtc-accent);font-size:16px}
.wtc-site .wtc-page-toc{
	padding:20px;
	border:1px solid var(--wtc-page-border);
	border-radius:16px;
	background:var(--wtc-page-surface);
}
.wtc-site .wtc-page-toc__links{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.wtc-site .wtc-page-toc a{
	display:inline-flex;
	align-items:center;
	min-height:40px;
	padding:8px 12px;
	border:1px solid var(--wtc-page-border);
	border-radius:9px;
	background:var(--wtc-page-surface-soft);
	color:var(--wtc-text-color);
	font-size:13px;
	font-weight:800;
	text-decoration:none;
	transition:border-color .15s,background .15s,transform .15s;
}
.wtc-site .wtc-page-toc a:hover{
	transform:translateY(-1px);
	border-color:var(--wtc-page-accent-border);
	background:var(--wtc-page-accent-soft);
	color:var(--wtc-accent);
}
.wtc-site .wtc-page-section{
	scroll-margin-top:100px;
	padding:clamp(22px,3vw,32px);
	border:1px solid var(--wtc-page-border);
	border-radius:18px;
	background:var(--wtc-page-surface-soft);
}
.wtc-site .wtc-page-section__head{margin-bottom:20px}
.wtc-site .wtc-page-section__head h2{
	margin:6px 0 0!important;
	color:var(--wtc-text-color)!important;
	font-size:clamp(27px,3.2vw,38px)!important;
}
.wtc-site .wtc-page-section__head p{margin:8px 0 0!important;color:var(--wtc-page-muted)}
.wtc-site .wtc-page-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
	gap:14px;
}
.wtc-site .wtc-page-card{
	padding:20px;
	border:1px solid var(--wtc-page-border);
	border-radius:14px;
	background:var(--wtc-page-surface);
	color:var(--wtc-text-color);
}
.wtc-site .wtc-page-card__title{display:block;margin-bottom:7px;color:var(--wtc-accent);font-size:12px;font-weight:900;letter-spacing:.06em}
.wtc-site .wtc-page-panel{
	padding:22px 24px;
	border:1px solid var(--wtc-page-border);
	border-radius:15px;
	background:var(--wtc-header-background);
	color:var(--wtc-menu-text-color);
}
.wtc-site .wtc-page-panel strong{color:var(--wtc-accent)}
.wtc-site .wtc-page-rules{display:grid;gap:11px}
.wtc-site .wtc-page-rule{
	padding:14px 16px;
	border:1px solid var(--wtc-page-border);
	border-radius:11px;
	background:var(--wtc-page-surface);
	color:var(--wtc-text-color);
}
.wtc-site .wtc-page-rule strong{color:var(--wtc-accent)}
.wtc-site .wtc-page-rule--danger{
	border-color:rgba(215,68,68,.38);
	background:rgba(215,68,68,.10);
}
.wtc-site .wtc-page-rule--danger strong{color:#ff7878}
.wtc-site .wtc-page-table-wrap{
	overflow:auto;
	border:1px solid var(--wtc-page-border);
	border-radius:14px;
	background:var(--wtc-page-surface);
}
.wtc-site .wtc-page-table{
	width:100%;
	min-width:680px;
	margin:0!important;
	border-collapse:collapse;
	color:var(--wtc-text-color);
}
.wtc-site .wtc-page-table th{
	padding:13px 14px;
	border:0;
	border-bottom:1px solid var(--wtc-page-border);
	background:var(--wtc-header-background);
	color:var(--wtc-menu-text-color);
	font-size:12px;
	letter-spacing:.035em;
	text-align:left;
}
.wtc-site .wtc-page-table td{
	padding:13px 14px;
	border:0;
	border-bottom:1px solid var(--wtc-page-border);
	background:transparent;
	color:var(--wtc-text-color);
	vertical-align:top;
}
.wtc-site .wtc-page-table tbody tr:last-child td{border-bottom:0}
.wtc-site .wtc-page-table .is-safe{color:#63d99a;font-weight:800}
.wtc-site .wtc-page-table .is-warning{color:#ffbf5c;font-weight:800}
.wtc-site .wtc-page-table .is-danger{color:#ff7878;font-weight:800}
.wtc-site .wtc-page-price-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
	gap:12px;
	margin-bottom:18px;
}
.wtc-site .wtc-page-price{
	padding:18px;
	border:1px solid var(--wtc-page-border);
	border-radius:13px;
	background:var(--wtc-header-background);
	color:var(--wtc-menu-text-color);
}
.wtc-site .wtc-page-price span{display:block;color:var(--wtc-accent);font-size:10px;font-weight:900;letter-spacing:.1em}
.wtc-site .wtc-page-price strong{display:block;margin-top:5px;color:var(--wtc-menu-text-color);font-size:28px}
.wtc-site .wtc-page-price small{display:block;margin-top:3px;color:color-mix(in srgb,var(--wtc-menu-text-color) 70%,transparent)}
.wtc-site .wtc-page-steps{display:grid;gap:0}
.wtc-site .wtc-page-step{
	padding:17px 0;
	border-bottom:1px solid var(--wtc-page-border);
}
.wtc-site .wtc-page-step:last-child{border-bottom:0}
.wtc-site .wtc-page-step h3{margin:0 0 6px!important;color:var(--wtc-text-color)!important;font-size:19px!important}
.wtc-site .wtc-page-step p{margin:.35em 0}
.wtc-site .wtc-page-accept{
	padding:26px;
	border:1px solid var(--wtc-page-border);
	border-bottom:4px solid var(--wtc-accent);
	border-radius:17px;
	background:
		radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--wtc-accent) 18%,transparent),transparent 35%),
		var(--wtc-header-background);
	color:var(--wtc-menu-text-color);
	text-align:center;
}
.wtc-site .wtc-page-accept strong{display:block;margin-bottom:7px;color:var(--wtc-accent);font-size:11px;letter-spacing:.12em}
.wtc-site .wtc-page-accept p{max-width:800px;margin:0 auto;color:color-mix(in srgb,var(--wtc-menu-text-color) 80%,transparent)}

/* Compatibilité avec les anciens contenus WTC qui avaient l’orange codé en dur. */
.wtc-site .wtc-custom-page__content [style*="color:#ff7a00"],
.wtc-site .wtc-custom-page__content [style*="color: #ff7a00"],
.wtc-site .wtc-custom-page__content [style*="color:#ff932f"],
.wtc-site .wtc-custom-page__content [style*="color: #ff932f"],
.wtc-site .wtc-custom-page__content [style*="color:#ff9637"],
.wtc-site .wtc-custom-page__content [style*="color: #ff9637"]{color:var(--wtc-accent)!important}
.wtc-site .wtc-custom-page__content [style*="border-top:4px solid #ff7a00"],
.wtc-site .wtc-custom-page__content [style*="border-bottom:4px solid #ff7a00"],
.wtc-site .wtc-custom-page__content [style*="border-left:5px solid #ff7a00"]{border-color:var(--wtc-accent)!important}
.wtc-site .wtc-custom-page__content [style*="background:#0f1a2b"],
.wtc-site .wtc-custom-page__content [style*="background: #0f1a2b"]{background-color:var(--wtc-header-background)!important}

.wtc-custom-template-card{
	padding:22px;
	border:1px solid var(--wtc-page-border);
	border-radius:14px;
	background:var(--wtc-page-surface);
	color:var(--wtc-text-color);
}
@media(max-width:760px){
	.wtc-site .wtc-custom-page{padding:26px 12px 42px}
	.wtc-site .wtc-custom-page__header{padding:25px 20px;border-radius:16px}
	.wtc-site .wtc-page-hero{padding:30px 18px;border-radius:17px}
	.wtc-site .wtc-page-section{padding:20px 16px;border-radius:15px}
	.wtc-site .wtc-page-grid{grid-template-columns:1fr}
}



/* =========================================================
   Événements passés — gestion automatique des dates
   ========================================================= */
.wtc-event-card__status--past{
	background:#5e6875;
	color:#fff;
}
.wtc-site .wtc-event-card.is-past{
	opacity:.88;
}
.wtc-site .wtc-event-card.is-past .wtc-event-card__poster{
	filter:saturate(.72) brightness(.88);
}
.wtc-site .wtc-event-card.is-past .wtc-event-card__booking{
	background:#4e5966;
	border-color:#4e5966;
	color:#fff;
}
.wtc-site .wtc-event-card.is-past .wtc-event-card__booking:hover{
	background:#3e4853;
	border-color:#3e4853;
}



/* =========================================================
   Fiche événement — Informations supplémentaires
   ========================================================= */
.wtc-site .wtc-event-detail__additional{
	grid-column:1 / -1;
	position:relative;
	overflow:hidden;
	padding:clamp(22px,3vw,32px);
	border:1px solid color-mix(in srgb,var(--wtc-text-color) 16%,transparent);
	border-left:4px solid var(--wtc-accent);
	border-radius:16px;
	background:
		linear-gradient(135deg,color-mix(in srgb,var(--wtc-section-alt-background) 92%,var(--wtc-accent) 8%),var(--wtc-section-alt-background));
	color:var(--wtc-text-color);
}
.wtc-site .wtc-event-detail__additional::after{
	content:"";
	position:absolute;
	top:-80px;
	right:-70px;
	width:210px;
	height:210px;
	border-radius:50%;
	background:color-mix(in srgb,var(--wtc-accent) 10%,transparent);
	pointer-events:none;
}
.wtc-site .wtc-event-detail__additional-head{
	position:relative;
	z-index:1;
	margin-bottom:18px;
}
.wtc-site .wtc-event-detail__additional-head>span{
	display:block;
	margin-bottom:5px;
	color:var(--wtc-accent);
	font-size:10px;
	font-weight:900;
	letter-spacing:.13em;
}
.wtc-site .wtc-event-detail__additional-head h2{
	margin:0;
	color:var(--wtc-text-color);
	font-size:clamp(24px,3vw,31px);
}
.wtc-site .wtc-event-detail__additional-content{
	position:relative;
	z-index:1;
	color:color-mix(in srgb,var(--wtc-text-color) 88%,transparent);
	font-size:15px;
	line-height:1.7;
}
.wtc-site .wtc-event-detail__additional-content>:first-child{margin-top:0}
.wtc-site .wtc-event-detail__additional-content>:last-child{margin-bottom:0}
.wtc-site .wtc-event-detail__additional-content h2,
.wtc-site .wtc-event-detail__additional-content h3,
.wtc-site .wtc-event-detail__additional-content h4{
	margin:1.35em 0 .5em;
	color:var(--wtc-text-color);
	line-height:1.2;
}
.wtc-site .wtc-event-detail__additional-content h2{font-size:25px}
.wtc-site .wtc-event-detail__additional-content h3{font-size:20px}
.wtc-site .wtc-event-detail__additional-content p{margin:.75em 0}
.wtc-site .wtc-event-detail__additional-content a{
	color:var(--wtc-accent);
	text-underline-offset:3px;
}
.wtc-site .wtc-event-detail__additional-content ul,
.wtc-site .wtc-event-detail__additional-content ol{
	padding-left:1.5em;
}
.wtc-site .wtc-event-detail__additional-content blockquote{
	margin:1em 0;
	padding:12px 16px;
	border-left:3px solid var(--wtc-accent);
	background:color-mix(in srgb,var(--wtc-accent) 8%,transparent);
}
.wtc-site .wtc-event-detail__additional-content img{
	max-width:100%;
	height:auto;
	border-radius:12px;
}
.wtc-site .wtc-event-detail__additional-content table{
	width:100%;
	margin:1em 0;
	border-collapse:collapse;
}
.wtc-site .wtc-event-detail__additional-content th,
.wtc-site .wtc-event-detail__additional-content td{
	padding:9px 11px;
	border:1px solid color-mix(in srgb,var(--wtc-text-color) 16%,transparent);
	text-align:left;
}
.wtc-site .wtc-event-detail__additional-content th{
	background:color-mix(in srgb,var(--wtc-accent) 10%,transparent);
	color:var(--wtc-text-color);
}



/* v0.34 — emplacement explicite des informations supplémentaires */
.wtc-site .wtc-event-detail__additional{
	grid-column:1 / -1;
	margin:0;
	order:2;
}
.wtc-site .wtc-event-detail__information,
.wtc-site .wtc-event-detail__booking{order:1}
.wtc-site .wtc-event-detail__rosters{order:3}



/* =========================================================
   Location de répliques
   ========================================================= */
.wtc-site .wtc-rental-options{
	display:grid;
	gap:10px;
	margin:18px 0;
	padding:16px;
	border:1px solid color-mix(in srgb,var(--wtc-text-color) 16%,transparent);
	border-radius:14px;
	background:color-mix(in srgb,var(--wtc-section-alt-background) 92%,var(--wtc-accent) 8%);
}
.wtc-site .wtc-rental-options>legend{
	padding:0 7px;
	color:var(--wtc-text-color);
	font-size:16px;
	font-weight:900;
}
.wtc-site .wtc-rental-choice{
	display:grid;
	grid-template-columns:auto 72px minmax(0,1fr);
	gap:12px;
	align-items:center;
	padding:12px;
	border:1px solid color-mix(in srgb,var(--wtc-text-color) 14%,transparent);
	border-radius:11px;
	background:var(--wtc-section-background);
	cursor:pointer;
}
.wtc-site .wtc-rental-choice.is-none{grid-template-columns:auto minmax(0,1fr)}
.wtc-site .wtc-rental-choice img{
	width:72px;
	height:58px;
	object-fit:cover;
	border-radius:8px;
}
.wtc-site .wtc-rental-choice__body{display:grid;gap:3px}
.wtc-site .wtc-rental-choice__body strong{color:var(--wtc-text-color)}
.wtc-site .wtc-rental-choice__body small{color:color-mix(in srgb,var(--wtc-text-color) 72%,transparent)}
.wtc-site .wtc-rental-choice.is-unavailable{opacity:.55;cursor:not-allowed}
.wtc-site .wtc-rental-terms{
	display:flex;
	gap:9px;
	align-items:flex-start;
	margin-top:4px;
	padding:12px;
	border:1px solid color-mix(in srgb,var(--wtc-accent) 42%,transparent);
	border-radius:10px;
	background:color-mix(in srgb,var(--wtc-accent) 9%,transparent);
	color:var(--wtc-text-color);
	font-size:13px;
	line-height:1.45;
}
.wtc-site .wtc-rental-reservation-provider{
	margin-top:12px;
	padding:13px;
	border:1px solid color-mix(in srgb,var(--wtc-accent) 40%,transparent);
	border-radius:10px;
	background:color-mix(in srgb,var(--wtc-accent) 8%,transparent);
}
.wtc-site .wtc-rental-reservation-provider p{margin:.35em 0 .75em}
.wtc-site .wtc-rental-reservation-provider label{display:inline-flex;align-items:center;gap:6px;margin-right:14px}
.wtc-site .wtc-rental-payment-summary{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
	gap:8px;
	margin-top:14px;
}
.wtc-site .wtc-rental-payment-summary>div{
	padding:10px;
	border:1px solid color-mix(in srgb,var(--wtc-text-color) 12%,transparent);
	border-radius:9px;
	background:var(--wtc-section-background);
}
.wtc-site .wtc-rental-payment-summary span{display:block;color:color-mix(in srgb,var(--wtc-text-color) 65%,transparent);font-size:10px;font-weight:800;text-transform:uppercase}
.wtc-site .wtc-rental-payment-summary strong{display:block;margin-top:4px;color:var(--wtc-text-color);font-size:16px}
.wtc-site .wtc-rental-confirmed{
	display:grid;
	gap:4px;
	margin-top:10px;
	padding:11px 12px;
	border:1px solid color-mix(in srgb,var(--wtc-accent) 35%,transparent);
	border-radius:9px;
	background:color-mix(in srgb,var(--wtc-accent) 8%,transparent);
}
.wtc-site .wtc-rental-confirmed strong{color:var(--wtc-accent)}
.wtc-site .wtc-rental-confirmed span{font-size:13px}
@media(max-width:650px){
	.wtc-site .wtc-rental-choice{grid-template-columns:auto 54px minmax(0,1fr)}
	.wtc-site .wtc-rental-choice img{width:54px;height:48px}
}



