@font-face {
	font-family: Figtree;
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("fonts/Figtree-Variable.woff2") format("woff2");
}

@font-face {
	font-family: Figtree;
	font-style: italic;
	font-weight: 300 900;
	font-display: swap;
	src: url("fonts/Figtree-Italic-Variable.woff2") format("woff2");
}

/* Active Shopify theme settings, shared by all WooCommerce templates and blocks. */
:root {
	--tochadas-color-background: #fcfcfc;
	--tochadas-color-text: #020912;
	--tochadas-color-button: #020912;
	--tochadas-color-button-text: #fcfcfc;
	--tochadas-color-secondary-button-text: #020912;
	--tochadas-color-shadow: #020912;
	--tochadas-page-width: 1400px;
	--tochadas-section-gap: 20px;
	--tochadas-grid-gap: 24px;
	--tochadas-button-radius: 0px;
	--tochadas-input-radius: 0px;
	--tochadas-pill-radius: 40px;
}

/* Shopify scheme 1 is the light page and header background. */
.tochadas-color-scheme-1 {
	--tochadas-color-background: #fcfcfc;
	--tochadas-color-text: #020912;
	--tochadas-color-button: #020912;
	--tochadas-color-button-text: #fcfcfc;
	--tochadas-color-secondary-button-text: #020912;
	--tochadas-color-shadow: #020912;
}

/* Scheme 2 is the yellow tasa bar; scheme 4 is the dark announcement and footer. */
.tochadas-color-scheme-2 {
	--tochadas-color-background: #fcf101;
	--tochadas-color-text: #020912;
	--tochadas-color-button: #020912;
	--tochadas-color-button-text: #e4f6ff;
	--tochadas-color-secondary-button-text: #020912;
	--tochadas-color-shadow: #020912;
}

.tochadas-color-scheme-4 {
	--tochadas-color-background: #020912;
	--tochadas-color-text: #fcfcfc;
	--tochadas-color-button: #fcfcfc;
	--tochadas-color-button-text: #020912;
	--tochadas-color-secondary-button-text: #fcfcfc;
	--tochadas-color-shadow: #020912;
}

:where(.tochadas-color-scheme-1, .tochadas-color-scheme-2, .tochadas-color-scheme-4) {
	background-color: var(--tochadas-color-background);
	color: var(--tochadas-color-text);
}

:where(.tochadas-color-scheme-1, .tochadas-color-scheme-2, .tochadas-color-scheme-4) .wp-element-button {
	background-color: var(--tochadas-color-button);
	color: var(--tochadas-color-button-text);
}

:where(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
	border-radius: var(--tochadas-input-radius);
}

.woocommerce-cart main .wp-block-woocommerce-cart {
	box-sizing: border-box;
	width: min(1240px, calc(100% - 48px));
	max-width: none;
	margin: 40px auto;
	padding: 24px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	background: #fff;
}

@media (max-width: 749px) {
	.woocommerce-cart main .wp-block-woocommerce-cart {
		width: calc(100% - 32px);
		margin: 24px auto;
		padding: 16px;
	}
}

@media (max-width: 749px) {
	body {
		font-size: 15px;
	}
}

/* Shared storefront notices for WooCommerce Blocks and classic flows. */
body:not(.wp-admin) .wc-block-components-notice-banner {
	--tochadas-notice-accent: #315f9a;
	--tochadas-notice-border: var(--tochadas-notice-accent);
	align-items: center;
	gap: 12px;
	margin: 12px 0 18px;
	padding: 13px 15px !important;
	border: 1px solid #e5e9ee;
	border-left: 3px solid var(--tochadas-notice-border);
	border-radius: 12px;
	background: #fff;
	box-shadow: none;
	color: #25313d;
	font-size: 14px;
	line-height: 1.45;
}

body:not(.wp-admin) .wc-block-components-notice-banner.is-error {
	--tochadas-notice-accent: #b53343;
	--tochadas-notice-border: #b53343;
	border-color: #b53343;
}

body:not(.wp-admin) .wc-block-components-notice-banner.is-warning {
	--tochadas-notice-accent: #a86617;
}

body:not(.wp-admin) .wc-block-components-notice-banner.is-success {
	--tochadas-notice-accent: #267a4b;
}

body:not(.wp-admin) .wc-block-components-notice-banner > svg {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	padding: 6px;
	border-radius: 10px;
	background: var(--tochadas-notice-accent);
	fill: #fff;
}

body:not(.wp-admin) .wc-block-components-notice-banner > .wc-block-components-notice-banner__content {
	min-width: 0;
	padding-right: 0;
}

body:not(.wp-admin) .wc-block-components-notice-banner__content a,
body:not(.wp-admin) .wc-block-components-notice-banner__content .wc-forward {
	color: var(--tochadas-notice-accent) !important;
	font-weight: 600;
	text-underline-offset: 2px;
}

body:not(.wp-admin) :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) {
	box-sizing: border-box;
	margin: 12px 0 18px !important;
	padding: 14px 16px 14px 48px !important;
	border: 1px solid #e5e9ee;
	border-left: 3px solid #315f9a;
	border-radius: 12px;
	background: #fff;
	box-shadow: none;
	color: #25313d;
	font-size: 14px;
	line-height: 1.45;
}

body:not(.wp-admin) .woocommerce-error {
	border-color: #b53343;
}

body:not(.wp-admin) .woocommerce-message {
	border-left-color: #267a4b;
}

body:not(.wp-admin) :is(.woocommerce-error, .woocommerce-info, .woocommerce-message)::before {
	top: 14px;
	left: 17px;
	color: #315f9a;
}

body:not(.wp-admin) .woocommerce-error::before {
	color: #b53343;
}

body:not(.wp-admin) .woocommerce-message::before {
	color: #267a4b;
}
