/*
Theme Name: Cherokee Coupons
Theme URI: https://example.com/
Author: OpenAI
Description: A patriotic, mobile-first coupon marketplace theme for the Cherokee County Republican Party fundraiser.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: cherokee-coupons
License: GPL-2.0-or-later
*/

:root {
  --cc-navy: #082b63;
  --cc-blue: #174ea6;
  --cc-red: #d30d2f;
  --cc-white: #ffffff;
  --cc-ink: #172033;
  --cc-muted: #64748b;
  --cc-soft: #f4f7fb;
  --cc-border: #dbe3ef;
  --cc-success: #157347;
  --cc-radius: 18px;
  --cc-shadow: 0 14px 36px rgba(8,43,99,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cc-ink);background:#fff;line-height:1.6}
a{color:var(--cc-blue);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.cc-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.cc-site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--cc-border)}
.cc-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}
.cc-brand{display:flex;align-items:center;gap:14px;color:var(--cc-navy);font-weight:900;letter-spacing:-.02em}
.cc-brand img{width:64px;height:64px;object-fit:contain;border-radius:50%}
.cc-brand span{font-size:1.12rem;line-height:1.1}
.cc-nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:0;align-items:center}
.cc-nav a{color:var(--cc-ink);font-weight:700}
.cc-nav .menu-item:last-child a{background:var(--cc-red);color:#fff;padding:11px 16px;border-radius:999px}
.cc-hero{background:linear-gradient(135deg,var(--cc-navy),#174ea6 62%,var(--cc-red));color:#fff;padding:72px 0;overflow:hidden}
.cc-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:56px}
.cc-kicker{font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#ffcad4}
.cc-hero h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.98;margin:.35rem 0 1.2rem;letter-spacing:-.055em}
.cc-hero p{font-size:1.15rem;max-width:700px;color:#e7efff}
.cc-hero-card{background:#fff;color:var(--cc-ink);padding:22px;border-radius:28px;box-shadow:0 28px 70px rgba(0,0,0,.28);transform:rotate(1.5deg)}
.cc-hero-card img{width:110px;height:110px;display:block;margin:0 auto 14px;border-radius:50%}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;font-weight:900;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:.2s}
.cc-btn:hover{transform:translateY(-1px);text-decoration:none}
.cc-btn-primary{background:var(--cc-red);color:#fff}
.cc-btn-secondary{background:#fff;color:var(--cc-navy)}
.cc-btn-outline{border-color:var(--cc-navy);color:var(--cc-navy);background:#fff}
.cc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.cc-section{padding:68px 0}.cc-section-soft{background:var(--cc-soft)}
.cc-section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 12px;color:var(--cc-navy)}
.cc-section-lead{max-width:720px;color:var(--cc-muted);font-size:1.08rem;margin-bottom:28px}
.cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cc-card{background:#fff;border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:24px;box-shadow:var(--cc-shadow)}
.cc-card h3{margin:0 0 8px;color:var(--cc-navy)}
.cc-icon{width:46px;height:46px;border-radius:14px;background:#e9f0ff;color:var(--cc-navy);display:grid;place-items:center;font-weight:900;margin-bottom:16px}
.cc-coupon-preview{border:2px dashed var(--cc-red);border-radius:20px;padding:22px;position:relative;background:#fff}
.cc-coupon-preview:before,.cc-coupon-preview:after{content:"";position:absolute;top:50%;width:24px;height:24px;border-radius:50%;background:var(--cc-soft);transform:translateY(-50%)}
.cc-coupon-preview:before{left:-13px}.cc-coupon-preview:after{right:-13px}
.cc-discount{font-size:2.6rem;font-weight:1000;color:var(--cc-red);letter-spacing:-.05em}
.cc-meta{color:var(--cc-muted);font-size:.92rem}
.cc-footer{background:#061d43;color:#dce8ff;padding:48px 0 28px}
.cc-footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.cc-footer a{color:#fff}
.cc-legal{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;margin-top:28px;font-size:.9rem;color:#b7c7e6}
.cc-page{padding:48px 0 72px}.cc-page h1{color:var(--cc-navy);font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.05em}
.entry-content{max-width:900px}.entry-content>*+*{margin-top:1em}
@media(max-width:900px){.cc-hero-grid,.cc-footer-grid{grid-template-columns:1fr}.cc-grid{grid-template-columns:1fr 1fr}.cc-nav{display:none}.cc-hero{padding:52px 0}}
@media(max-width:620px){.cc-grid{grid-template-columns:1fr}.cc-brand span{font-size:.98rem}.cc-brand img{width:52px;height:52px}.cc-header-inner{min-height:72px}.cc-hero h1{font-size:2.65rem}.cc-section{padding:48px 0}}
