/*
 * Theme Name:   Higher Ground Advisory
 * Theme URI:    https://www.highergroundadvisory.org
 * Description:  Hello Elementor child theme for Higher Ground Advisory, L.L.C. Clean-corporate
 *               leadership-consulting design with Paisley tartan heritage accents. Carries the
 *               brand design system (Navy / Gold / Cream + tartan) as global tokens and base
 *               styling. Pairs with the "Higher Ground Core" plugin for custom Elementor widgets.
 * Author:       Kre8ivDesigns Marketing, LLC
 * Author URI:   https://www.kre8ivdesigns.com
 * Template:     hello-elementor
 * Version:      1.0.0
 * License:      GPL-2.0-or-later
 * License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:  higher-ground-child
 * Tags:         elementor, child-theme, consulting
 */

/* ============================================================
   HIGHER GROUND ADVISORY — Child Theme Stylesheet
   Prepared by Kre8ivDesigns Marketing, LLC
   NOTE: Parent + Google fonts are enqueued in functions.php.
         Never @import the parent here.
   ============================================================ */

/* ---------- Design Tokens ---------- */
:root{
  /* Primary palette */
  --hga-navy:        #1B2A4A;
  --hga-navy-deep:   #131F39;
  --hga-navy-soft:   #25395f;
  --hga-gold:        #C5A55A;
  --hga-gold-bright: #DCC184;
  --hga-gold-deep:   #A7873F;
  --hga-cream:       #F5F0E8;
  --hga-cream-deep:  #ECE3D3;
  --hga-paper:       #FBF8F2;

  /* Heritage / Paisley tartan accents */
  --hga-balmoral:    #3D6491;   /* Balmoral / Bracing blue */
  --hga-green:       #5C7042;   /* Weathered green */
  --hga-red:         #7C2D2D;   /* Heritage red */
  --hga-tartan-yellow:#D4A93C;

  /* Ink & lines */
  --hga-ink:         #232a36;
  --hga-ink-soft:    #4c5564;
  --hga-line:        rgba(27,42,74,.14);
  --hga-line-gold:   rgba(197,165,90,.45);

  /* Type */
  --hga-font-display:'Cinzel', Georgia, serif;
  --hga-font-head:   'Cormorant Garamond', Georgia, serif;
  --hga-font-body:   'Mulish', 'Segoe UI', sans-serif;

  /* Metrics */
  --hga-maxw:   1180px;
  --hga-radius: 6px;
  --hga-shadow-sm: 0 2px 10px rgba(19,31,57,.08);
  --hga-shadow-md: 0 14px 40px rgba(19,31,57,.16);
  --hga-shadow-lg: 0 30px 70px rgba(19,31,57,.28);
  --hga-ease: cubic-bezier(.2,.7,.2,1);
}

/* ---------- Base typography (light touch — Elementor controls win) ---------- */
body{
  font-family:var(--hga-font-body);
  color:var(--hga-ink);
  background:var(--hga-paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:var(--hga-font-head);
  color:var(--hga-navy);
  line-height:1.1;
  font-weight:600;
}
.hga-display{ font-family:var(--hga-font-display); }

/* Shared eyebrow / kicker used above section headings */
.hga-eyebrow{
  font-family:var(--hga-font-display);
  font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--hga-gold-deep);font-weight:600;display:inline-block;
}
.hga-eyebrow--light{ color:var(--hga-gold-bright); }

/* Diamond rule echo from the printed collateral */
.hga-rule{display:flex;align-items:center;gap:14px;color:var(--hga-gold);justify-content:center;margin:22px 0}
.hga-rule::before,.hga-rule::after{content:"";height:1px;width:64px;background:linear-gradient(90deg,transparent,var(--hga-gold))}
.hga-rule::after{background:linear-gradient(90deg,var(--hga-gold),transparent)}
.hga-rule i{width:8px;height:8px;transform:rotate(45deg);border:1.5px solid var(--hga-gold);display:block}

/* ---------- Fixed tartan edge stripe (Paisley-derived) ----------
   Add the body class "hga-tartan-edge" (set in functions.php) to enable. */
.hga-tartan-edge::before{
  content:"";
  position:fixed;left:0;top:0;bottom:0;width:30px;z-index:9000;
  pointer-events:none;
  background:
    repeating-linear-gradient(90deg,
      transparent 0 6px, rgba(212,169,60,.55) 6px 7px, transparent 7px 13px),
    repeating-linear-gradient(0deg,
      transparent 0 22px, rgba(212,169,60,.50) 22px 23px, transparent 23px 46px),
    repeating-linear-gradient(0deg,
      rgba(92,112,66,.40) 0 14px, transparent 14px 30px),
    repeating-linear-gradient(90deg,
      var(--hga-navy-deep) 0 14px, rgba(61,100,145,.85) 14px 22px, var(--hga-navy) 22px 30px),
    var(--hga-navy-deep);
  box-shadow:2px 0 14px rgba(0,0,0,.28);
}
@media(max-width:760px){ .hga-tartan-edge::before{width:14px} }
body.hga-tartan-edge{ position:relative; }

/* ---------- Brand button helper classes ----------
   Use as a CSS class on any Elementor Button widget (Advanced → CSS Classes)
   when you want the exact collateral button styling without per-button setup. */
.hga-btn,
.elementor-button.hga-btn{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--hga-font-display);font-weight:600;
  font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  padding:15px 30px;border-radius:var(--hga-radius);
  border:1.5px solid transparent;cursor:pointer;transition:.3s var(--hga-ease);
}
.hga-btn--gold{ background:var(--hga-gold);color:var(--hga-navy-deep);box-shadow:var(--hga-shadow-sm); }
.hga-btn--gold:hover{ background:var(--hga-gold-bright);transform:translateY(-2px);box-shadow:var(--hga-shadow-md); }
.hga-btn--ghost{ border-color:var(--hga-gold);color:var(--hga-gold-bright);background:transparent; }
.hga-btn--ghost:hover{ background:rgba(197,165,90,.14);transform:translateY(-2px); }
.hga-btn--navy{ background:var(--hga-navy);color:var(--hga-cream); }
.hga-btn--navy:hover{ background:var(--hga-navy-soft);transform:translateY(-2px);box-shadow:var(--hga-shadow-md); }
.hga-btn--outline{ border-color:var(--hga-navy);color:var(--hga-navy);background:transparent; }
.hga-btn--outline:hover{ background:var(--hga-navy);color:var(--hga-cream); }

/* ---------- Section surface helpers ---------- */
.hga-bg-navy{ background:var(--hga-navy);color:var(--hga-cream); }
.hga-bg-navy h1,.hga-bg-navy h2,.hga-bg-navy h3,.hga-bg-navy h4{ color:var(--hga-cream); }
.hga-bg-cream{ background:var(--hga-cream); }
.hga-bg-paper{ background:var(--hga-paper); }

/* Linen / paper texture for cream surfaces */
.hga-texture{
  background-color:var(--hga-cream);
  background-image:
    repeating-linear-gradient(0deg, rgba(27,42,74,.018) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgba(27,42,74,.018) 0 1px, transparent 1px 3px);
}

/* ---------- Header / footer skin helpers ----------
   Apply to an Elementor / Hello header + footer to match the static comp. */
.hga-site-header{ background:rgba(251,248,242,.92);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid var(--hga-line); }
.hga-site-footer{ background:var(--hga-navy-deep);color:var(--hga-cream); }
.hga-site-footer a{ color:var(--hga-gold-bright); }
.hga-site-footer a:hover{ color:var(--hga-cream); }

/* Respect reduced-motion preferences globally */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}