/*
Theme Name: SFCBL Fan Gear
Theme URI: https://sfcbl.com
Template: hello-elementor
Author: SFCBL
Author URI: https://sfcbl.com
Description: South Florida Collegiate Baseball League fan gear & apparel storefront. Hello Elementor child theme tuned for WooCommerce with a warm-neutral editorial palette (bone / ink / clay), Fraunces + Inter typography, and the 16 SFCBL teams pre-registered as product categories.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sfcbl-fangear
Tags: woocommerce, elementor, e-commerce, two-columns, custom-colors, custom-logo, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
*/

/* ==========================================================================
   SFCBL Design Tokens — also exposed to Elementor via Global Colors/Fonts.
   These mirror the Lovable design reference (src/styles.css).
   ========================================================================== */
:root {
  --sfcbl-bone:        #f7f3ea;   /* warm off-white */
  --sfcbl-bone-soft:   #fbf8f1;
  --sfcbl-ink:         #1d1a17;   /* deep warm charcoal */
  --sfcbl-ink-soft:    #2a2622;
  --sfcbl-stone:       #e8e2d4;   /* warm border / secondary */
  --sfcbl-stone-soft:  #efeae0;
  --sfcbl-muted:       #6e655a;   /* muted text */
  --sfcbl-clay:        #b06a3b;   /* burnt clay accent */
  --sfcbl-clay-soft:   #c98859;

  --sfcbl-font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --sfcbl-font-sans:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --sfcbl-tracking-display: -0.03em;
  --sfcbl-tracking-eyebrow:  0.22em;

  --sfcbl-radius: 0.5rem;
  --sfcbl-shadow-soft: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);
  --sfcbl-shadow-lift: 0 12px 40px rgba(0,0,0,.12);
}

/* ==========================================================================
   Base typography — applied site-wide so non-Elementor pages still look right
   ========================================================================== */
body,
body.elementor-default {
  background-color: var(--sfcbl-bone);
  color: var(--sfcbl-ink);
  font-family: var(--sfcbl-font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4,
.elementor-heading-title {
  font-family: var(--sfcbl-font-display);
  letter-spacing: var(--sfcbl-tracking-display);
  font-weight: 500;
  color: var(--sfcbl-ink);
}

.sfcbl-eyebrow,
.eyebrow {
  font-family: var(--sfcbl-font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--sfcbl-tracking-eyebrow);
  color: var(--sfcbl-muted);
}

::selection { background: var(--sfcbl-clay); color: var(--sfcbl-bone); }

/* ==========================================================================
   WooCommerce — refine defaults to match the editorial neutral system
   ========================================================================== */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--sfcbl-font-display);
  font-weight: 500;
  letter-spacing: var(--sfcbl-tracking-display);
  color: var(--sfcbl-ink);
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--sfcbl-ink);
  font-weight: 500;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--sfcbl-ink);
  color: var(--sfcbl-bone);
  border-radius: var(--sfcbl-radius);
  font-family: var(--sfcbl-font-sans);
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
  padding: 0.85em 1.5em;
  transition: background-color .2s ease, transform .15s ease;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background-color: var(--sfcbl-clay);
  color: var(--sfcbl-bone);
}

.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--sfcbl-clay);
  background: var(--sfcbl-stone-soft);
  color: var(--sfcbl-ink);
}

.woocommerce-message::before,
.woocommerce-info::before { color: var(--sfcbl-clay); }

/* Team category swatch helper (used by [sfcbl_team_grid] shortcode) */
.sfcbl-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1rem;
}
.sfcbl-team-card {
  display: flex; align-items: center; gap: .75rem;
  padding: .85rem 1rem;
  border: 1px solid var(--sfcbl-stone);
  background: var(--sfcbl-bone-soft);
  border-radius: var(--sfcbl-radius);
  text-decoration: none;
  color: var(--sfcbl-ink);
  transition: border-color .2s ease, transform .15s ease;
}
.sfcbl-team-card:hover { border-color: var(--sfcbl-ink); }
.sfcbl-team-swatch {
  width: 12px; height: 12px; border-radius: 999px;
  box-shadow: 0 0 0 2px var(--sfcbl-bone);
  flex-shrink: 0;
}
.sfcbl-team-name { font-size: .92rem; font-weight: 500; }

/* custom below */