/**
 * Bundaberg Health Foods brand overrides.
 */

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/Manrope-400.ttf") format("truetype");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/Manrope-500.ttf") format("truetype");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/Manrope-600.ttf") format("truetype");
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/Manrope-700.ttf") format("truetype");
}

:root {
	--dc-colour-bg: #f7f6f1;
	--dc-colour-surface: #ffffff;
	--dc-colour-text: #202421;
	--dc-colour-muted: #5a635c;
	--dc-colour-brand: #173e32;
	--dc-colour-brand-dark: #0f2a22;
	--dc-colour-botanical: #6c9366;
	--dc-colour-accent: #f2b84b;
	--dc-colour-success: #3d7a4a;
	--dc-colour-warning: #d4a017;
	--dc-colour-error: #b42318;
	--dc-colour-focus: #173e32;
	--dc-colour-border: rgba(32, 36, 33, 0.12);
	--dc-font-body: "Manrope", system-ui, sans-serif;
	--dc-font-display: "Manrope", system-ui, sans-serif;
}

.dc-announcement {
	background: var(--dc-colour-brand);
}

.dc-btn--primary {
	background: var(--dc-colour-brand);
	color: #fff;
}

.dc-btn--primary:hover {
	background: var(--dc-colour-brand-dark);
}

.dc-btn--secondary {
	border-color: var(--dc-colour-brand);
	color: var(--dc-colour-brand);
}

.dc-btn--secondary:hover {
	border-color: var(--dc-colour-accent);
	color: var(--dc-colour-text);
	background: color-mix(in srgb, var(--dc-colour-accent) 22%, transparent);
}

.dc-hero--bleed .dc-hero__eyebrow {
	color: var(--dc-colour-accent);
}

.dc-header__cart-count,
.dc-product-card__badge:not([class*="--"]) {
	background: var(--dc-colour-accent);
	color: var(--dc-colour-text);
}

.dc-product-card__badge--sale {
	background: var(--dc-colour-error);
	color: #fff;
}

.dc-product-card__script {
	background: color-mix(in srgb, var(--dc-colour-botanical) 18%, var(--dc-colour-surface));
	color: var(--dc-colour-brand);
	border: 1px solid color-mix(in srgb, var(--dc-colour-botanical) 40%, transparent);
}

.dc-footer {
	background: var(--dc-colour-brand-dark);
}

.dc-header__logo img.custom-logo {
	height: 44px;
	width: auto;
	max-width: 200px;
	/* Artwork is white; invert to brand-dark for the light header. */
	filter: brightness(0);
}

.dc-trust {
	background: color-mix(in srgb, var(--dc-colour-botanical) 10%, var(--dc-colour-bg));
}

.dc-story {
	background: var(--dc-colour-surface);
}

a:hover {
	color: var(--dc-colour-botanical);
}

.dc-section-header__title::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 3px;
	margin-top: var(--dc-space-3);
	background: var(--dc-colour-accent);
	border-radius: 2px;
}