/*
Theme Name: Fernseed
Theme URI: https://fernseed.shop
Description: Storefront child theme for Fernseed — a boutique houseplant shop in Portland, OR. Warm greens, serif headings, quiet edges.
Author: Fernseed
Author URI: https://fernseed.shop
Template: storefront
Version: 1.3.2
Text Domain: fernseed
*/

:root {
	--fs-green: #3b6e47;
	--fs-green-dark: #2c5236;
	--fs-cream: #faf7f0;
	--fs-ink: #26302a;
	--fs-clay: #b06a4a;
}

body {
	background-color: var(--fs-cream);
	color: var(--fs-ink);
}

h1, h2, h3, h4, h5, h6,
.site-branding .site-title,
.woocommerce-loop-product__title {
	font-family: Georgia, 'Times New Roman', serif;
	letter-spacing: 0.01em;
}

.site-branding .site-title a,
.site-branding .site-title a:hover {
	color: var(--fs-green-dark);
}

.site-branding .site-description {
	color: #6c7a70;
	font-style: italic;
}

.storefront-primary-navigation,
.main-navigation ul li a,
.site-title a,
ul.menu li a,
.site-branding h1 a {
	color: var(--fs-ink);
}

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

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

a:hover {
	color: var(--fs-green-dark);
}

button, input[type="button"], input[type="submit"], .button,
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.wc-block-components-button:not(.is-link) {
	background-color: var(--fs-green) !important;
	color: #fff !important;
	border-radius: 3px;
}

button:hover, .button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover {
	background-color: var(--fs-green-dark) !important;
}

.onsale, .woocommerce span.onsale {
	background-color: var(--fs-clay);
}

.price, .woocommerce-Price-amount {
	color: var(--fs-green-dark);
}

.site-header, .storefront-primary-navigation {
	background-color: var(--fs-cream);
}

.site-footer {
	background-color: #eef0e9;
	color: #4a564e;
}

.site-footer a {
	color: var(--fs-green-dark);
}

.fernseed-hours {
	font-size: 0.9em;
	margin-top: 0.5em;
}

ul.products li.product img {
	border-radius: 4px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.star-rating span::before, p.stars a:hover::after, p.stars a::after {
	color: var(--fs-clay);
}