/*
Theme Name: Amber Flutes
Theme URI: https://amberflutes.com
Author: Amber Flutes
Author URI: https://amberflutes.com
Description: Premium artisan WordPress theme for Amber Flutes — handcrafted bamboo instruments. Supports WooCommerce for shop pages.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amber-flutes
Tags: e-commerce, blog, woocommerce, custom-menu, featured-images, custom-logo, full-width-template
WC requires at least: 7.0
WC tested up to: 9.0
*/

/* ──────────────────────────────
   Material Symbols
────────────────────────────── */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* ──────────────────────────────
   Base
────────────────────────────── */
body {
    background-color: #f7faf5;
    color: #191c1a;
    -webkit-font-smoothing: antialiased;
}

/* ──────────────────────────────
   Hero Gradient
────────────────────────────── */
.hero-gradient {
    background: linear-gradient(180deg, rgba(247,250,245,0) 0%, rgba(247,250,245,0.9) 100%);
}

/* ──────────────────────────────
   Custom Scrollbar
────────────────────────────── */
.custom-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f7faf5; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #47614a; border-radius: 9999px; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f7faf5; }
::-webkit-scrollbar-thumb { background: #47614a; border-radius: 9999px; }

/* ──────────────────────────────
   Journal / Blog texture overlay
────────────────────────────── */
.journal-texture {
    background-image: url("https://www.transparenttextures.com/patterns/felt.png");
    opacity: 0.03;
    pointer-events: none;
}

/* ──────────────────────────────
   WooCommerce overrides
────────────────────────────── */
.woocommerce-result-count,
.woocommerce-ordering {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 14px;
    color: #434842;
}
.woocommerce-ordering select {
    border-color: #c3c8bf;
    border-radius: 0.5rem;
    background-color: #f7faf5;
    color: #191c1a;
    padding: 0.4rem 0.75rem;
}
.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #c3c8bf;
    border-radius: 0.5rem;
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 14px;
    color: #47614a;
    background: transparent;
    transition: background 0.2s;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #cceacc;
    border-color: #47614a;
    color: #07200e;
}
.woocommerce-breadcrumb {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 14px;
    color: #737971;
}
.woocommerce-breadcrumb a {
    color: #47614a;
}
/* single product */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 1rem;
    border-bottom: 1px solid #c3c8bf;
    padding: 0;
    margin: 0 0 1.5rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent;
    border: none;
    border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Hanken Grotesk', sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #434842;
    padding: 0.5rem 0;
    border-bottom: 2px solid transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #47614a;
    border-bottom-color: #47614a;
}
/* notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border-top-color: #47614a;
    font-family: 'Hanken Grotesk', sans-serif;
}

/* ──────────────────────────────
   Mobile nav
────────────────────────────── */
#mobile-menu {
    display: none;
}
#mobile-menu.open {
    display: block;
}