.dierennood-laposta-dialog {
	max-width: 640px;
}

#dierennoodLapostaModal .modal-title {
	font-size: 1.75rem;
}

#dierennoodLapostaModal .modal-content {
	position: relative;
	overflow: hidden;
}

#dierennoodLapostaModal .dierennood-laposta-close {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 5;
	padding: 0.5rem;
	background-color: rgba( 255, 255, 255, 0.85 );
	border-radius: 50%;
	opacity: 1;
}

#dierennoodLapostaModal .dierennood-laposta-content {
	flex: 1 1 auto;
}

#dierennoodLapostaModal .dierennood-laposta-image {
	flex: 0 0 auto;
}

/* The global `img { border-radius }` rule (theme sass/_custom.scss) rounds
   all four corners — below 576px the image sits above the text content
   (order-1), so only its bottom edge touches that content and needs
   squaring off; the top corners are a real outer edge and stay rounded. */
#dierennoodLapostaModal .dierennood-laposta-image img {
	display: block;
	width: 100%;
	height: 160px;
	object-fit: cover;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

@media ( min-width: 576px ) {
	#dierennoodLapostaModal .dierennood-laposta-image {
		flex: 0 0 42%;
	}

	/* At 576px+ the image moves to the right of the text (order-sm-2) —
	   its left edge is now the one touching content, not the bottom, so
	   square that off instead and restore the bottom-right corner (a real
	   outer edge again here). */
	#dierennoodLapostaModal .dierennood-laposta-image img {
		height: 100%;
		min-height: 320px;
		border-top-left-radius: 0;
		border-bottom-right-radius: var( --bs-border-radius-xl );
	}
}

#dierennoodLapostaModal .dierennood-laposta-feedback {
	min-height: 1.25em;
}