/*
Theme Name: Collectors Club
Theme URI: https://collectorsclub.it.com
Description: Custom WooCommerce theme for Collectors Club — certified Morgan & Peace silver dollars. Dark + gold collector aesthetic, APMEX-style product pages, delivery-tier pricing, bilingual EN/ES-MX.
Author: Collectors Club
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: collectorsclub
*/

/* ============ Design Tokens ============ */
:root{
  /* LIGHT content palette (gs-jj style) */
  --cc-bg:#ffffff;
  --cc-bg-2:#f6f4ef;        /* warm light alt sections */
  --cc-panel:#ffffff;       /* cards */
  --cc-line:#e7e2d8;        /* light borders */
  --cc-ink:#1b1f27;         /* dark text */
  --cc-ink-soft:#52565f;
  --cc-muted:#9a9ea7;
  --cc-gold:#e07b2a;        /* ORANGE accent */
  --cc-gold-2:#f2922f;      /* hover orange */
  --cc-gold-deep:#bd5f15;
  --cc-red:#c0392b;
  --cc-green:#2e9e6b;
  /* dark surfaces (header / footer / banner) */
  --cc-dark:#10131a;
  --cc-dark-2:#171b24;
  --cc-dark-line:#2a2f3a;
  --cc-dark-ink:#eef0f3;
  --cc-dark-ink-soft:#c2c6cf;
  --cc-radius:10px;
  --cc-shadow:0 8px 30px rgba(0,0,0,.35);
  --cc-wrap:1280px;
  --cc-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --cc-sans:"Inter","Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:var(--cc-sans);color:var(--cc-ink);
  background:var(--cc-bg);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--cc-serif);font-weight:700;line-height:1.15;margin:0 0 .5em}
.cc-wrap{max-width:var(--cc-wrap);margin:0 auto;padding:0 24px}
.cc-gold{color:var(--cc-gold)}
.cc-btn{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font-family:var(--cc-sans);font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  font-size:13px;padding:13px 26px;border-radius:6px;border:1px solid var(--cc-gold);
  background:transparent;color:var(--cc-gold);transition:.2s;
}
.cc-btn:hover{background:var(--cc-gold);color:#fff}
.cc-btn--solid{background:var(--cc-gold);color:#fff}
.cc-btn--solid:hover{background:var(--cc-gold-2);border-color:var(--cc-gold-2);color:#fff}

/* ============ Header / Nav ============ */
.cc-header{position:sticky;top:0;z-index:200;background:rgba(16,19,26,.97);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--cc-dark-line)}
.cc-header__bar{display:flex;align-items:center;justify-content:space-between;height:76px}
.cc-logo{display:flex;align-items:center;gap:10px;font-family:var(--cc-serif);font-size:24px;font-weight:700;color:var(--cc-dark-ink)}
.cc-logo b{color:var(--cc-gold)}
.cc-logo img{height:42px;width:auto}
.cc-nav{display:flex;align-items:center;gap:38px}
.cc-nav a{position:relative;font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--cc-dark-ink-soft);padding:6px 0}
.cc-nav a:hover,.cc-nav a.active{color:var(--cc-gold)}
.cc-nav a.active::after,.cc-nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--cc-gold)}
.cc-header__tools{display:flex;align-items:center;gap:18px}
.cc-icon-btn{position:relative;color:var(--cc-dark-ink-soft);font-size:20px;line-height:1}
.cc-icon-btn:hover{color:var(--cc-gold)}
.cc-cart-count{position:absolute;top:-8px;right:-10px;background:var(--cc-gold);color:#fff;
  font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.cc-burger{display:none;font-size:24px;background:none;border:0;color:var(--cc-dark-ink);cursor:pointer}

/* mega menu placeholder (filled in nav-mega.css section) */

/* ============ Footer ============ */
.cc-footer{background:var(--cc-dark);border-top:1px solid var(--cc-dark-line);margin-top:80px;padding:54px 0 30px;color:var(--cc-dark-ink-soft)}
.cc-footer__cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.cc-footer h4{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-gold);font-family:var(--cc-sans)}
.cc-footer .cc-logo{color:var(--cc-dark-ink)}
.cc-footer p{color:var(--cc-dark-ink-soft)}
.cc-footer a{color:var(--cc-dark-ink-soft);font-size:14px;line-height:2}
.cc-footer a:hover{color:var(--cc-gold)}
.cc-footer__bottom{border-top:1px solid var(--cc-dark-line);margin-top:36px;padding-top:22px;
  display:flex;justify-content:space-between;align-items:center;color:var(--cc-muted);font-size:13px;flex-wrap:wrap;gap:12px}

/* ============ Responsive base ============ */
@media(max-width:980px){
  .cc-nav{display:none}
  .cc-burger{display:block}
  .cc-footer__cols{grid-template-columns:1fr;gap:28px}
}