/*
Theme Name: Netrevven Storefront
Description: RTL Hebrew storefront styling for Netrevven.
Template: storefront
Version: 1.0.0
Text Domain: netrevven-storefront
*/

:root {
	--nr-ink: #171717;
	--nr-muted: #6f6f6f;
	--nr-line: #e8e8e8;
	--nr-sand: #f7f5f2;
	--nr-accent: #b88b54;
}

body {
	color: var(--nr-ink);
	font-family: Arial, "Noto Sans Hebrew", sans-serif;
}

.site-header {
	background: #fff;
	border-bottom: 1px solid var(--nr-line);
	margin-bottom: 0;
	padding: 1.25rem 0;
}

.site-header .site-branding {
	margin-bottom: 0;
}

.site-header .site-title {
	font-size: 1.45rem;
	font-weight: 700;
	letter-spacing: .02em;
}

.site-header .site-title a,
.site-header .site-title a:hover {
	color: var(--nr-ink);
}

.storefront-primary-navigation,
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
	color: var(--nr-ink);
	font-weight: 600;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
	padding: 1rem .8rem;
}

.site-header-cart .cart-contents {
	color: var(--nr-ink);
	font-weight: 600;
}

.site-content {
	padding-top: 3rem;
}

.storefront-breadcrumb {
	background: var(--nr-sand);
	margin: 0;
	padding: .85rem 0;
}

.storefront-breadcrumb .col-full {
	color: var(--nr-muted);
	font-size: .9rem;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.added_to_cart {
	background: var(--nr-ink);
	border-radius: 0;
	color: #fff;
	font-weight: 700;
	padding: .85rem 1.4rem;
	transition: background .2s ease;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.added_to_cart:hover {
	background: var(--nr-accent);
	color: #fff;
}

ul.products li.product {
	margin-bottom: 3.5rem;
	text-align: right;
}

ul.products li.product img {
	background: var(--nr-sand);
	border-radius: 2px;
	margin-bottom: 1rem;
}

ul.products li.product .woocommerce-loop-product__title {
	color: var(--nr-ink);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.55;
	padding: 0;
}

ul.products li.product .price {
	color: var(--nr-muted);
	font-size: .95rem;
	font-weight: 600;
}

.single-product div.product .product_title {
	font-weight: 700;
	letter-spacing: 0;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: 0;
}

.site-footer {
	background: var(--nr-ink);
	color: #eee;
	padding: 2.5rem 0;
}

.site-footer a {
	color: #fff;
}

@media (max-width: 767px) {
	.site-header {
		padding: .9rem 0;
	}

	.site-content {
		padding-top: 2rem;
	}

	ul.products li.product {
		margin-bottom: 2.25rem;
	}
}