/* WooCommerce-meldingen in de Uwish-huisstijl (blauw, navy, geel) */
body .woocommerce-notices-wrapper:empty { display: none; }
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error,
body .breakdance-woocommerce .woocommerce-message,
body .breakdance-woocommerce .woocommerce-info,
body .breakdance-woocommerce .woocommerce-error {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 16px;
	margin: 0 0 24px;
	padding: 16px 20px 16px 64px;
	list-style: none;
	background: #fff !important;
	color: #14213d !important;
	border: 1px solid #dbe4f0 !important;
	border-left: 5px solid #0c67cc !important;
	border-radius: 14px;
	box-shadow: 0 10px 30px -18px rgba(20, 33, 61, .35);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
}
body .woocommerce-message::before,
body .woocommerce-info::before,
body .woocommerce-error::before,
body .breakdance-woocommerce .woocommerce-message::before,
body .breakdance-woocommerce .woocommerce-info::before,
body .breakdance-woocommerce .woocommerce-error::before {
	content: "" !important;
	position: absolute;
	left: 18px;
	top: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0;
	border-radius: 50%;
	background: #0c67cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 16px no-repeat;
	font-size: 0;
	color: transparent;
}
/* info: navy met i-icoon */
body .woocommerce-info, body .breakdance-woocommerce .woocommerce-info { border-left-color: #14213d !important; }
body .woocommerce-info::before, body .breakdance-woocommerce .woocommerce-info::before {
	background: #14213d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7h.01'/%3E%3C/svg%3E") center / 16px no-repeat;
}
/* fout: rood met uitroepteken */
body .woocommerce-error, body .breakdance-woocommerce .woocommerce-error { border-left-color: #d92d20 !important; flex-direction: column; align-items: flex-start; }
body .woocommerce-error::before, body .breakdance-woocommerce .woocommerce-error::before {
	top: 18px;
	margin-top: 0;
	background: #d92d20 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 17h.01'/%3E%3C/svg%3E") center / 16px no-repeat;
}
body .woocommerce-error li { margin: 0; padding: 0; }
/* knop in de melding: gele CTA zoals op de rest van de site */
body .woocommerce-message .button,
body .woocommerce-info .button,
body .woocommerce-message a.wc-forward,
body .breakdance-woocommerce .woocommerce-message .button,
body .breakdance-woocommerce .woocommerce-info .button {
	order: 2;
	margin-left: auto !important;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #f5b83d !important;
	color: #14213d !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	text-decoration: none !important;
	box-shadow: 0 8px 18px -8px rgba(245, 184, 61, .8);
	transition: background .15s, transform .15s;
	float: none !important;
}
body .woocommerce-message .button:hover,
body .woocommerce-info .button:hover,
body .breakdance-woocommerce .woocommerce-message .button:hover { background: #eaa91f !important; transform: translateY(-1px); }
body .woocommerce-message a:not(.button),
body .woocommerce-info a:not(.button),
body .woocommerce-error a:not(.button) { color: #0c67cc; font-weight: 700; }
@media (max-width: 600px) {
	body .woocommerce-message, body .woocommerce-info, body .woocommerce-error,
	body .breakdance-woocommerce .woocommerce-message, body .breakdance-woocommerce .woocommerce-info, body .breakdance-woocommerce .woocommerce-error {
		padding: 14px 16px 14px 58px; font-size: 15px;
	}
	body .woocommerce-message .button, body .woocommerce-info .button,
	body .breakdance-woocommerce .woocommerce-message .button { margin-left: 0 !important; }
}

/* header: knoppen op één regel nu er een extra menutab is */
.bde-header-builder .bde-button .button-atom, .bde-header-builder .bde-button a { white-space: nowrap; }
@media (min-width: 1024px) and (max-width: 1360px) {
	.bde-header-builder .bde-menu .breakdance-menu-link, .bde-header-builder .bde-menu .breakdance-dropdown-toggle { padding-left: 10px !important; padding-right: 10px !important; }
	.bde-header-builder .bde-button .button-atom { padding-left: 14px !important; padding-right: 14px !important; font-size: 14px !important; }
}
