/*
 * Widget / shortcode Op deze dag. Body-tekst als Harald (18px).
 * Foto kant-tot-kant met object-fit: cover. Titel-link: gestippeld
 * zoals fu-link-hint / woorden in verslagen.
 */
.fortuna-otd {
	--otd-green: var(--fu-green, #005930);
	--otd-yellow: #f5d000;
	--otd-text: rgba(0, 0, 0, 0.5);
	--otd-link: #546958;
	margin: 0;
}

.fortuna-otd__head {
	background: var(--otd-green);
	color: var(--otd-yellow);
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 10px 14px;
	line-height: 1.2;
}

.fortuna-otd__body {
	background: #fff;
	padding: 0 0 20px;
	overflow: hidden;
}

/*
 * Full-bleed: breedte via padding-bottom (4:3), img absoluut + cover.
 * Zo kromp max-height/aspect-ratio de breedte niet meer.
 */
.fortuna-otd__photo,
.et_pb_widget .fortuna-otd__photo,
.et_pb_extra_column_sidebar .fortuna-otd__photo {
	display: block;
	position: relative;
	width: 100% !important;
	max-width: none !important;
	max-height: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 0 75% !important; /* 4:3 */
	line-height: 0;
	overflow: hidden;
	background: #e8eee9;
	aspect-ratio: auto !important;
}

.fortuna-otd__photo img,
.et_pb_widget .fortuna-otd__photo img,
.et_pb_extra_column_sidebar .fortuna-otd__photo img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover;
	object-position: center;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.fortuna-otd__intro,
.fortuna-otd__title {
	margin: 0 0 0.4em;
	padding: 0 16px;
	color: var(--otd-text);
	font-size: 18px;
	line-height: 1.6;
	font-weight: 400;
}

.fortuna-otd__intro {
	padding-top: 16px;
}

.fortuna-otd__title {
	margin: 0;
}

/* Geen foto: zelfde bovenruimte. */
.fortuna-otd__body > .fortuna-otd__intro:first-child,
.fortuna-otd__body > .fortuna-otd__title:first-child {
	padding-top: 16px;
}

/* Zelfde formaat als Harald; gestippelde onderstreping als verslag-links. */
.fortuna-otd__title a,
.fortuna-otd__title a.fu-link-hint,
.widget_fortuna_op_deze_dag .fortuna-otd__title a,
.et_pb_widget.widget_fortuna_op_deze_dag .fortuna-otd__title a,
.et_pb_extra_column_sidebar .fortuna-otd__title a {
	color: var(--otd-link) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	text-decoration-line: underline !important;
	text-decoration-style: dotted !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px !important;
}

.fortuna-otd__title a:hover,
.fortuna-otd__title a:focus,
.fortuna-otd__title a.fu-link-hint:hover,
.fortuna-otd__title a.fu-link-hint:focus,
.widget_fortuna_op_deze_dag .fortuna-otd__title a:hover,
.widget_fortuna_op_deze_dag .fortuna-otd__title a:focus,
.et_pb_extra_column_sidebar .fortuna-otd__title a:hover,
.et_pb_extra_column_sidebar .fortuna-otd__title a:focus {
	color: var(--otd-green) !important;
	text-decoration-style: solid !important;
}

/* Als Extra al een widgettitel toont: geen dubbele witruimte bovenaan. */
.widget_fortuna_op_deze_dag .fortuna-otd__body {
	padding-top: 0;
}

/* Tot REST klaar is: geen lege groene kop (page-cache + AJAX). */
.widget_fortuna_op_deze_dag:has(.fortuna-otd-mount:not(.fortuna-otd-mount--ready)) {
	display: none;
}

.fortuna-otd-mount:not(.fortuna-otd-mount--ready) {
	min-height: 0;
}