/*
Theme Name: Pangea CDS
Theme URI: https://pcds.unifiedmktg.com
Author: Unified Marketing
Author URI: https://unifiedmktg.com
Description: Ultra-light, body-only WordPress theme for Pangea CDS — the Avada-free replacement built on Unified Marketing's body-only build workflow. Zero framework bloat, full-bleed page rendering (the_content only), the Pangea .pg-scope design system loaded from a single master CSS/JS source of truth, a baked-in Pangea header/nav + footer (no mega-nav plugin needed), analytics/tag injection (GA4 / GTM / Meta Pixel) via Appearance → Pangea Theme, and a branded agency footer credit. The real design system lives in wp-content/uploads/pangea/master.css — this theme is the lightweight engine that loads it.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: pangea-theme
*/

/* ============================================================
   BRAND TOKENS — mirrored from the REAL Pangea master.css design
   system (which scopes them under .pg-scope). Duplicated here on
   :root so the theme's OWN chrome that lives OUTSIDE .pg-scope
   (blog article shell, 404, archive helpers) can use brand color.
   The .pg-scope page bodies, nav, and footer get their tokens from
   master.css — this block never overrides those.
   ============================================================ */
:root{
  --pg-navy:#0a2e54;      /* Deep Aisle — dominant surface */
  --pg-navy-700:#0d3863;
  --pg-navy-600:#143f6e;
  --pg-navy-500:#1c5187;
  --pg-orange:#ff8a1e;    /* Price Tag — CTAs, key callouts */
  --pg-orange-600:#f0700c;
  --pg-green:#54be26;     /* Fresh — live / verified */
  --pg-paper:#f1f5f9;     /* warm neutral */
  --pg-paper-2:#e4ebf2;
  --pg-slate:#4e6a82;     /* secondary text */
  --pg-slate-200:#a6bacc;
  --pg-sun:#fac208;       /* tertiary accent */
  --pg-white:#ffffff;
  --pg-line-dark:rgba(14,42,58,.12);
  --pg-display:'Sora',system-ui,-apple-system,sans-serif;
  --pg-body:'Inter',system-ui,-apple-system,sans-serif;
  --pg-edit:'Fraunces',Georgia,serif;
  --pg-radius:16px;
  --pg-shadow-sm:0 14px 34px -18px rgba(8,24,34,.45);
}

/* ============================================================
   MINIMAL RESET — body-only .pg-scope pages inline/import their
   own full system from master.css; this only sets sane defaults
   for the theme's own non-scoped chrome.
   ============================================================ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--pg-body);color:var(--pg-navy);background:var(--pg-navy);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto}
a{color:inherit}
/* the body-only content wrapper is full-bleed by design */
.pg-content{width:100%}

/* ============================================================
   FOOTER AGENCY CREDIT — appended into the Pangea footer's legal
   bar (footer.php). Lives INSIDE .pg-scope so master.css tokens
   resolve. Branded anchor only (never keyword-stuffed) so the
   sitewide backlink stays natural + safe.
   ============================================================ */
.pg-scope .pg-credit{color:var(--pg-slate-200)}
.pg-scope .pg-credit a{color:#fff;font-weight:600;border-bottom:1px solid rgba(255,138,30,.6);padding-bottom:1px;transition:border-color .18s}
.pg-scope .pg-credit a:hover{border-bottom-color:var(--pg-orange)}

/* ============================================================
   BLOG / INSIGHTS ARCHIVE  (index.php)
   Post cards reuse the master.css .pg-card look inside a
   .pg-scope .pg-bg-paper section; these theme-only helpers add
   the blog-specific bits master's stat-card doesn't cover
   (thumbnail, excerpt, date). Namespaced .pgt-* + scoped to
   .pg-scope so brand tokens resolve and nothing collides with
   the master design system's own .pg-* classes.
   ============================================================ */
.pg-scope .pgt-archive-hero{padding:clamp(48px,8vw,96px) 0 clamp(20px,4vw,40px);text-align:center}
.pg-scope .pgt-archive-hero .pg-eyebrow{justify-content:center}
.pg-scope .pgt-archive-hero h1{font-family:var(--pg-display);font-weight:800;font-size:clamp(2.1rem,5vw,3.6rem);letter-spacing:-.022em;line-height:1.04;color:inherit;margin:0}
.pg-scope .pgt-archive-hero p{margin:14px auto 0;max-width:60ch;color:var(--pg-slate)}
.pg-scope.pg-bg-navy .pgt-archive-hero p,.pg-scope .pg-bg-navy .pgt-archive-hero p{color:var(--pg-slate-200)}

.pg-scope .pgt-card{display:flex;flex-direction:column;padding:0;overflow:hidden}
.pg-scope .pgt-card:hover{transform:translateY(-7px);border-color:rgba(255,138,30,.55)}
.pg-scope .pgt-card__img{aspect-ratio:16/10;background:var(--pg-navy-600);overflow:hidden}
.pg-scope .pgt-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--pg-ease,cubic-bezier(.22,1,.36,1))}
.pg-scope .pgt-card:hover .pgt-card__img img{transform:scale(1.06)}
.pg-scope .pgt-card__b{display:flex;flex-direction:column;gap:10px;flex:1;padding:26px 26px 28px}
.pg-scope .pgt-card__cat{font-family:var(--pg-display);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pg-orange)}
.pg-scope .pgt-card h2{font-family:var(--pg-display);font-weight:800;font-size:1.28rem;line-height:1.1;letter-spacing:-.018em;margin:0;color:inherit}
.pg-scope .pgt-card p{font-size:.96rem;color:var(--pg-slate);line-height:1.55;margin:0}
.pg-scope .pgt-card__date{margin-top:auto;font-size:.8rem;color:var(--pg-slate);letter-spacing:.02em}

.pg-scope .pgt-pager{display:flex;justify-content:center;gap:10px;margin-top:clamp(40px,6vw,64px);flex-wrap:wrap}
.pg-scope .pgt-pager a,.pg-scope .pgt-pager span{padding:11px 17px;border:1px solid var(--pg-line-dark);border-radius:11px;text-decoration:none;color:var(--pg-navy);font-family:var(--pg-display);font-weight:600}
.pg-scope .pgt-pager .current{background:var(--pg-navy);color:#fff;border-color:var(--pg-navy)}
.pg-scope .pgt-empty{text-align:center;color:var(--pg-slate);padding:60px 0}

/* ============================================================
   BLOG SINGLE — defensive readable shell (single.php).
   Applied ONLY when a post body does NOT ship its own .pg-scope
   wrapper, so hand-authored .pg-scope articles (with their own
   TOC / author box) render full-bleed and untouched.
   ============================================================ */
.pgt-article{max-width:760px;margin:0 auto;padding:clamp(40px,7vw,88px) clamp(20px,5vw,28px);background:var(--pg-paper);color:var(--pg-navy);font-family:var(--pg-body)}
.pgt-article h1{font-family:var(--pg-display);font-weight:800;font-size:clamp(2rem,4vw,2.9rem);line-height:1.06;letter-spacing:-.022em;margin:0 0 .5rem}
.pgt-article h2{font-family:var(--pg-display);font-weight:700;font-size:1.5rem;margin:2rem 0 .6rem}
.pgt-article h3{font-family:var(--pg-display);font-weight:700;font-size:1.2rem;margin:1.6rem 0 .5rem}
.pgt-article p{margin:0 0 1.1em;font-size:1.06rem;line-height:1.7}
.pgt-article a{color:var(--pg-orange-600);text-decoration:underline}
.pgt-article img{border-radius:var(--pg-radius);margin:1.4rem 0}
.pgt-article__meta{font-family:var(--pg-display);font-size:.82rem;color:var(--pg-slate);letter-spacing:.02em;margin:0 0 1.6rem}
.pgt-article__cat{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pg-orange)}