/**
 * Custom Styling für WPUM Notice-Banner
 * Mehr Höhe und bessere Abstände je nach Kontext
 * 
 * @package DeinVaterbuch
 * @version 1.0.0
 */

/* 
 * Basis-Styling für alle WPUM-Messages
 * Mehr Padding für bessere Lesbarkeit
 */
.wpum-message {
	padding: 30px 50px 30px 30px !important;
	margin-top: 60px !important;
	margin-bottom: 40px !important;
	font-size: 17px !important;
	line-height: 1.7 !important;
	border-radius: 10px !important;
}

.wpum-message p {
	margin: 0 !important;
	font-size: 16px !important;
}

/* 
 * Success-Messages in passendem DeinVaterbuch-Grün
 */
.wpum-message.success {
	background-color: #d4edda !important;
	border: 2px solid #c3e6cb !important;
	color: #155724 !important;
}

/* 
 * Error-Messages in sanftem Rot
 */
.wpum-message.error {
	background-color: #f8d7da !important;
	border: 2px solid #f5c6cb !important;
	color: #721c24 !important;
}

/* 
 * Info-Messages in freundlichem Blau
 */
.wpum-message.info {
	background-color: #d1ecf1 !important;
	border: 2px solid #bee5eb !important;
	color: #0c5460 !important;
}

/* 
 * Warning-Messages in warmem Orange
 */
.wpum-message.warning {
	background-color: #fff3cd !important;
	border: 2px solid #ffeaa7 !important;
	color: #856404 !important;
}

/* 
 * SPEZIAL: Wenn die Notice ALLEINE steht (kein Content danach)
 * = Nach Passwort-Reset, nach erfolgreicher Registrierung, etc.
 * Dann MASSIG Abstand nach unten, damit sie nicht am Header klebt
 */
.wpum-message:last-child,
.wpum-message:only-child {
	margin-bottom: 200px !important;
	min-height: 100px !important;
	padding: 40px 50px 40px 40px !important;
}

/* 
 * Wenn die Notice VOR einem Form steht
 * = Login-Fehler, Registrierungs-Fehler, etc.
 * Dann nur minimaler Abstand (Standard 30px bleibt)
 */
.wpum-message + .wpum-form,
.wpum-message + form,
.wpum-message + .wpum-login-form,
.wpum-message + .wpum-registration-form,
.wpum-message + .wpum-password-recovery-form {
	margin-top: 20px !important;
}

/* 
 * Responsive: Auf Mobile etwas weniger Padding
 */
@media (max-width: 768px) {
	.wpum-message {
		padding: 24px 30px 24px 24px !important;
		margin-top: 40px !important;
		font-size: 15px !important;
	}
	
	.wpum-message:last-child,
	.wpum-message:only-child {
		margin-bottom: 120px !important;
		padding: 30px 30px 30px 30px !important;
	}
}

/* 
 * Links in Messages besser stylen
 */
.wpum-message a {
	color: inherit !important;
	text-decoration: underline !important;
	font-weight: 600 !important;
}

.wpum-message a:hover {
	opacity: 0.8 !important;
}