/*
Theme Name: Lily's Berries
Theme URI: https://lilysberries.com
Author: Lily's Berries
Author URI: https://lilysberries.com
Description: Official WordPress & WooCommerce theme for Lily's Berries.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
WC requires at least: 7.0
WC tested up to: 9.3
License: Proprietary — Lily's Berries
Text Domain: lilysberries
*/

:root {
  --lb-obsidian: #242833;
  --lb-midnight: #121212;
  --lb-travertine: #F1EEE9;
  --lb-alabaster: #FAF8F5;
  --lb-emerald: #1F5A4A;
  --lb-emerald-hover: #164437;
  --lb-gold: #C8A96A;
  --lb-ruby: #7A1C2E;
  --lb-pill-radius: 40px;
}

body.woocommerce,
body {
  background-color: var(--lb-alabaster);
  color: var(--lb-obsidian);
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .serif-heading, .woocommerce-loop-product__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  letter-spacing: 0.03em;
}

/* NX Selection Botanical Emerald Primary Buttons */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.lb-btn-emerald {
  background-color: var(--lb-emerald) !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 11px !important;
  font-weight: 500 !important;
  padding: 16px 28px !important;
  transition: all 0.3s ease;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.lb-btn-emerald:hover {
  background-color: var(--lb-emerald-hover) !important;
}

/* Pill-shaped Variant Swatches (--variant-pills-radius: 40px) */
.lb-variant-pill,
.woocommerce div.product form.cart .variations select {
  border-radius: var(--lb-pill-radius) !important;
  border: 1px solid rgba(36, 40, 51, 0.22);
  padding: 8px 18px;
  font-size: 12px;
  background: #FFFFFF;
  color: var(--lb-obsidian);
}

/* Warm Travertine Product Cards */
.woocommerce ul.products li.product {
  background-color: var(--lb-travertine);
  border: 1px solid rgba(36, 40, 51, 0.08);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -15px rgba(36, 40, 51, 0.14);
}