/*
Theme Name: Novofurn Shop
Theme URI: https://novofurn.com
Author: Novofurn
Author URI: https://novofurn.com
Description: A calm, fast webshop theme for furniture retailers. Made for WooCommerce and the Novofurn plugin: product pages show delivery time and product safety, and the front page is ready to sell from day one. Change colours, fonts and texts in Appearance → Editor.
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: novofurn-shop
Tags: e-commerce, block-patterns, full-site-editing, wide-blocks, translation-ready
*/

/* Small refinements theme.json cannot express. */
:where(.wp-site-blocks) *:focus-visible { outline: 2px solid var(--wp--preset--color--accent-2); outline-offset: 2px; }

.nf-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.nf-notice { font-size: var(--wp--preset--font-size--small); }
.nf-notice p { margin: 0; }

.nf-hero { overflow: hidden; }
.nf-hero .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.nf-hero-placeholder { aspect-ratio: 4 / 3; border-radius: var(--wp--custom--radius); background: linear-gradient(135deg, var(--wp--preset--color--accent-tint), var(--wp--preset--color--base-2)); }
.nf-eyebrow { text-transform: uppercase; letter-spacing: 0.12em; font-weight: 600; }

.nf-usps { border-top: 1px solid var(--wp--preset--color--line); border-bottom: 1px solid var(--wp--preset--color--line); }
.nf-usps h3 { font-size: var(--wp--preset--font-size--medium); margin-bottom: 0.25rem; }
.nf-usps p { margin-top: 0; color: var(--wp--preset--color--contrast-2); font-size: var(--wp--preset--font-size--small); }
.nf-usp-icon { width: 28px; height: 28px; color: var(--wp--preset--color--accent); }

.nf-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 1rem; list-style: none; padding: 0; margin: 0; }
.nf-cats a { display: block; padding: 1.25rem 1.25rem 1.1rem; border-radius: var(--wp--custom--radius); background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--line); text-decoration: none; color: var(--wp--preset--color--contrast); font-weight: 600; transition: border-color .15s, transform .15s; }
.nf-cats a:hover { border-color: var(--wp--preset--color--accent); transform: translateY(-2px); }
.nf-cats small { display: block; font-weight: 400; color: var(--wp--preset--color--contrast-2); }

.wc-block-product-template .wc-block-components-product-image img,
.wc-block-product-template .wp-block-woocommerce-product-image img { aspect-ratio: 1; object-fit: cover; border-radius: var(--wp--custom--radius); background: var(--wp--preset--color--surface); }
.wc-block-product-template .wp-block-post-title { font-size: var(--wp--preset--font-size--medium) !important; font-weight: 600; }

.nf-footer a { color: inherit; text-decoration: none; }
.nf-footer a:hover { text-decoration: underline; }
.nf-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.4rem; }
.nf-footer h2 { font-size: var(--wp--preset--font-size--medium); }

/* Delivery time and product safety from the Novofurn plugin */
.novofurn-availability { font-size: var(--wp--preset--font-size--small); }

/* WooCommerce store notice for the demo */
.woocommerce-store-notice, p.demo_store { background: var(--wp--preset--color--accent-2) !important; color: var(--wp--preset--color--contrast) !important; font-family: inherit; }
.woocommerce-store-notice a { color: inherit !important; }

@media (max-width: 781px) {
	.nf-hero .wp-block-columns { flex-direction: column-reverse; }
}

.nf-footer h2.wp-block-heading { margin-bottom: 0.75rem; }
.nf-header .wp-block-search__button { background: transparent; color: var(--wp--preset--color--contrast); padding: 0.4rem; border: 0; }
.nf-header .wp-block-search__button:hover { background: var(--wp--preset--color--base-2); }
.nf-header .wc-block-mini-cart__button { padding: 0.4rem; }
.single-product h1.wp-block-post-title, .single-product .product_title { font-size: var(--wp--preset--font-size--x-large) !important; }
.nf-footer ul { font-size: var(--wp--preset--font-size--small); }