/*
Theme Name: Gizmo Bazaar
Template: blocksy
Text Domain: gizmo-bazaar
Version: 1.0.0
Description: Child-thema van Blocksy voor de webshop Gizmo Bazaar.
*/

@font-face { font-family: "Cinzel"; src: url("assets/fonts/cinzel.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("assets/fonts/cormorant-garamond.woff2") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("assets/fonts/cormorant-garamond-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Lato"; src: url("assets/fonts/lato-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("assets/fonts/lato-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Lato"; src: url("assets/fonts/lato-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

:root:root {
	--gb-primair: #1f6f5c;
	--gb-secundair: #d8a440;
	--gb-tertiair: #c8643b;
	--gb-achtergrond-licht: #fbf7ef;
	--gb-achtergrond-donker: #12302a;
	--gb-tekst-primair: #1e2a26;
	--gb-tekst-secundair: #5e6b66;
	--gb-succes: #2e9e6b;
	--gb-waarschuwing: #d2493f;

	--gb-font-titel: "Cinzel", Georgia, serif;
	--gb-font-tekst: "Lato", Arial, sans-serif;
	--gb-font-ondertekst: "Cormorant Garamond", Georgia, serif;

	--theme-palette-color-1: var(--gb-primair);
	--theme-palette-color-2: var(--gb-secundair);
	--theme-palette-color-3: var(--gb-tekst-primair);
	--theme-palette-color-4: var(--gb-achtergrond-donker);
	--theme-palette-color-5: #e8dfcc;
	--theme-palette-color-6: var(--gb-achtergrond-licht);
	--theme-palette-color-7: var(--gb-achtergrond-licht);
	--theme-palette-color-8: #ffffff;

	--theme-font-family: var(--gb-font-tekst);
}

body {
	background-color: var(--gb-achtergrond-licht);
	color: var(--gb-tekst-primair);
	font-family: var(--gb-font-tekst);
}

h1, h2, h3, h4, h5, h6, .entry-title, .product_title {
	font-family: var(--gb-font-titel);
}

.site-title a, .ct-header [data-id="menu"] > ul > li > a {
	color: var(--gb-primair);
}

.entry-excerpt, .page-description, .woocommerce-product-details__short-description, .wp-block-post-excerpt {
	font-family: var(--gb-font-ondertekst);
	color: var(--gb-tekst-secundair);
}

.ct-footer {
	background-color: var(--gb-achtergrond-donker);
}

.add_to_cart_button, .single_add_to_cart_button {
	--theme-button-background-initial-color: var(--gb-secundair);
	--theme-button-background-hover-color: var(--gb-tertiair);
}

.woocommerce .onsale, .onsale {
	background-color: var(--gb-waarschuwing);
	color: #ffffff;
}

.star-rating, .price ins {
	color: var(--gb-tertiair);
}

.stock.in-stock {
	color: var(--gb-succes);
}

.stock.out-of-stock {
	color: var(--gb-waarschuwing);
}

.woocommerce-message {
	border-color: var(--gb-succes);
}