/*
Theme Name: Goldlio
Theme URI: https://goldlio.ca
Description: Goldlio — old-money dark luxury child theme of Hello Elementor. Hand-built by Gideon.
Author: Gideon for Goldlio
Template: hello-elementor
Version: 1.2.0
*/

/* ===== GOLDLIO — Old-Money Dark Luxury System v1.2 ===== */
:root{
  --gl-bg:#0E0E0C;
  --gl-bg-2:#16150F;
  --gl-gold:#C5A572;
  --gl-gold-2:#D9C29A;
  --gl-ink:#EDE9E0;
  --gl-ink-2:#8C887E;
  --gl-hair:rgba(197,165,114,.22);
}

body, body.elementor-page{
  background:var(--gl-bg)!important;
  color:var(--gl-ink)!important;
  font-family:'Jost',sans-serif!important;
  font-weight:300;
  letter-spacing:.3px;
  line-height:1.7;
}
body p, body li, body span, body div,
.elementor-widget-text-editor, .elementor-widget-text-editor p{
  font-family:'Jost',sans-serif!important;
}

body h1, body h2, body h3, body h4,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title{
  font-family:'Cormorant Garamond', Georgia, serif!important;
  color:var(--gl-ink)!important;
  font-weight:500;
  letter-spacing:.5px;
  line-height:1.15;
}
body h1, .elementor-widget-heading h1.elementor-heading-title{
  font-size:clamp(2.8rem,6vw,5rem)!important;
  font-weight:400;
}

.gl-eyebrow, .gl-eyebrow .elementor-heading-title{
  font-family:'Jost',sans-serif!important;
  text-transform:uppercase;
  letter-spacing:.42em;
  font-size:.72rem;
  color:var(--gl-gold)!important;
  font-weight:400;
}

.elementor-section{ padding-top:clamp(64px,9vw,120px); padding-bottom:clamp(64px,9vw,120px); }
.elementor-divider-separator{ border-top-color:var(--gl-hair)!important; }

.elementor-button, button, .wp-block-button__link{
  background:transparent!important;
  color:var(--gl-gold)!important;
  border:1px solid var(--gl-gold)!important;
  border-radius:0!important;
  font-family:'Jost',sans-serif!important;
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:.72rem;
  font-weight:400;
  padding:18px 38px!important;
  transition:all .45s cubic-bezier(.2,.7,.2,1)!important;
}
.elementor-button:hover, button:hover, .wp-block-button__link:hover{
  background:var(--gl-gold)!important;
  color:var(--gl-bg)!important;
  letter-spacing:.34em;
}

a{ color:var(--gl-gold); transition:color .3s; }
a:hover{ color:var(--gl-gold-2); }

.gl-card{ background:var(--gl-bg-2)!important; border:1px solid var(--gl-hair)!important; padding:48px!important; }
.gl-fade-img img{ filter:saturate(.92) contrast(1.02); }
::selection{ background:var(--gl-gold); color:var(--gl-bg); }

/* ============================================================
   GOLDLIO HEADER
   ============================================================ */
.gl-header{
  position:sticky; top:0; z-index:999;
  background:rgba(14,14,12,.86);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--gl-hair);
}
.gl-header-inner{
  max-width:1180px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:22px 32px;
}
.gl-brand{
  font-family:'Cormorant Garamond',serif;
  font-size:24px; font-weight:600;
  letter-spacing:.34em; text-indent:.34em;
  color:var(--gl-ink)!important; text-decoration:none;
  text-transform:uppercase;
}
.gl-brand:hover{ color:var(--gl-gold)!important; }
.gl-nav{ display:flex; gap:38px; }
.gl-nav a{
  font-family:'Jost',sans-serif;
  font-size:12px; font-weight:400;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--gl-ink-2)!important; text-decoration:none;
  position:relative; padding:4px 0;
  transition:color .35s;
}
.gl-nav a::after{
  content:""; position:absolute; left:0; bottom:-2px;
  width:0; height:1px; background:var(--gl-gold);
  transition:width .4s cubic-bezier(.2,.7,.2,1);
}
.gl-nav a:hover{ color:var(--gl-gold)!important; }
.gl-nav a:hover::after{ width:100%; }

@media (max-width:782px){
  .gl-header-inner{ flex-direction:column; gap:16px; padding:18px 20px; }
  .gl-nav{ gap:22px; flex-wrap:wrap; justify-content:center; }
  .gl-brand{ font-size:21px; }
}

/* ============================================================
   GOLDLIO FOOTER
   ============================================================ */
.gl-footer{
  background:var(--gl-bg-2);
  border-top:1px solid var(--gl-hair);
  padding:80px 24px 48px;
}
.gl-footer-inner{
  max-width:760px; margin:0 auto; text-align:center;
}
.gl-footer-brand{
  font-family:'Cormorant Garamond',serif;
  font-size:30px; font-weight:600;
  letter-spacing:.4em; text-indent:.4em;
  color:var(--gl-ink); text-transform:uppercase;
  margin-bottom:18px;
}
.gl-footer-tag{
  font-family:'Jost',sans-serif; font-weight:300;
  font-size:14px; color:var(--gl-ink-2);
  line-height:1.8; max-width:460px; margin:0 auto 34px;
}
.gl-footer-nav{ display:flex; gap:34px; justify-content:center; margin-bottom:40px; flex-wrap:wrap; }
.gl-footer-nav a{
  font-family:'Jost',sans-serif; font-size:11px; font-weight:400;
  letter-spacing:.2em; text-transform:uppercase;
  color:var(--gl-ink-2)!important; text-decoration:none; transition:color .3s;
}
.gl-footer-nav a:hover{ color:var(--gl-gold)!important; }
.gl-footer-legal{
  font-family:'Jost',sans-serif; font-weight:300;
  font-size:11.5px; color:#6b6860; line-height:1.7;
  max-width:540px; margin:0 auto 24px;
  padding-top:26px; border-top:1px solid var(--gl-hair);
}
.gl-footer-copy{
  font-family:'Jost',sans-serif; font-weight:300;
  font-size:11px; letter-spacing:.14em; color:#5c5a54; text-transform:uppercase;
}

/* ---- Header logo image ---- */
.gl-logo-img{ height:122px; width:auto; display:block; }
@media (max-width:782px){ .gl-logo-img{ height:90px; } }

/* ---- Footer logo image ---- */
.gl-footer-logo{ height:160px; width:auto; display:inline-block; margin-bottom:6px; }
@media (max-width:782px){ .gl-footer-logo{ height:120px; } }

/* ---- Home hero background image ---- */
.elementor-element-glhero01{
  background-image:linear-gradient(rgba(14,14,12,.22),rgba(14,14,12,.34)), url('assets/hero-bg.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* ============================================================
   GOLDLIO — Home polish pass v2 (Gideon)
   ============================================================ */

/* Hero: stronger bottom-up scrim so subhead is always readable */
.elementor-element-glhero01{
  background-image:
    linear-gradient(180deg, rgba(14,14,12,.30) 0%, rgba(14,14,12,.20) 45%, rgba(14,14,12,.72) 100%),
    url('assets/hero-bg.jpg')!important;
}
/* text shadow safety on hero copy */
.elementor-element-glhero01 .elementor-heading-title,
.elementor-element-glhero01 .elementor-widget-text-editor{
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}

/* Body copy: more presence (less ghostly) */
.elementor-widget-text-editor{ color:#B7B3A8!important; }

/* Cultivar cards — make them read as real cards, gold detail, no cramped wraps */
.elementor-element-glcucol1, .elementor-element-glcucol2, .elementor-element-glcucol3,
.elementor-element-glcvcol1, .elementor-element-glcvcol2, .elementor-element-glcvcol3{
  background:#13110D!important;
  border:1px solid rgba(197,165,114,.30)!important;
  transition:border-color .5s, transform .5s, box-shadow .5s!important;
}
.elementor-element-glcucol1:hover, .elementor-element-glcucol2:hover, .elementor-element-glcucol3:hover,
.elementor-element-glcvcol1:hover, .elementor-element-glcvcol2:hover, .elementor-element-glcvcol3:hover{
  border-color:rgba(197,165,114,.75)!important;
  transform:translateY(-4px);
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}

/* Gold hairline accents under section eyebrows */
.gl-eyebrow:after{ content:""; display:block; width:42px; height:1px; background:var(--gl-gold);
  margin:14px auto 0; opacity:.6; }

/* Buttons: subtle refinement */
.elementor-button{ transition:all .5s cubic-bezier(.2,.7,.2,1)!important; }

/* ============================================================
   GOLDLIO — Home polish pass v3 (Gideon)
   ============================================================ */

/* Hero subhead: brighter + own scrim chip so it never disappears */
.elementor-element-glheb03{
  background:rgba(14,14,12,.32);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  padding:14px 26px!important;
  border-radius:2px;
  display:inline-block;
}
.elementor-element-glheb03 .elementor-widget-container{ color:#F0ECE3!important; }
.elementor-element-glheb03 p{ color:#F0ECE3!important; }

/* No. numerals never wrap */
[class*="elementor-element-glcuno"] .elementor-heading-title{ white-space:nowrap; }

/* Cultivar intro perfectly centered above cards */
.elementor-element-glcultintro{ text-align:center; }

/* Newsletter: style the embedded input row */
.gl-subscribe{ display:flex; gap:0; max-width:440px; margin:26px auto 0; border:1px solid rgba(197,165,114,.5); }
.gl-subscribe input[type=email]{
  flex:1; background:transparent; border:0; outline:0;
  color:#EDE9E0; font-family:'Jost',sans-serif; font-weight:300; font-size:14px;
  letter-spacing:.04em; padding:16px 18px;
}
.gl-subscribe input[type=email]::placeholder{ color:#8C887E; }
.gl-subscribe button{
  background:transparent; border:0; border-left:1px solid rgba(197,165,114,.5);
  color:#C5A572; font-family:'Jost',sans-serif; font-size:11px; letter-spacing:.22em;
  text-transform:uppercase; padding:0 24px; cursor:pointer; transition:all .4s;
}
.gl-subscribe button:hover{ background:#C5A572; color:#0E0E0C; }

/* ============================================================
   GOLDLIO — Home polish pass v4 (Gideon) — final
   ============================================================ */

/* Hero subhead: remove hard box, use soft feathered scrim + strong text-shadow */
.elementor-element-glheb03{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
  display:block!important;
}
.elementor-element-glheb03 p{
  color:#F2EEE6!important;
  text-shadow:0 2px 16px rgba(0,0,0,.85), 0 0 40px rgba(0,0,0,.6)!important;
}

/* Stronger uniform bottom scrim on hero so all copy reads */
.elementor-element-glhero01{
  background-image:
    linear-gradient(180deg, rgba(14,14,12,.34) 0%, rgba(14,14,12,.18) 38%, rgba(14,14,12,.78) 100%),
    url('assets/hero-bg.jpg')!important;
}

/* Cultivar cards: more internal breathing room */
[class*="elementor-element-glcucol"] > .elementor-widget-wrap,
[class*="elementor-element-glcucol"] .elementor-widget-wrap{
  padding:8px 6px!important;
}
.elementor-element-glcucol1, .elementor-element-glcucol2, .elementor-element-glcucol3{
  padding:60px 46px!important;
}

/* The List input: a touch more border contrast */
.gl-subscribe{ border-color:rgba(197,165,114,.65)!important; }

/* Primary CTA elevation: fill the hero button subtly to create hierarchy */
.elementor-element-glheb04 .elementor-button{
  background:rgba(197,165,114,.10)!important;
}

/* Prevent any heading clipping under sticky nav; ensure headings never overflow-hidden */
.elementor-widget-heading, .elementor-heading-title{ overflow:visible!important; }
.elementor-section{ overflow:visible!important; }
.gl-header{ z-index:1000; }

/* B hero: solid charcoal (override earlier full-bleed bg), framed accent image */
.elementor-element-glhero01{
  background-image:none!important;
  background-color:#0E0E0C!important;
}
@media (max-width:880px){
  .elementor-element-glheroL{ text-align:center; }
  .elementor-element-glheb01 .elementor-heading-title,
  .elementor-element-glheb02 .elementor-heading-title,
  .elementor-element-glheb03,
  .elementor-element-glheb04{ text-align:center!important; }
}

/* Hero B: vertically center both columns */
.elementor-element-glhero01 > .elementor-container{ align-items:center!important; }
.elementor-element-glheroL .elementor-widget-wrap{ justify-content:center; }

/* ---- Terpene tags (Glacier Gas) ---- */
.gl-terps{ display:flex; flex-wrap:wrap; gap:10px; }
.gl-terp{
  display:inline-block; font-family:'Jost',sans-serif; font-weight:300;
  font-size:12px; letter-spacing:.08em; color:#EDE9E0;
  border:1px solid rgba(197,165,114,.4); padding:8px 16px; border-radius:999px;
  transition:all .35s;
}
.gl-terp:hover{ border-color:#C5A572; color:#C5A572; }
@media (max-width:880px){
  .elementor-element-glggR{ text-align:center; padding-left:10px!important; }
  .gl-terps{ justify-content:center; }
}

/* ---- Glacier Gas featured: force proper column widths + big image ---- */
.elementor-element-glggS > .elementor-container{ align-items:center!important; }
.elementor-element-glggL{ width:42%!important; flex:0 0 42%!important; }
.elementor-element-glggR{ width:58%!important; flex:0 0 58%!important; }
.elementor-element-glggimg img{ width:100%!important; max-width:460px!important; height:auto!important; }
.elementor-element-glgg_body{ max-width:600px; }
@media (max-width:880px){
  .elementor-element-glggL, .elementor-element-glggR{ width:100%!important; flex:0 0 100%!important; }
  .elementor-element-glggimg img{ max-width:340px!important; }
}

/* Glacier image: CSS radial mask fades photo into page (no baked halo) */
.gl-maskimg{
  -webkit-mask-image:radial-gradient(ellipse 62% 60% at 50% 50%, #000 48%, rgba(0,0,0,0) 78%);
          mask-image:radial-gradient(ellipse 62% 60% at 50% 50%, #000 48%, rgba(0,0,0,0) 78%);
}

/* Glacier image mask v2 — earlier fade start, later end (kills halo ring) */
.gl-maskimg{
  -webkit-mask-image:radial-gradient(ellipse 64% 68% at 50% 50%, #000 32%, rgba(0,0,0,0) 90%)!important;
          mask-image:radial-gradient(ellipse 64% 68% at 50% 50%, #000 32%, rgba(0,0,0,0) 90%)!important;
}