/* Deenote Divi Timer — analoog + digitaal */

.dac-wrapper {
	display: inline-block;
	width: 100%;
	text-align: center;
}

/* ── Titel ────────────────────────────────────────────────────────────────────────── */
.dac-title {
	display: block;
	margin-bottom: 0.5em;
}

/* ── Analoge klok SVG ──────────────────────────────────────────────────────── */
.dac-clock {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/* Fade-out bij countdown = 0 (klok + ringen + centrum verdwijnen zacht) */
.dac-clock,
.dac-concentric-svg,
.dac-center-content {
	transition: opacity 0.5s ease;
}
.dac-finishing .dac-clock,
.dac-finishing .dac-concentric-svg,
.dac-finishing .dac-center-content {
	opacity: 0;
}

/* Wijzer-transitie pas actief nadat JS de beginpositie heeft gezet */
.dac-initialized .dac-hand-hour,
.dac-initialized .dac-hand-minute {
	transition: transform 0.6s cubic-bezier( 0.4, 0, 0.2, 1 );
}

/* Tick-modus: subtiel stuitertje */
.dac-initialized:not( .dac-sweep ) .dac-hand-second {
	transition: transform 0.25s cubic-bezier( 0.4, 2.08, 0.55, 0.44 );
}

/* Sweep-modus: JS update elke 50 ms, geen CSS-transitie nodig */
.dac-sweep .dac-hand-second {
	transition: none;
}

/* ── Digitale concentrische ringen ───────────────────────────────────────────────────────── */
.dac-concentric {
	display: inline-block;
	line-height: 0; /* verwijder inline-block witruimte */
	position: relative;
}

.dac-concentric-svg {
	display: block;
	max-width: 100%;
	height: auto;
}

/* ── HTML centrum-overlay ─────────────────────────────────────────────────── */
.dac-center-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	text-align: center;
	pointer-events: none;
	width: 47%;
	line-height: 1;
}

.dac-center-date,
.dac-center-unit {
	display: block;
}

.dac-center-date-value,
.dac-center-unit-value {
	display: block;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	line-height: 1;
}

.dac-center-date-label,
.dac-center-unit-label {
	display: block;
	font-size: 10px;
	color: #888888;
	line-height: 1.4;
	margin-top: 2px;
}

/* Voortgangsboog-transitie: pas actief nadat JS beginpositie heeft gezet */
.dac-initialized .dac-arc-days,
.dac-initialized .dac-arc-hours,
.dac-initialized .dac-arc-minutes {
	transition: stroke-dashoffset 0.6s ease;
}

/* Seconden-boog sweept via JS elke 50 ms — geen CSS-transitie */
.dac-arc-seconds {
	transition: none;
}

/* ── Ring-groep fade: depleted eenheden vervagen zacht ────────────────────── */
/* Initieel (vóór dac-initialized): direct tonen zonder animatie             */
.dac-ring-done {
	opacity: 0.12;
}

/* Ná initialisatie: smooth fade bij runtime-overgang                        */
.dac-initialized .dac-ring-group {
	transition: opacity 0.8s ease;
}

/* ── Afteltekst ───────────────────────────────────────────────────────────────────────── */
.dac-countdown-text {
	display: block;
	margin-top: 0.6em;
	text-align: center;
	line-height: 1;
}

/* Elke afteleenheid op z'n eigen regel */
.dac-ct-row {
	display: block;
	font-size: 15px;
	color: #888888;
	line-height: 1.6;
}

.dac-ct-val {
	/* erft font van .dac-ct-row of Divi afteltekst-instelling */
}

.dac-ct-lbl {
	/* erft font van .dac-ct-row of Divi afteltekst-instelling */
}

/* ── Afgewerkt bericht ──────────────────────────────────────────────────────────────────── */
.dac-finished {
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em 1em;
}

/* Module centreert netjes in een Divi kolom */
.et_pb_module.dac_analog_countdown {
	text-align: center;
}