/* Site-wide: white header so the JPEG logo box does not sit on grey. */

.header-wrapper,
#header,
#header .header-builder,
#header .vc_custom_1658242022390 {
	background-color: #fff !important;
}

#header .logo {
	overflow: hidden;
	background: #fff;
}

#header .logo img {
	background: #fff;
	transform: scale(1.14);
	transform-origin: center center;
}

/* My Account + Woo notices: brand buttons instead of blocky black/red bars. */

.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 16px;
}

.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
	position: static;
	margin: 0;
}

.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info a.button,
.woocommerce-message a.button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account a.woocommerce-Button,
.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-message .button {
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	min-height: 40px;
	margin: 0 !important;
	padding: 10px 18px !important;
	border: none !important;
	border-radius: 4px !important;
	background-color: #a22523 !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
	line-height: 1.2 !important;
	text-transform: none !important;
	text-decoration: none !important;
	white-space: nowrap;
	box-shadow: none !important;
}

.woocommerce-info .button:hover,
.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account a.woocommerce-Button:hover,
.woocommerce-info a.button:hover {
	background-color: #7d1c1a !important;
	color: #fff !important;
}

.woocommerce-account .btn.btn-special {
	border-radius: 4px;
	font-weight: 600;
}

.woocommerce-LostPassword a {
	color: #a22523;
	font-weight: 600;
}

.woocommerce-LostPassword a:hover {
	color: #7d1c1a;
}
