/*
 * Drop Event — landing page.
 * Contrastes vérifiés (fond #ffffff) : texte #1f2937 = 14,7:1 ; texte secondaire #4b5563 = 7,6:1 ;
 * bordures de champs #6b7280 = 4,8:1 ; erreurs #b91c1c = 6,5:1. L'accent est contrôlé à la saisie (≥ 4,5:1 sur blanc).
 */

:root {
	--dropevent-accent: #1d4ed8;
	--dropevent-text: #1f2937;
	--dropevent-muted: #4b5563;
	--dropevent-border: #6b7280;
	--dropevent-surface: #ffffff;
	--dropevent-bg: #f3f4f6;
	--dropevent-error: #b91c1c;
	--dropevent-success: #166534;
	--dropevent-radius: .5rem;
	--dropevent-focus: 3px solid #111827;
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body.dropevent-landing {
	margin: 0;
	background: var(--dropevent-bg);
	color: var(--dropevent-text);
	font-family: var(--dropevent-font, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);
	font-size: 1.0625rem;
	line-height: 1.6;
}

.dropevent-landing img { max-width: 100%; height: auto; }

.dropevent-container {
	width: 100%;
	max-width: 70rem;
	margin: 0 auto;
	padding: 0 1rem;
}

/* ---------- Focus visible (WCAG 2.4.7 / 2.4.11) ---------- */
.dropevent-landing a:focus-visible,
.dropevent-landing button:focus-visible,
.dropevent-landing input:focus-visible,
.dropevent-landing select:focus-visible,
.dropevent-landing textarea:focus-visible,
.dropevent-landing iframe:focus-visible,
.dropevent-landing [tabindex]:focus-visible {
	outline: var(--dropevent-focus);
	outline-offset: 2px;
	box-shadow: 0 0 0 5px #ffffff;
}

.dropevent-landing [tabindex="-1"]:focus:not(:focus-visible) { outline: none; }

/* ---------- Liens d'évitement ---------- */
.dropevent-skiplinks ul { list-style: none; margin: 0; padding: 0; }
.dropevent-skiplinks a {
	position: absolute;
	left: 1rem;
	top: -10rem;
	z-index: 1000;
	padding: .75rem 1rem;
	background: #111827;
	color: #ffffff;
	font-weight: 700;
	border-radius: var(--dropevent-radius);
}
.dropevent-skiplinks a:focus { top: 1rem; }
/* Spécificité supérieure à « .dropevent-landing a » (couleur d'accent) : texte blanc sur fond foncé, 17,7:1. */
.dropevent-landing .dropevent-skiplinks a { color: #ffffff; text-decoration: underline; text-underline-offset: .15em; }
.dropevent-landing .dropevent-skiplinks a:focus-visible { outline: 3px solid #ffffff; outline-offset: 2px; box-shadow: 0 0 0 6px #111827; }

/* ---------- Liens ---------- */
.dropevent-landing a { color: var(--dropevent-accent); text-decoration: underline; text-underline-offset: .15em; }
.dropevent-landing a:hover { text-decoration-thickness: 2px; }

/* ---------- En-tête ---------- */
.dropevent-header { background: var(--dropevent-surface); border-bottom: 1px solid #d1d5db; }
.dropevent-header .dropevent-container { display: flex; align-items: center; min-height: 5rem; padding-top: 1rem; padding-bottom: 1rem; }
.dropevent-logo { max-height: 4.5rem; width: auto; }
/* En-tête en bannière image : pleine largeur jusqu'à 75rem, sélecteur de langue au-dessus. */
.dropevent-header--banner { border-bottom: 0; }
.dropevent-header--banner .dropevent-container { min-height: 0; padding-top: .75rem; padding-bottom: 0; justify-content: flex-end; }
/* Bannière réduite et centrée, avec de l'air autour (au-dessus, sur les côtés et avant le contenu). */
.dropevent-banner { box-sizing: content-box; max-width: 54rem; margin: 0 auto; padding: 1.5rem 1.5rem 2.5rem; }
@media (max-width: 40rem) { .dropevent-banner { padding: 1rem 1rem 1.5rem; } }
.dropevent-banner a { display: block; }
.dropevent-banner__img { display: block; width: 100%; height: auto; }

.dropevent-organizer { margin: 0; font-weight: 700; font-size: 1.25rem; }

/* Sélecteur de langue : menu déroulant (bouton + liste de liens, motif « disclosure »).
 * Sans JavaScript, la liste reste affichée en ligne. */
.dropevent-header .dropevent-container { flex-wrap: wrap; gap: .75rem 1.5rem; }
.dropevent-langs { position: relative; margin-left: auto; }
.dropevent-flag { display: block; flex: none; width: 20px; height: 15px; object-fit: cover; border: 1px solid #d1d5db; border-radius: 2px; }
.dropevent-langs__list { display: flex; flex-wrap: wrap; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.dropevent-langs__list a,
.dropevent-langs__off { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: 0 .75rem; border-radius: .375rem; }
.dropevent-langs__list a { color: var(--dropevent-accent); text-decoration: underline; text-underline-offset: .2em; }
.dropevent-langs__list a:hover { background: #f3f4f6; }
.dropevent-langs__list a[aria-current="page"] { color: #111827; font-weight: 700; text-decoration: none; }
.dropevent-langs__off { color: #6b7280; text-decoration: line-through; text-decoration-thickness: 1px; }
.dropevent-langs__off .dropevent-flag { opacity: .5; }
.dropevent-langs__toggle { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: 0 .75rem; border: 1px solid #6b7280; border-radius: .375rem; background: #fff; color: #111827; font: inherit; font-weight: 600; cursor: pointer; }
.dropevent-langs__toggle:hover { background: #f3f4f6; }
.dropevent-langs__toggle[hidden] { display: none; }
.dropevent-langs__chevron { transition: transform .15s; }
.dropevent-langs__toggle[aria-expanded="true"] .dropevent-langs__chevron { transform: rotate(180deg); }
.dropevent-langs.is-enhanced .dropevent-langs__list { position: absolute; right: 0; top: calc(100% + .25rem); z-index: 20; display: block; min-width: 12rem; padding: .25rem; background: #fff; border: 1px solid #6b7280; border-radius: .375rem; box-shadow: 0 8px 24px rgba(17, 24, 39, .15); }
.dropevent-langs.is-enhanced .dropevent-langs__list[hidden] { display: none; }
.dropevent-langs.is-enhanced .dropevent-langs__list a[aria-current="page"] { background: #f3f4f6; box-shadow: inset 3px 0 0 var(--dropevent-accent); }
@media (prefers-reduced-motion: reduce) { .dropevent-langs__chevron { transition: none; } }

/* ---------- Hero ---------- */
.dropevent-hero { padding: 2.5rem 0 1.5rem; }
.dropevent-hero h1 {
	margin: 0 0 .75rem;
	font-size: clamp(1.75rem, 1.2rem + 2.4vw, 2.75rem);
	line-height: 1.2;
	color: #111827;
}
.dropevent-lead { margin: 0 0 1.5rem; font-size: 1.1875rem; color: var(--dropevent-muted); max-width: 48rem; }
.dropevent-lead p { margin: 0 0 .5rem; }
.dropevent-lead p:last-child { margin-bottom: 0; }

.dropevent-keyfacts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 1rem;
	margin: 0;
}
.dropevent-keyfacts > div {
	background: var(--dropevent-surface);
	border-left: 4px solid var(--dropevent-accent);
	border-radius: var(--dropevent-radius);
	padding: 1rem 1.25rem;
}
.dropevent-keyfacts dt { font-size: .875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--dropevent-muted); }
.dropevent-keyfacts dd { margin: .25rem 0 0; font-size: 1.0625rem; }
.dropevent-keyfacts time { font-weight: 600; }

/* ---------- Mise en page ---------- */
.dropevent-layout { display: grid; gap: 1.5rem; padding-bottom: 3rem; }
@media (min-width: 60em) {
	.dropevent-layout { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; }
}
.dropevent-details { display: grid; gap: 1.5rem; }

.dropevent-card {
	background: var(--dropevent-surface);
	border-radius: var(--dropevent-radius);
	padding: 1.5rem;
	border: 1px solid #e5e7eb;
}
.dropevent-card h2 { margin: 0 0 1rem; font-size: 1.5rem; line-height: 1.3; color: #111827; }
.dropevent-card h3 { margin: 1.5rem 0 .5rem; font-size: 1.1875rem; color: #111827; }
.dropevent-card h3:first-of-type { margin-top: 0; }
.dropevent-rich > :first-child { margin-top: 0; }

.dropevent-notice {
	margin: 0;
	padding: 1rem;
	border: 2px solid var(--dropevent-text);
	border-radius: var(--dropevent-radius);
	font-weight: 600;
}
.dropevent-seats { font-weight: 700; margin-top: 0; }
.dropevent-privacy { margin-top: 1.5rem; font-size: .9375rem; color: var(--dropevent-muted); }

/* ---------- Plan ---------- */
.dropevent-address { margin-top: 0; }
.dropevent-map {
	position: relative;
	aspect-ratio: 16 / 10;
	border-radius: var(--dropevent-radius);
	overflow: hidden;
	border: 1px solid #d1d5db;
}
.dropevent-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.dropevent-links { margin: 1rem 0 0; padding-left: 1.25rem; }
.dropevent-links li + li { margin-top: .5rem; }
.dropevent-map-note { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #e5e7eb; }
.dropevent-map-note > :last-child { margin-bottom: 0; }

/* ---------- Pied de page ---------- */
.dropevent-footer { background: #111827; color: #f9fafb; padding: 1.5rem 0; font-size: .9375rem; }
.dropevent-footer a { color: #ffffff; }
.dropevent-footer-links { list-style: none; margin: 0 0 .75rem; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
.dropevent-footer p { margin: 0; }
.dropevent-heart { display: inline-block; vertical-align: -.125em; margin: 0 .1em; color: #ef4444; }
@media (forced-colors: active) { .dropevent-heart { color: CanvasText; } }
.dropevent-footer-links a { display: inline-block; padding: .25rem 0; }
.dropevent-newtab { display: inline-block; margin-left: .3em; vertical-align: -.05em; }
.dropevent-backline { margin: 0 0 1rem; }
.dropevent-backline .dropevent-back { display: inline-block; padding: .25rem 0; }
.dropevent-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.dropevent-landing .dropevent-footer a:focus-visible { outline-color: #ffffff; box-shadow: 0 0 0 5px #111827; }

.dropevent-notfound { padding: 4rem 1rem; }

/* ---------- Gravity Forms (thèmes « Gravity Forms 2.5 » et « Orbital ») ---------- */
.dropevent-landing .gform_wrapper {
	--gf-color-primary: var(--dropevent-accent);
	--gf-color-primary-contrast: #ffffff;
	--gf-color-in-ctrl-dark: var(--dropevent-text);
	--gf-ctrl-border-color: var(--dropevent-border);
	--gf-color-danger: var(--dropevent-error);
	--gf-ctrl-label-color-primary: #111827;
	--gf-ctrl-desc-color: var(--dropevent-muted);
	--gf-font-size-primary: 1.0625rem;
	margin: 0;
}

.dropevent-landing .gform_wrapper .gfield_label,
.dropevent-landing .gform_wrapper legend.gfield_label {
	font-weight: 700;
	font-size: 1rem;
	color: #111827;
}

.dropevent-landing .gform_wrapper .gfield_required { color: var(--dropevent-error); font-weight: 400; }
.dropevent-landing .gform_wrapper .gfield_description { color: var(--dropevent-muted); font-size: .9375rem; }

/* Champs de saisie : voir fields.css (définition commune à toute la plateforme). */

.dropevent-landing .gform_wrapper .gform_button,
.dropevent-landing .gform_wrapper input[type="submit"] {
	min-height: 3rem;
	padding: .75rem 1.75rem;
	border: 2px solid transparent;
	border-radius: .375rem;
	background: var(--dropevent-accent);
	color: #ffffff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.dropevent-landing .gform_wrapper .gform_button:hover { filter: brightness(.9); }

.dropevent-landing .gform_wrapper .validation_message,
.dropevent-landing .gform_wrapper .gfield_validation_message { color: var(--dropevent-error); font-weight: 600; }
.dropevent-landing .gform_wrapper .gform_validation_errors { border: 2px solid var(--dropevent-error); border-radius: var(--dropevent-radius); }

.dropevent-landing .gform_confirmation_message {
	padding: 1rem 1.25rem;
	border: 2px solid var(--dropevent-success);
	border-radius: var(--dropevent-radius);
	background: #f0fdf4;
	color: #14532d;
}

/* Captcha ALTCHA, au-dessus du bouton d'envoi */
.dropevent-landing .gform_wrapper .gform_footer { flex-wrap: wrap; }
.dropevent-landing .dropevent-captcha { flex: 1 0 100%; width: 100%; margin: 0 0 1rem; position: relative; }
.dropevent-landing .dropevent-captcha-icon { position: absolute; top: 12px; right: 14px; color: var(--dropevent-accent, #1f4e3d); pointer-events: none; }
.dropevent-landing altcha-widget {
	--altcha-max-width: 100%;
	--altcha-border-radius: .375rem;
	--altcha-color-border: #6b7280;
	--altcha-color-text: #1f2937;
	--altcha-color-error-text: #b91c1c;
	--altcha-color-active: var(--dropevent-accent);
	font-family: var(--dropevent-font, inherit);
	font-size: 1rem;
}
.dropevent-landing .dropevent-captcha-error { margin: .5rem 0 0; color: #b91c1c; font-weight: 600; }

/* Honeypot Gravity Forms : masqué pour tous, y compris lecteurs d'écran. */
.dropevent-landing .gform_validation_container,
.dropevent-landing .gform_wrapper .gfield--type-honeypot { display: none !important; }

/* ---------- Préférences utilisateur ---------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

@media (forced-colors: active) {
	.dropevent-keyfacts > div,
	.dropevent-card,
	.dropevent-notice { border: 1px solid CanvasText; }
	.dropevent-landing .gform_wrapper .gform_button { border: 2px solid ButtonText; }
}

@media print {
	.dropevent-skiplinks, .dropevent-map, .dropevent-form-card, .dropevent-footer { display: none; }
	body.dropevent-landing { background: #fff; }
}

/* ---------- Page « Politique de gestion des données » (mise en page des événements) ---------- */
.dropevent-home { display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
.dropevent-page #dropevent-main { padding: 2rem 0 3rem; }
.dropevent-page-content { max-width: 48rem; margin: 0 auto; padding: 2rem; }
.dropevent-page-content h1 { margin: 0 0 1.5rem; font-size: clamp(1.75rem, 4vw, 2.25rem); line-height: 1.2; color: #111827; }
.dropevent-page-content h2 { margin: 2rem 0 .75rem; font-size: 1.375rem; }
.dropevent-page-content p, .dropevent-page-content ul, .dropevent-page-content ol { margin: 0 0 1rem; }
.dropevent-page-content ul, .dropevent-page-content ol { padding-left: 1.5rem; }
.dropevent-page-content li { margin-bottom: .375rem; }
.dropevent-page-content a { color: var(--dropevent-accent); text-decoration: underline; text-underline-offset: .15em; }
@media (max-width: 40rem) { .dropevent-page-content { padding: 1.25rem; } }

/* Rubrique Contact de la page d'événement */
.dropevent-contact { list-style: none; margin: 0; padding: 0; }
.dropevent-contact li { margin: 0 0 .25rem; overflow-wrap: anywhere; }
.dropevent-contact__label { font-weight: 600; }