/* Noorderwind Events: aanmeldblok (.nw-registration), aftelklok en meldingen.
   Bouwt op de --nw-* tokens van de brandkit, met fallbackwaarden. */

.nw-registration{
	--_navy:var(--nw-navy-950,#0E1B2C);
	--_body:var(--nw-text-body,#3A4A5E);
	--_muted:var(--nw-text-muted,#5E6E82);
	--_sky50:var(--nw-sky-50,#F0F8FC);
	--_sky100:var(--nw-sky-100,#DDF1FA);
	--_line:var(--nw-border-subtle,#E1E8EF);
	--_cyan:var(--nw-cyan-500,#12BCEE);
	--_accent:var(--nw-blue-700,#17709F);
	position:relative;
	display:flex;flex-direction:column;gap:20px;
	padding:clamp(20px,4vw,40px);
	border-radius:var(--nw-radius-lg,24px);
	background:var(--_sky50);
	color:var(--_body);
	font-family:var(--nw-font-sans,"Outfit",system-ui,sans-serif);
	box-sizing:border-box;
}
.nw-registration *,.nw-registration *::before,.nw-registration *::after{box-sizing:border-box}
.nw-registration--afgelopen,.nw-registration--gesloten,.nw-registration--vol{background:var(--_sky50)}

.nw-registration__head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.nw-registration__title{margin:0;font-size:clamp(26px,3.4vw,36px);line-height:1.15;font-weight:700;letter-spacing:-0.02em;color:var(--_navy)}
.nw-registration__body{display:flex;flex-direction:column;gap:20px}
.nw-registration__lead{margin:0;font-size:18px;line-height:1.6;color:var(--_body);max-width:60ch}
.nw-registration__text{font-size:17px;line-height:1.6;color:var(--_body);max-width:70ch}
.nw-registration__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.nw-registration__actions:empty{display:none}
.nw-registration__cta{display:flex}

/* Formulierkaart */
.nw-registration__card{
	padding:8px;
	border-radius:var(--nw-radius-lg,24px);
	background:var(--nw-white,#fff);
	box-shadow:var(--nw-shadow-sm,0 1px 2px rgba(14,27,44,.04),0 6px 16px -4px rgba(14,27,44,.08));
	overflow:hidden;
}
.nw-registration__frame{display:block;width:100%;min-height:480px;border:0;border-radius:var(--nw-radius-md,16px);background:var(--nw-white,#fff)}
.nw-registration__newtab{margin:0;font-size:15px}
.nw-registration__newtab a{display:inline-flex;align-items:center;gap:8px;color:var(--_accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.nw-registration__newtab a:hover{color:var(--_navy)}
.nw-registration a:focus-visible{outline:none;box-shadow:var(--nw-shadow-focus,0 0 0 4px rgba(18,188,238,.35));border-radius:var(--nw-radius-xs,8px)}

/* Beheerdershint */
.nw-registration__admin-hint{
	display:flex;gap:10px;align-items:flex-start;margin:0;padding:12px 16px;
	border-radius:var(--nw-radius-md,16px);background:var(--nw-white,#fff);
	border:1px dashed var(--nw-border-strong,#C8D3DE);font-size:14px;line-height:1.5;color:var(--_muted);
}
.nw-registration__admin-hint svg{flex:none;margin-top:2px}

/* Aftelklok */
.nw-countdown{display:flex;flex-direction:column;gap:12px}
.nw-countdown__units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:520px}
.nw-countdown__unit{
	display:flex;flex-direction:column;align-items:center;gap:2px;
	padding:16px 8px;border-radius:var(--nw-radius-md,16px);
	background:var(--nw-white,#fff);box-shadow:var(--nw-shadow-xs,0 1px 2px rgba(14,27,44,.06));
}
.nw-countdown__num{font-size:clamp(28px,6vw,44px);line-height:1;font-weight:800;letter-spacing:-0.03em;color:var(--_navy);font-variant-numeric:tabular-nums}
.nw-countdown__label{font-size:13px;font-weight:500;color:var(--_muted)}
.nw-countdown__text{margin:0;font-size:16px;font-weight:600;color:var(--_accent)}

@media (max-width:520px){
	.nw-registration{border-radius:var(--nw-radius-md,16px)}
	.nw-countdown__units{gap:8px}
	.nw-countdown__unit{padding:12px 4px}
	.nw-registration__actions .nw-btn{width:100%}
	.nw-registration__frame{min-height:420px}
}

/* Hulpklasse voor als het thema .nw-sr-only niet levert */
.nw-registration .nw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}