/* KIBiS – Einheitliche Directorist-Rückmeldungen
 * Gilt für Frontend-Formulare, Dashboard, Eintragsansicht und Claim-Prozess.
 */

body .directorist-alert,
body .atbdp-flush-message-item,
body .directorist-contact-message-display,
body #directorist-report-abuse-message-display > *,
body .directorist-form-feedback,
body .directorist-register-error,
body #directorist-claimer__submit-notification.text-success,
body #directorist-claimer__warning-notification.text-warning {
	box-sizing: border-box;
	margin: 0 0 1.25rem;
	padding: 1rem 1.125rem;
	border: 1px solid rgba(102, 199, 232, 0.7);
	border-left: 5px solid var(--kibis-light-blue, #66c7e8);
	border-radius: 8px;
	background: var(--kibis-card, #1a287a);
	color: var(--kibis-white, #ffffff);
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.55;
	box-shadow: 0 6px 18px rgba(8, 7, 95, 0.16);
}

body .atbdp-flush-message-container {
	margin: 0 0 1.5rem;
}

body .atbdp-flush-message-container .atbdp-flush-message-item {
	margin-bottom: 0.75rem;
}

body .directorist-alert :is(p, span, strong, a),
body .atbdp-flush-message-item :is(p, span, strong, a),
body .directorist-contact-message-display :is(p, span, strong, a),
body #directorist-report-abuse-message-display :is(p, span, strong, a),
body .directorist-form-feedback :is(p, span, strong, a),
body .directorist-register-error :is(p, span, strong, a) {
	color: inherit;
}

body .directorist-alert a,
body .atbdp-flush-message-item a,
body .directorist-contact-message-display a,
body #directorist-report-abuse-message-display a,
body .directorist-form-feedback a,
body .directorist-register-error a {
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body .directorist-alert-success,
body .atbdp-flush-message-item.type-success,
body .atbdp-flush-message-item.type-succes,
body .directorist-contact-message-display.success,
body #directorist-report-abuse-message-display .success {
	border-color: rgba(97, 211, 138, 0.8);
	border-left-color: #61d38a;
	background: var(--kibis-card, #1a287a);
}

body #directorist-claimer__submit-notification.text-success {
	border-color: rgba(97, 211, 138, 0.8);
	border-left-color: #61d38a;
	background: var(--kibis-card, #1a287a);
}

/* Directorist behält die Erfolgs-Klasse beim erneuten Öffnen des Modals,
 * leert aber seinen Inhalt. Solche Platzhalter dürfen nicht sichtbar sein. */
body #directorist-claimer__submit-notification.text-success:empty {
	display: none;
}

body .directorist-alert-danger,
body .atbdp-flush-message-item.type-error,
body .atbdp-flush-message-item.type-danger,
body .atbdp-flush-message-item.type-failed,
body .directorist-contact-message-display.error,
body #directorist-report-abuse-message-display .error,
body .directorist-register-error {
	border-color: rgba(255, 120, 144, 0.8);
	border-left-color: #ff7890;
	background: #8d1830;
}

body #directorist-claimer__warning-notification.text-warning {
	border-color: rgba(255, 191, 47, 0.85);
	border-left-color: #ffbf2f;
	background: var(--kibis-card, #1a287a);
	color: var(--kibis-white, #ffffff);
}

body .directorist-alert-warning,
body .atbdp-flush-message-item.type-warning,
body .atbdp-flush-message-item.type-notice {
	border-color: rgba(255, 191, 47, 0.85);
	border-left-color: #ffbf2f;
}

body .directorist-alert-info,
body .atbdp-flush-message-item.type-info {
	border-left-color: var(--kibis-light-blue, #66c7e8);
}

body .directorist-alert__close {
	margin-left: 0.75rem;
	padding: 0.15rem 0.45rem;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: inherit;
	font-size: 1.35rem;
	line-height: 1;
}

body .directorist-alert__close:hover,
body .directorist-alert__close:focus-visible {
	background: rgba(255, 255, 255, 0.16);
}

body .directorist-alert__close:focus-visible,
body .directorist-alert :is(a, button):focus-visible,
body .atbdp-flush-message-item a:focus-visible {
	outline: 3px solid #ffbf2f;
	outline-offset: 3px;
}

@media (max-width: 600px) {
	body .directorist-alert,
	body .atbdp-flush-message-item,
	body .directorist-contact-message-display,
	body #directorist-report-abuse-message-display > *,
	body .directorist-form-feedback,
	body .directorist-register-error,
	body #directorist-claimer__submit-notification.text-success,
	body #directorist-claimer__warning-notification.text-warning {
		padding: 0.875rem 1rem;
	}
}