/* NachladenBlue — minimale Anpassungen, Rest ist Bootstrap 5 */

body { background: #f0f4f8; }

header {
	background: #0D6EFD;
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

footer {
	background: #0D6EFD;
	color: rgba(255,255,255,0.92);
}
footer a { color: #fff; }
footer p { margin-bottom: 0.25rem; }

/* intl-tel-input: volle Breite im Bootstrap-Grid */
.iti { width: 100%; }

/* WA-Nummer ausblenden wenn nicht benötigt */
#wa_block { display: none; }

/* Fehler-Blinken */
@keyframes blink-border {
	0%, 100% { box-shadow: 0 0 0 3px rgba(220,53,69,0.85); border-color: #dc3545; }
	50%       { box-shadow: none;                            border-color: #dc3545; }
}
.field-error {
	border-color: #dc3545 !important;
	animation: blink-border 0.65s ease-in-out 5;
	box-shadow: 0 0 0 2px rgba(220,53,69,0.3) !important;
}
.provider-error label {
	border-color: #dc3545 !important;
	animation: blink-border 0.65s ease-in-out 5;
}

/* Provider-Auswahl */
.provider-card input[type="radio"] { display: none; }
.provider-card label {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	padding: 1.25rem 0.75rem;
	border: 2px solid #dee2e6;
	border-radius: 12px;
	cursor: pointer;
	transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
	background: #fff;
	min-height: 130px;
	width: 100%;
	text-align: center;
}
.provider-card label:hover {
	border-color: #adb5bd;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.provider-card label img {
	max-height: 56px;
	max-width: 100%;
	object-fit: contain;
}
.provider-card .provider-name {
	font-weight: 700;
	font-size: 0.9rem;
	color: #333;
}