/**
 * CVWarehouse AutoPilot — Global Design System
 * Applied to all pages via wp_enqueue_scripts
 * Overrides per-page inconsistencies to match homepage design
 */

/* ── GOOGLE FONT: Barlow Condensed for headings ── */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

/* ── GLOBAL DESIGN TOKENS ── */
:root {
  --cvw-navy:       #0b1e2c;
  --cvw-navy-mid:   #0f2535;
  --cvw-navy-dark:  #070f17;
  --cvw-teal:       #43b598;
  --cvw-teal-mid:   #1d9e75;
  --cvw-green:      #10b981;
  --cvw-blue:       #137bb2;
  --cvw-gold:       #c9a227;
  --cvw-white:      #ffffff;
  --cvw-muted:      rgba(255,255,255,0.65);
  --cvw-border:     rgba(255,255,255,0.10);
  --cvw-font-head:  'Barlow Condensed', 'DM Sans', sans-serif;
  --cvw-font-body:  'Geist', 'DM Sans', system-ui, sans-serif;
}

/* ── BODY: dark navy across all pages ── */
body {
  font-family: var(--cvw-font-body) !important;
  background-color: var(--cvw-navy) !important;
  color: var(--cvw-white) !important;
}

/* ── ALL HEADINGS: Barlow Condensed ── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--cvw-font-head) !important;
  color: var(--cvw-white) !important;
}

/* ── SECTIONS: dark navy background ── */
section, .section, .page-section {
  background-color: var(--cvw-navy) !important;
}

/* ── WHITE/LIGHT BACKGROUNDS → DARK ──
   Target the most common light bg patterns used across service pages */
.hero,
.hero-section,
.header-section,
[style*="background: #fff"],
[style*="background-color: #fff"],
[style*="background: white"],
[style*="background:#fff"],
[style*="background-color:#fff"] {
  background-color: var(--cvw-navy-mid) !important;
  background-image: none !important;
}

/* ── COVER LETTER: override white hero + white page ── */
.page-template-page-cover-letter body,
body.page-template-page-cover-letter {
  background-color: var(--cvw-navy) !important;
}
.page-template-page-cover-letter .hero {
  background: linear-gradient(160deg, var(--cvw-navy) 0%, var(--cvw-navy-mid) 60%, #0a2535 100%) !important;
}
.page-template-page-cover-letter .ticker-bar {
  background: var(--cvw-teal-mid) !important;
}
.page-template-page-cover-letter .pt-card {
  background: #0f2535 !important;
  border-color: var(--cvw-border) !important;
  color: var(--cvw-white) !important;
}
.page-template-page-cover-letter .pt-card .plan-name,
.page-template-page-cover-letter .pt-card .plan-desc,
.page-template-page-cover-letter .pt-card .pt-feature {
  color: var(--cvw-white) !important;
}
.page-template-page-cover-letter .pt-card .pt-amount {
  color: var(--cvw-teal) !important;
}

/* ── RESUME WRITING: override white bg ── */
.page-template-page-resume-writing body,
body.page-template-page-resume-writing {
  background-color: var(--cvw-navy) !important;
}
.page-template-page-resume-writing .hero {
  background: linear-gradient(135deg, var(--cvw-navy) 0%, #0d2030 60%, #091825 100%) !important;
}
.page-template-page-resume-writing .hero h1,
.page-template-page-resume-writing .hero-sub,
.page-template-page-resume-writing .hero p {
  color: var(--cvw-white) !important;
}
.page-template-page-resume-writing .card,
.page-template-page-resume-writing .pricing-card,
.page-template-page-resume-writing .section-card {
  background: #0f2535 !important;
  border-color: var(--cvw-border) !important;
  color: var(--cvw-white) !important;
}
.page-template-page-resume-writing section {
  background-color: var(--cvw-navy) !important;
}
.page-template-page-resume-writing .stats-bar {
  background: var(--cvw-navy-mid) !important;
}
.page-template-page-resume-writing .stat-value { color: var(--cvw-teal) !important; }
.page-template-page-resume-writing .stat-label { color: var(--cvw-muted) !important; }

/* ── CV DISTRIBUTION: align accent colors ── */
.page-template-page-cv-distribution .hero {
  background: linear-gradient(145deg, #0a2020 0%, #0d2e1a 55%, var(--cvw-navy-dark) 100%) !important;
}

/* ── LINKEDIN VISIBILITY: align accent colors ── */
.page-template-page-linkedin-visibility section {
  background-color: var(--cvw-navy) !important;
}
.page-template-page-linkedin-visibility .hero {
  background: var(--cvw-navy) !important;
}
.page-template-page-linkedin-visibility .teal,
.page-template-page-linkedin-visibility .text-teal {
  color: var(--cvw-teal) !important;
}

/* ── BUTTONS: consistent style across all pages ── */
.btn-primary,
.btn-cta,
.cta-btn,
button[class*="primary"],
a[class*="btn-primary"] {
  font-family: var(--cvw-font-body) !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
}

/* ── GLOBAL HEADER on all pages: consistent font ── */
#cvw-site-header {
  font-family: var(--cvw-font-body) !important;
}

/* ── TEXT: muted/description text across all pages ── */
p, li, .desc, .description, .subtitle {
  font-family: var(--cvw-font-body) !important;
}

/* ── CARDS: consistent dark card style ── */
.card, .pricing-card, .feature-card, .plan-card,
[class*="-card"], [class*="card-"] {
  border-color: var(--cvw-border) !important;
}

/* ── ACCENTS: teal as primary highlight ── */
em, .highlight, .accent,
[class*="text-primary"], [class*="text-teal"], [class*="text-green"] {
  color: var(--cvw-teal) !important;
}

/* ── LINKS ── */
a:not([class*="btn"]):not([class*="nav"]):not([class*="logo"]) {
  color: var(--cvw-teal);
}
a:not([class*="btn"]):not([class*="nav"]):not([class*="logo"]):hover {
  color: var(--cvw-green);
}

/* ── INPUTS/SELECTS: dark style ── */
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea {
  background-color: rgba(255,255,255,0.07) !important;
  border-color: var(--cvw-border) !important;
  color: var(--cvw-white) !important;
}
input::placeholder, textarea::placeholder {
  color: var(--cvw-muted) !important;
}

/* ── LABELS ── */
label { color: var(--cvw-muted) !important; }

/* ── FIND JOBS page: dark job search wrapper ── */
.page-template-page-find-jobs .cvw-jobs-main {
  background: var(--cvw-navy) !important;
}
.page-template-page-find-jobs .cvw-jobs-hero {
  background: linear-gradient(135deg, #0b1e2c, #0f3347, #0a2a3a) !important;
}
.page-template-page-find-jobs .job-listing,
.page-template-page-find-jobs .job-item,
.page-template-page-find-jobs article.job_listing {
  background: #0f2535 !important;
  border-color: var(--cvw-border) !important;
  color: var(--cvw-white) !important;
}