/*
Theme Name: SecondLook
Description: SecondLook child theme
Version: 1.0
Author: Anna Desmarais
Template: kadence
Text Domain: secondlook
*/

/* ── Brand tokens ─────────────────────────────────────── */
:root {
  --sl-forest:  #1A3A2E;
  --sl-dark:    #152E24;
  --sl-green:   #2E8B6A;
  --sl-gold:    #D4A843;
  --sl-linen:   #F6F3EE;
  --sl-divider: #E2DDD6;
  --sl-ink:     #1A1A1A;
  --sl-muted:   #5A6858;
}

/* ── Typography ───────────────────────────────────────── */
body {
  font-family: 'Poppins', sans-serif;
  color: var(--sl-ink);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lora', serif;
  font-weight: 700;
  color: var(--sl-forest);
}

/* ── Header ───────────────────────────────────────────── */
#main-header {
  background-color: var(--sl-forest) !important;
  position: relative;
}

#main-header::before {
  content: '';
  display: block;
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--sl-gold) 42%, var(--sl-green) 42%);
  z-index: 10;
}

.main-navigation a,
.primary-navigation a {
  color: rgba(255,255,255,0.65) !important;
}

.main-navigation a:hover,
.primary-navigation a:hover {
  color: #ffffff !important;
}

/* ── Footer ───────────────────────────────────────────── */
.site-footer {
  background-color: var(--sl-dark) !important;
  position: relative;
}

.site-footer::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right, var(--sl-green) 60%, var(--sl-gold) 60%);
}

/* ── Buttons ──────────────────────────────────────────── */
.wp-block-button__link {
  border-radius: 5px !important;
  font-weight: 600 !important;
  min-height: 44px;
}

/* ── Brand rule ───────────────────────────────────────── */
.sl-rule { display: flex; flex-direction: column; gap: 4px; width: 80px; margin-bottom: 16px; }
.sl-rule .r1 { display: block; height: 2.5px; background: var(--sl-green); border-radius: 2px; }
.sl-rule .r2 { display: block; height: 2.5px; background: var(--sl-gold); width: 58%; border-radius: 2px; }

/* ── Eyebrow text ─────────────────────────────────────── */
.sl-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--sl-green);
  display: block;
  margin-bottom: 12px;
  font-family: 'Poppins', sans-serif;
}

/* ── Stat numbers ─────────────────────────────────────── */
.sl-stat {
  font-family: 'Lora', serif;
  font-weight: 700;
  font-size: 44px;
  color: var(--sl-gold);
  line-height: 1;
  display: block;
}

/* ── Step letter ──────────────────────────────────────── */
.sl-letter {
  font-family: 'Lora', serif;
  font-weight: 700;
  font-size: 28px;
  color: var(--sl-gold);
  line-height: 1;
  display: block;
}

html { scroll-behavior: smooth; }