/*
Theme Name: CheckMyCarrier
Theme URI: https://checkmycarrier.de/
Author: Antigravity
Author URI: https://checkmycarrier.de/
Description: Ein maßgeschneidertes, ultra-schnelles Landingpage-Theme für CheckMyCarrier. Basiert auf modernem CSS/JS und bietet native Customizer-Integration sowie automatischen Media-Import.
Version: 1.0.0
Text Domain: checkmycarrier
*/

/* Reset basic styles for default fallback content if needed */
body {
	margin: 0;
	padding: 0;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   WooCommerce Notification and Alert Box Styling Overrides (NO BLUE)
   ========================================================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice,
.woocommerce-NoticeGroup,
.woocommerce-NoticeGroup-item,
.wc-block-components-notice-banner {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	padding: 16px 22px !important;
	border-radius: 12px !important;
	margin: 0 0 24px 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	box-shadow: none !important;
	outline: none !important;
	position: relative !important;
}

/* Success Notices */
.woocommerce-message,
.woocommerce-notice--success,
.wc-block-components-notice-banner.is-success {
	background-color: #f0fdf4 !important; /* Soft pastel green */
	border: 1px solid #bbf7d0 !important;
	border-left: 6px solid #78c327 !important; /* Brand green */
	color: #166534 !important;
}

/* Informational Notices (No Blue) */
.woocommerce-info,
.woocommerce-notice--info,
.wc-block-components-notice-banner.is-info {
	background-color: #f0fdf4 !important; /* Soft pastel green */
	border: 1px solid #bbf7d0 !important;
	border-left: 6px solid #78c327 !important; /* Brand green */
	color: #166534 !important;
}

/* Error/Failure Notices */
.woocommerce-error,
.woocommerce-notice--error,
.wc-block-components-notice-banner.is-error {
	background-color: #fef2f2 !important; /* Soft pastel red */
	border: 1px solid #fecaca !important;
	border-left: 6px solid #ef4444 !important; /* Red accent */
	color: #991b1b !important;
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 22px !important;
	flex-direction: column !important;
	align-items: flex-start !important;
}

.woocommerce-error li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	list-style-type: none !important;
}

/* Ensure notice icons match content color */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	color: inherit !important;
	font-size: 18px !important;
	line-height: 1 !important;
	margin-top: 2px !important;
	position: static !important; /* Overwrite WC absolute positioning */
}

/* Button override inside notices */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
	margin-left: auto !important;
	background-color: #111827 !important;
	color: #ffffff !important;
	border: none !important;
	padding: 8px 16px !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	transition: background-color 200ms ease !important;
	text-decoration: none !important;
	display: inline-block !important;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover {
	background-color: #9ec043 !important;
	color: #ffffff !important;
}