/*
Theme Name: Dobry Ogród (Storefront Child)
Theme URI: https://zacisznykat.pl
Description: Motyw potomny Storefront dla sklepu Dobry Ogród. Paleta marki: ciemna zieleń #1F3D2B, kremowa biel #FAF7F0, musztardowe zloto #C8A13A. Wieksza czcionka i wysoki kontrast pod odbiorce 50-70 lat.
Author: Dobry Ogród
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/

:root {
	--do-green: #1F3D2B;
	--do-green-dark: #162C1F;
	--do-cream: #FAF7F0;
	--do-gold: #C8A13A;
	--do-gold-dark: #A9852A;
	--do-text: #23331F;
}

/* --- Podstawy: kremowe tlo, czytelny tekst, wieksza czcionka --- */
body,
body.woocommerce-page {
	background-color: var(--do-cream);
	color: var(--do-text);
	font-size: 1.05em;
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.site-title, .entry-title, .product_title,
.woocommerce div.product .product_title {
	color: var(--do-green);
}

a {
	color: var(--do-green);
}

a:hover,
a:focus {
	color: var(--do-gold-dark);
}

/* --- Naglowek --- */
.site-header {
	background-color: var(--do-green);
	border-bottom: 4px solid var(--do-gold);
}

.site-header,
.site-header a,
.site-title a,
.site-header .site-branding a,
.storefront-primary-navigation,
.main-navigation ul li a,
.site-header-cart .cart-contents,
.site-header .widget a {
	color: var(--do-cream);
}

.main-navigation ul li a:hover,
.site-header a:hover,
.site-header-cart .cart-contents:hover {
	color: var(--do-gold);
}

.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.nav-menu > li.current-menu-item > a {
	color: var(--do-gold);
}

/* pasek nawigacji pod naglowkiem */
.storefront-primary-navigation,
.main-navigation {
	background-color: var(--do-green-dark);
}

/* --- Przyciski --- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--do-green);
	color: var(--do-cream);
	border: 2px solid var(--do-green);
	border-radius: 4px;
	font-weight: 600;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover,
.added_to_cart:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--do-gold);
	color: var(--do-green);
	border-color: var(--do-gold);
}

/* --- Ceny i etykieta promocji --- */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--do-green);
	font-weight: 700;
}

.woocommerce span.onsale {
	background-color: var(--do-gold);
	color: var(--do-green);
}

/* --- Stopka --- */
.site-footer {
	background-color: var(--do-green);
	color: var(--do-cream);
	border-top: 4px solid var(--do-gold);
}

.site-footer a {
	color: var(--do-cream);
}

.site-footer a:hover {
	color: var(--do-gold);
}

/* --- Drobne akcenty --- */
.storefront-handheld-footer-bar,
.storefront-handheld-footer-bar ul li > a,
.storefront-handheld-footer-bar ul li > a:before {
	background-color: var(--do-green);
	color: var(--do-cream);
}

.onsale,
.wc-block-grid__product-onsale {
	background-color: var(--do-gold);
	color: var(--do-green);
}