/*
Theme Name:   GraceZero Child
Theme URI:    https://gracezero.ai
Description:  GraceZero.ai child theme for Kadence
Author:       GraceZero.ai
Template:     kadence
Version:      1.0.0
*/

/* ── GOOGLE FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,400&family=DM+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

/* ── BRAND VARIABLES ── */
:root {
  /* Backgrounds */
  --gz-void:       #0F172A;
  --gz-void-mid:   #162032;
  --gz-slate:      #1E2D45;
  --gz-slate-2:    #243352;
  --gz-light-bg:   #F1F5F9;
  --gz-white:      #FFFFFF;

  /* Brand Colors */
  --gz-cyan:       #00C2E0;
  --gz-cyan-light: #0095B0;
  --gz-gold:       #D4A84B;
  --gz-gold-light: #B8892A;

  /* Text */
  --gz-document:   #F8FAFC;
  --gz-steel:      #94A3B8;
  --gz-dark-text:  #0F172A;
  --gz-muted-text: #64748B;
  --gz-border:     rgba(148,163,184,0.12);
  --gz-border-lit: #E2E8F0;

  /* Fonts */
  --gz-display: 'Playfair Display', serif;
  --gz-body:    'DM Sans', sans-serif;
  --gz-mono:    'JetBrains Mono', monospace;
}

/* ── KADENCE OVERRIDES ── */
body {
  font-family: var(--gz-body) !important;
  font-weight: 300;
  background: var(--gz-void);
  color: var(--gz-document);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--gz-display) !important;
}

/* Force Kadence header to brand dark */
#masthead,
.site-header,
.kadence-header {
  background: var(--gz-void) !important;
  border-bottom: 1px solid var(--gz-border) !important;
}

/* Force Kadence footer to brand dark */
#colophon,
.site-footer,
.kadence-footer {
  background: var(--gz-void) !important;
  border-top: 1px solid var(--gz-border) !important;
}

/* Nav links */
#site-navigation a,
.kadence-navigation a {
  font-family: var(--gz-mono) !important;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gz-steel) !important;
  transition: color 0.2s;
}
#site-navigation a:hover,
.kadence-navigation a:hover {
  color: var(--gz-document) !important;
}

/* Book a Call CTA — overrides nav link color */
#site-navigation .gz-nav-cta a,
.kadence-navigation .gz-nav-cta a {
  background: #00C2E0 !important;
  color: #000000 !important;
  padding: 0.5rem 1.25rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  transition: background 0.2s !important;
}
#site-navigation .gz-nav-cta a:hover,
.kadence-navigation .gz-nav-cta a:hover {
  background: #00d4f5 !important;
  color: #000000 !important;
}

/* Remove Kadence default padding on full-width pages */
.page-template-front-page .site-content,
.home .site-content {
  padding: 0 !important;
  margin: 0 !important;
}

.page-template-front-page .content-area,
.home .content-area {
  width: 100% !important;
  max-width: 100% !important;
}

/* WooCommerce base overrides */
.woocommerce a.button,
.woocommerce button.button {
  background: var(--gz-cyan) !important;
  color: var(--gz-void) !important;
  font-family: var(--gz-mono) !important;
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-radius: 0 !important;
}