/* ==========================================================================
   DoctorCura Design – [dcd_updates]: aanmelden voor nieuwe behandelmogelijkheden (voorpagina, direct onder de hero)
   Specificiteit bewust hoger dan Hello reset.css en de Elementor-kit (input/button-stijlen).
   ========================================================================== */
.e-con.dcd-section.dcd-section--updates { padding-top: 0 !important; padding-bottom: 44px !important; }
.dcd-updates {
	position: relative; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px; align-items: center;
	padding: 24px 26px; border-radius: var(--dcd-radius-lg); overflow: hidden; color: #fff;
	background: radial-gradient(420px 260px at 100% 0%, rgba(255, 122, 89, .28), transparent 65%), linear-gradient(135deg, var(--dcd-navy) 0%, var(--dcd-blue-700) 58%, var(--dcd-blue) 100%);
	box-shadow: var(--dcd-shadow-lg);
}
.dcd-updates__intro { display: flex; align-items: center; gap: 18px; min-width: 0; }
.dcd-updates__text { display: flex; flex-direction: column; gap: 7px; min-width: 0; }

/* Tablet: groot sfeerbeeld dat langzaam kantelt en zweeft, met een gloed en af en toe een glans die eroverheen loopt. */
.dcd-updates__pill { position: relative; display: block; flex: none; width: clamp(116px, 13vw, 168px); height: clamp(116px, 13vw, 168px); perspective: 900px; }
.dcd-updates__pill-glow {
	position: absolute; inset: -26%; border-radius: 50%; pointer-events: none;
	background: radial-gradient(closest-side, rgba(255, 255, 255, .5), rgba(255, 150, 110, .3) 48%, rgba(110, 170, 255, .22) 66%, transparent 80%);
	animation: dcd-pill-glow 6s ease-in-out infinite;
}
.dcd-updates__pill-stage { position: absolute; inset: 0; display: block; transform-style: preserve-3d; animation: dcd-pill-tilt 11s ease-in-out infinite; }
.dcd-updates__pill-body {
	position: absolute; inset: 4%; display: block; border-radius: 50%; overflow: hidden;
	background: radial-gradient(62% 58% at 30% 24%, #fff 0%, #f6f1e8 38%, #eadfcd 68%, #cdbfa8 100%);
	box-shadow:
		inset 0 -14px 24px rgba(92, 66, 30, .3),
		inset 0 12px 20px rgba(255, 255, 255, .95),
		inset -10px 0 18px rgba(120, 92, 54, .18),
		0 32px 44px -22px rgba(3, 18, 48, .85);
}
/* Rand van de tablet: dun lichtvlak langs de onderkant, zodat het geen platte schijf lijkt. */
.dcd-updates__pill-body::after {
	content: ""; position: absolute; inset: 0; border-radius: 50%;
	background: linear-gradient(190deg, rgba(255, 255, 255, .5) 0 18%, transparent 38%, rgba(96, 68, 32, .22) 88%);
	mix-blend-mode: soft-light;
}
.dcd-updates__pill-score {
	position: absolute; top: 14%; bottom: 14%; left: 50%; width: 4px; margin-left: -2px; border-radius: 4px;
	background: linear-gradient(to bottom, rgba(140, 112, 70, 0), rgba(128, 100, 58, .5) 16%, rgba(128, 100, 58, .5) 84%, rgba(140, 112, 70, 0));
	box-shadow: 1px 0 0 rgba(255, 255, 255, .7);
}
.dcd-updates__pill-shine {
	position: absolute; top: -60%; left: -120%; width: 62%; height: 220%; transform: rotate(18deg);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9), rgba(255, 255, 255, 0));
	animation: dcd-pill-shine 6s ease-in-out infinite;
}
@keyframes dcd-pill-tilt {
	0%, 100% { transform: rotateY(-26deg) rotateX(12deg) rotateZ(-4deg) translateY(0); }
	50%      { transform: rotateY(26deg) rotateX(-8deg) rotateZ(4deg) translateY(-10px); }
}
@keyframes dcd-pill-glow {
	0%, 100% { opacity: .45; transform: scale(.94); }
	50%      { opacity: .9; transform: scale(1.04); }
}
@keyframes dcd-pill-shine {
	0%, 62%  { left: -120%; }
	88%, 100% { left: 150%; }
}
@media (prefers-reduced-motion: reduce) {
	.dcd-updates__pill-stage, .dcd-updates__pill-glow, .dcd-updates__pill-shine { animation: none; }
	.dcd-updates__pill-stage { transform: rotateY(-14deg) rotateX(6deg); }
	.dcd-updates__pill-glow { opacity: .7; }
}
.dcd-updates__eyebrow {
	align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 5px 11px; border-radius: 999px;
	background: rgba(255, 255, 255, .14); font: 700 11.5px/1 var(--dcd-font); letter-spacing: .1em; text-transform: uppercase; color: #fff;
}
.dcd-updates__eyebrow .dcd-icon { width: 15px; height: 15px; color: var(--dcd-coral); }
.dcd-updates .dcd-updates__intro h2 {
	margin: 2px 0 0 !important; font: 800 clamp(20px, 2vw, 26px)/1.2 var(--dcd-font-head) !important; letter-spacing: -.02em; color: #fff !important;
	text-wrap: balance; hyphens: auto; overflow-wrap: break-word;
}
.dcd-updates .dcd-updates__intro p { margin: 0 !important; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .88) !important; max-width: 46ch; }
.dcd-updates__box { min-width: 0; padding: 18px; border-radius: 20px; background: #fff; color: var(--dcd-ink); box-shadow: 0 18px 40px -22px rgba(0, 0, 0, .45); }
.dcd-updates__form { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.dcd-updates__row { display: flex; gap: 10px; align-items: flex-end; }
.dcd-updates__field { flex: 1 1 auto; display: flex; flex-direction: column; gap: 6px; min-width: 0; font: 600 13px/1.2 var(--dcd-font); color: var(--dcd-navy); }
.dcd-updates .dcd-updates__form .dcd-updates__field input[type="email"] {
	width: 100%; height: 48px; padding: 0 14px; border: 1px solid #b9c6de; border-radius: 14px; background: #f7f9fe; box-shadow: none;
	font: 500 15px/1.2 var(--dcd-font); color: var(--dcd-ink); transition: border-color .2s, box-shadow .2s, background .2s;
}
.dcd-updates .dcd-updates__form .dcd-updates__field input[type="email"]:focus { outline: none; border-color: var(--dcd-blue); background: #fff; box-shadow: 0 0 0 4px rgba(5, 96, 255, .15); }
.dcd-updates .dcd-updates__form button.dcd-updates__submit,
.dcd-updates .dcd-updates__form button.dcd-updates__submit:hover,
.dcd-updates .dcd-updates__form button.dcd-updates__submit:focus {
	flex: none; display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 20px; border: 0; border-radius: 999px; cursor: pointer;
	font: 700 15px/1 var(--dcd-font); color: #fff; text-transform: none; letter-spacing: normal; white-space: nowrap;
}
.dcd-updates .dcd-updates__form button.dcd-updates__submit { background: var(--dcd-blue); box-shadow: 0 12px 24px -12px rgba(5, 96, 255, .9); }
.dcd-updates .dcd-updates__form button.dcd-updates__submit:hover,
.dcd-updates .dcd-updates__form button.dcd-updates__submit:focus { background: var(--dcd-blue-600); }
.dcd-updates .dcd-updates__form button.dcd-updates__submit:focus-visible { outline: 2px solid var(--dcd-navy); outline-offset: 2px; }
.dcd-updates__submit .dcd-icon { width: 18px; height: 18px; }
.dcd-updates__consent { display: flex; gap: 10px; align-items: flex-start; margin: 0; font: 400 13px/1.5 var(--dcd-font); color: var(--dcd-muted); cursor: pointer; }
.dcd-updates .dcd-updates__consent input[type="checkbox"] { flex: none; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--dcd-blue); }
.dcd-updates__consent a { color: var(--dcd-blue) !important; text-decoration: underline !important; }
.dcd-updates__note { margin: 0 !important; font-size: 12.5px; color: var(--dcd-muted); }
.dcd-updates__notice { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 12px !important; padding: 12px 14px; border-radius: 14px; font: 600 14px/1.45 var(--dcd-font); }
.dcd-updates__notice .dcd-icon { flex: none; width: 18px; height: 18px; margin-top: 1px; }
.dcd-updates__notice.is-ok { background: var(--dcd-mint-50); color: #0b6b4c; }
.dcd-updates__notice.is-error { background: #fff4ef; color: #a33a1c; }
.dcd-updates__notice:only-child { margin: 0 !important; }
.dcd-updates__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 1024px) {
	.dcd-updates { grid-template-columns: minmax(0, 1fr); padding: 26px 22px; gap: 20px; }
}
@media (max-width: 767px) {
	.e-con.dcd-section.dcd-section--updates { padding-bottom: 40px !important; }
	.dcd-updates { padding: 22px 16px; border-radius: 20px; }
	/* Telefoon: tablet boven de tekst, anders breekt de lange Duitse kop midden in een woord. */
	.dcd-updates__intro { flex-direction: column; align-items: flex-start; gap: 14px; }
	.dcd-updates__pill { width: 124px; height: 124px; margin: 2px 0 0 4px; }
	.dcd-updates__box { padding: 16px; }
	.dcd-updates__row { flex-direction: column; align-items: stretch; }
	.dcd-updates .dcd-updates__form button.dcd-updates__submit { justify-content: center; width: 100%; }
}

/* Voorpagina 0.6.6: het blok staat links in een rij van twee, met rechts de kop van de behandelbereiken. */
.e-con.dcd-startseite-updates { text-align: left; align-items: center; }
.dcd-startseite-updates .dcd-updates { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 22px; text-align: left; }
.dcd-startseite-updates .dcd-updates__pill { width: clamp(104px, 9vw, 132px); height: clamp(104px, 9vw, 132px); }
@media (max-width: 1024px) {
	.e-con.dcd-startseite-updates { text-align: inherit; }
}