/*
 Theme Name:  Holly Parchment (Storefront Child) — Montserrat
 Theme URI:   https://hollyleclair.art/
 Description: Storefront child theme matched to the latest index.html using Montserrat and Shadows Into Light for the brand.
 Author:      Matt + ChatGPT
 Template:    storefront
 Version:     1.1.0
 License:     GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: holly-parchment
*/

:root{
  /* Match the current index.html parchment + accents */
  --bg: #f4f1ec;        /* parchment */
  --ink: #1a1b1f;       /* near-black */
  --muted: #6b7280;     /* slate-ish */
  --line: #e8e2d9;      /* sand divider */
  --accent: #e4572e;    /* terracotta (burnt orange family) */
  --radius: 18px;
  --shadow: 0 10px 30px rgba(0,0,0,.06);
  --sidebar-w: 224px;
}

/* Base typography: Montserrat everywhere; brand uses Shadows Into Light */
body{
  background: var(--bg);
  color: var(--ink);
  font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
}
a{ color: var(--ink); text-decoration: none; }
a:hover{ opacity:.9; }

/* Buttons rounded to match chips */
.button, .added_to_cart, button, input[type=submit]{
  border-radius: 12px;
}

/* Corner orb like the portfolio */
.corner-orb{
  position:fixed; top:-18vmin; left:-18vmin;
  width:36vmin; height:36vmin; border-radius:50%;
  background: radial-gradient(circle at 55% 45%, #ffe1cf 0%, #ffeadb 55%, rgba(255,234,219,0) 70%);
  pointer-events:none; z-index:0;
  filter:saturate(1.05);
}

/* Layout: left sidebar */
.site-header, .storefront-primary-navigation{ display:none; } /* hide Storefront header */
#content{ margin-left: var(--sidebar-w); }
.holly-sidebar{
  position: fixed; inset: 0 auto 0 0; width: var(--sidebar-w); height: 100vh;
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  backdrop-filter: blur(8px);
  border-right: 1px solid var(--line);
  display:flex; flex-direction:column; gap:14px; align-items:center;
  padding:20px 14px; z-index:5;
}
.holly-brand{
  font-weight:700; letter-spacing:.02em;
  font-family: "Shadows Into Light", "Montserrat", ui-sans-serif, system-ui;
  font-size: 28px;
}
.holly-vnav{ display:flex; flex-direction:column; gap:6px; width:100%; align-items:stretch; margin-top:6px; }
.holly-vnav a{
  text-decoration:none; color:var(--ink);
  padding:10px 12px; border-radius:12px;
  border:1px solid transparent; text-align:center;
}
.holly-vnav a:hover{ background:#ffffff70; }
.holly-meta{ font-size:12px; color:#7a7a7a; text-align:center; width:100%; }

/* WooCommerce look */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
  background: var(--accent);
  color: #fff;
  border: 1px solid color-mix(in srgb, #000 0%, var(--accent));
  padding: .6rem 1rem;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  filter: brightness(.95);
}

.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:700;
}

.woocommerce ul.products li.product, .woocommerce div.product{
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  padding: 12px;
  box-shadow: var(--shadow);
}

.woocommerce .quantity .qty{ border-radius:10px; }

/* Footer */
.site-footer{
  border-top:1px solid var(--line);
  background: var(--bg);
  color: var(--muted);
}

/* Responsive */
@media (max-width: 900px){
  #content{ margin-left: 0; }
  .holly-sidebar{
    position: sticky; top:0; width:100%; height:auto; border-right:none; border-bottom:1px solid var(--line);
    flex-direction:column; gap:12px; z-index: 20;
  }
  .holly-vnav{ flex-direction:row; justify-content:center; gap:12px; }
}