/*
 * ============================================================
 *  color-scheme.css  —  Take Acres Theme  (v3)
 *
 *  Philosophy:
 *    One unified deep-navy canvas. Section backgrounds vary by
 *    only ±3–4 luminance units so the page feels like a single
 *    continuous surface. Differentiation between sections comes
 *    from typography, padding, and card contrast — not from
 *    jarring background swings.
 *
 *    Base tone:  #0b1535  (hsl 224 51% 13%)   ← the "ground"
 *    Dark dip:   #09122e  (hsl 224 51% 11%)   ← heroes / accents
 *    Lift:       #0e1a3d  (hsl 224 51% 15%)   ← alternating sections
 *    Footer:     #080f28  (hsl 224 51% 10%)   ← anchors the bottom,
 *                                                slightly deeper than
 *                                                base but NOT black
 *
 *    Navbar glass: semi-transparent dark navy with blur so it
 *    reads as floating above the hero without fighting it.
 *
 *  PROPERTIES PAGE EXCEPTION:
 *    Single flat tone (#0b1535) used hero-to-footer — no section
 *    alternation. The filter toolbar and cards supply all contrast.
 *
 *  HOMEPAGE HERO:
 *    Left untouched (background-image overlay handles its tone).
 *
 *  ROLLBACK:
 *    Delete this file + remove its wp_enqueue_style() from functions.php.
 *    Original values are documented in color-scheme.css.bak
 * ============================================================ */


/* ============================================================
   TOKENS
   ============================================================ */
:root {
  --ta-base:    #0b1535;   /* ground tone — used on most sections   */
  --ta-deep:    #09122e;   /* dark dip    — heroes + featured wrap  */
  --ta-lift:    #0e1a3d;   /* gentle lift — alternating sections    */
  --ta-footer:  #080f28;   /* footer      — just a touch deeper     */

  /* Navbar glass */
  --nav-glass-bg:     rgba(9, 18, 46, 0.85);
  --nav-glass-blur:   18px;
  --nav-glass-border: rgba(198, 161, 91, 0.18);
  --nav-glass-shadow: 0 1px 0 rgba(198, 161, 91, 0.1),
                      0 4px 24px rgba(0, 0, 0, 0.45);
}


/* ============================================================
   NAVBAR — glassy on scroll
   backdrop-filter applied instantly (no transition) to avoid white flash
   ============================================================ */
#ta-navbar.scrolled {
  background-color: rgba(9, 18, 46, 0.92) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  border-bottom: 1px solid rgba(198, 161, 91, 0.18) !important;
  box-shadow: 0 1px 0 rgba(198, 161, 91, 0.12), 0 4px 24px rgba(0,0,0,0.4) !important;
}


/* ============================================================
   INNER-PAGE HEROES — 100vh, all inner pages
   (homepage hero left completely untouched)
   ============================================================ */
.ta-about-hero,
.ta-services-hero,
.ta-contact-hero,
.ta-founders-hero,
.ta-insights-hero {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* keep existing padding for content breathing room */
  box-sizing: border-box !important;
}

/* Hero backgrounds — deep tone so content above feels anchored */
.ta-about-hero {
  background: linear-gradient(180deg, var(--ta-deep) 0%, var(--ta-base) 100%) !important;
}
.ta-services-hero {
  background: linear-gradient(180deg, var(--ta-deep) 0%, var(--ta-base) 100%) !important;
}
.ta-contact-hero {
  background: linear-gradient(180deg, var(--ta-deep) 0%, var(--ta-base) 100%) !important;
}
.ta-founders-hero {
  background: linear-gradient(180deg, var(--ta-deep) 0%, var(--ta-base) 100%) !important;
}
.ta-insights-hero {
  background: linear-gradient(180deg, var(--ta-deep) 0%, var(--ta-base) 100%) !important;
}

/* Single insight image overlay — harmonised */
.ta-insight-hero::after {
  background: linear-gradient(
    180deg,
    rgba(9, 18, 46, 0.50) 0%,
    rgba(9, 18, 46, 0.78) 100%
  ) !important;
}


/* ============================================================
   ABOUT PAGE
   Hero (deep) → Story (base) → Vision (lift) → CTA (base)
   Each step: ±4 luminance units — perceptible but never harsh
   ============================================================ */
.ta-about-story {
  background: var(--ta-base) !important;
}
.ta-about-vision {
  background: var(--ta-lift) !important;
}
.ta-about-cta {
  background: var(--ta-base) !important;
}


/* ============================================================
   CONTACT PAGE
   Hero (deep) → Main form (lift) → Map (base)
   ============================================================ */
.ta-contact-main {
  background: var(--ta-lift) !important;
}
.ta-contact-map {
  background: var(--ta-base) !important;
}


/* ============================================================
   FOUNDERS PAGE
   Hero (deep) → Together/portraits (lift) → Quote (base)
   ============================================================ */
.ta-founders-together {
  background: var(--ta-lift) !important;
}
.ta-founders-quote {
  background: var(--ta-base) !important;
}


/* ============================================================
   SERVICES PAGE
   Hero (deep) → Services grid (base)
   (single-section content so no alternation needed)
   ============================================================ */
.ta-services-archive,
.ta-services-archive .ta-services-content {
  background: var(--ta-base) !important;
}


/* ============================================================
   INSIGHTS PAGE
   Hero (deep) → Categories (lift)
   ============================================================ */
.ta-insights-categories {
  background: var(--ta-lift) !important;
}

/* Single insight — article body */
.ta-insight-content {
  background: var(--ta-base) !important;
}


/* ============================================================
   PROPERTIES PAGE — single flat tone, no alternation
   hero wrapper + content area all share --ta-base so the page
   feels like one unified surface (filter bar + cards provide contrast)
   ============================================================ */
.ta-properties-archive {
  background: var(--ta-base) !important;
}
.ta-properties-hero {
  background: var(--ta-base) !important;
}
.ta-properties-content {
  background: var(--ta-base) !important;
}


/* ============================================================
   HOMEPAGE SECTIONS
   Trust bar (base) → About editorial (lift) → Services (base)
   → Featured/Properties (deep — so gold cards pop)
   Homepage hero is untouched (background-image overlay controls tone)
   ============================================================ */
.ta-trust {
  background: var(--ta-base) !important;
}
.ta-home-about {
  background: var(--ta-lift) !important;
}
.ta-home-services {
  background: var(--ta-base) !important;
}
.ta-featured {
  background: var(--ta-deep) !important;
}

/* Property card interiors PRESERVED — keep original #15203d */
.ta-featured .property-card,
.ta-featured .property-content {
  /* intentionally no override */
}


/* ============================================================
   FOOTER — slightly deeper than base, NOT pitch-black
   ============================================================ */
.ta-footer {
  background: var(--ta-footer) !important;
}
.ta-footer-bottom {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

/* Side contact panel — matches footer tone */
.ta-contact-panel {
  background: var(--ta-footer) !important;
}