/* Wake Home Motion — theme layer. Dark dawn hero → light sections in the inner-page palette (clean edge) → dark dusk close. */
.wkh{
  --lt-bg:#FAFBFD;
  --lt-band:#F3F4F8;
  --lt-card:#FFFFFF;
  --lt-line:#E3E5EA;
  --lt-line-2:#D6D9DD;
  --lt-head:#1E2132;
  --lt-text:#5A5A5A;
  --lt-faint:#9B9C9F;
  --lt-accent:#5B4B8A;
  --lt-accent-deep:#42356B;
  --lt-amber:#b0682f;
  --dk-0:#08090b;
  --dk-1:#0e1013;
  --dk-2:#131519;
  --dk-text:#ECE8E2;
  --dk-soft:#A9A59F;
  --dk-faint:#7d7a76;
  --dk-line:rgba(236,232,226,.10);
  --dk-amber-soft:#f2c99a;
  --dk-lav:#b9a8e0;
  --dk-lav-hi:#d6cbf2;
  --dk-brass:#cfa968;
  background:var(--lt-bg);color:var(--lt-head);
}
body.wkh-page,body.wkh-page #page{background:var(--lt-bg,#FAFBFD)!important}

/* ---------- text (light sections) ---------- */
.wkh .wkh-eyebrow{color:var(--lt-accent)}
.wkh .wkh-hero .wkh-eyebrow{color:#f4cf9d}
.wkh .wkh-h2,.wkh h3{color:var(--lt-head)}
.wkh .wkh-lede,.wkh .wkh-muted,.wkh .wkh-note,.wkh .wkh-step p,.wkh .wkh-guides p,.wkh .wkh-faq__a p,.wkh .wkh-list__m{color:var(--lt-text)}
.wkh .wkh-more,.wkh .wkh-more--ink,.wkh .wkh-sec--dawn .wkh-more{color:var(--lt-accent)}
.wkh .wkh-more:hover,.wkh .wkh-more--ink:hover,.wkh .wkh-sec--dawn .wkh-more:hover{color:var(--lt-accent-deep)}

/* ---------- hero → page: a clean, defined edge instead of a gradient ---------- */
.wkh .wkh-daybreak{display:none}
.wkh .wkh-hero{border-bottom:2px solid rgba(232,165,107,.6)}

/* ---------- section grounds: alternating white and soft grey, like the inner pages ---------- */
.wkh .wkh-sec--dawn{background:var(--lt-band);padding-top:clamp(64px,7vw,96px)}
.wkh .wkh-sec--day{background:var(--lt-card)}
.wkh .wkh-words{background:var(--lt-band)}
.wkh .wkh-sec--day:has(.wkh-doors){background:var(--lt-card)}
.wkh .wkh-sec--mist{background:var(--lt-band)}
.wkh .wkh-sec--day:has(.wkh-guides),.wkh .wkh-sec--tight{background:var(--lt-card)}

/* ---------- tribute cards ---------- */
.wkh .wkh-card{background:var(--lt-card);border-color:var(--lt-line);box-shadow:0 1px 2px rgba(30,33,50,.04),0 16px 34px -26px rgba(30,33,50,.35)}
.wkh .wkh-card:hover,.wkh .wkh-card:focus-within{border-color:rgba(91,75,138,.35);box-shadow:0 26px 48px -26px rgba(30,33,50,.38)}
.wkh .wkh-card__photo{background:linear-gradient(160deg,#e7e5ee,#c9c5d6)}
.wkh .wkh-card__photo::after{background:radial-gradient(120% 90% at 50% 30%,transparent 60%,rgba(30,33,50,.18) 100%)}
.wkh .wkh-card__label{color:var(--lt-faint)}
.wkh .wkh-card__name{color:var(--lt-head)}
.wkh .wkh-card__name a:hover{color:var(--lt-accent)}
.wkh .wkh-card__meta{color:var(--lt-text)}
.wkh .wkh-card__ago{color:var(--lt-faint);opacity:1}
.wkh .wkh-card__foot{border-top-color:var(--lt-line)}
.wkh .wkh-count{color:var(--lt-text)}
.wkh .wkh-light{border-color:var(--lt-line-2);color:var(--lt-head)}
.wkh .wkh-light:hover{border-color:#e8a56b;color:var(--lt-amber);background:rgba(232,165,107,.1)}

/* tribute rail: wider cards, tighter spacing, one-line candle button */
.wkh .wkh-track{gap:14px}
.wkh .wkh-card{width:284px}
.wkh .wkh-light{white-space:nowrap;flex:none}
.wkh .wkh-count{white-space:nowrap}
@media (max-width:700px){
  .wkh .wkh-track{gap:12px}
  .wkh .wkh-card{width:272px}
}

/* ---------- steps + writing demo ---------- */
.wkh .wkh-steps{border-top-color:var(--lt-line)}
.wkh .wkh-step__n{color:var(--lt-accent)}
.wkh .wkh-demo{background:var(--lt-card);border-color:var(--lt-line);box-shadow:0 30px 60px -42px rgba(30,33,50,.45)}
.wkh .wkh-demo__label{color:var(--lt-faint)}
.wkh .wkh-demo__label--out{color:var(--lt-accent)}
.wkh .wkh-demo__in{color:var(--lt-text);border-bottom-color:var(--lt-line)}
.wkh .wkh-demo__out{color:var(--lt-head)}

/* ---------- buttons on light ---------- */
.wkh .wkh-btn--ink{background:var(--lt-accent);color:#fff!important}
.wkh .wkh-btn--ink:hover{background:var(--lt-accent-deep);box-shadow:0 12px 30px -14px rgba(66,53,107,.6)}
.wkh .wkh-btn--outline{border-color:var(--lt-line-2);color:var(--lt-head)!important;background:var(--lt-card)}
.wkh .wkh-btn--outline:hover{border-color:var(--lt-accent);color:var(--lt-accent)!important}

/* ---------- Wake family doors: photo cards, dark under the text ---------- */
.wkh .wkh-door{border:0;color:var(--dk-text)}
.wkh .wkh-door:hover{box-shadow:0 30px 60px -34px rgba(30,33,50,.55)}
.wkh .wkh-door--tributes::before{background:radial-gradient(90% 70% at 80% 6%,rgba(232,165,107,.28),transparent 62%),linear-gradient(170deg,#211c19,#141518)}
.wkh .wkh-door--care::before{background:radial-gradient(80% 80% at 50% 0%,rgba(185,168,224,.22),transparent 64%),linear-gradient(170deg,#1c1a24,#141518)}
.wkh .wkh-door--legacy::before{background:radial-gradient(80% 70% at 85% 8%,rgba(207,169,104,.2),transparent 60%),linear-gradient(170deg,#1f1d18,#141518)}
.wkh .wkh-door h3{color:var(--dk-text)}
.wkh .wkh-door p{color:#cfcac3}
.wkh .wkh-door--tributes .wkh-door__go{color:var(--dk-amber-soft)}
.wkh .wkh-door--care .wkh-door__go{color:var(--dk-lav)}
.wkh .wkh-door--legacy .wkh-door__go{color:var(--dk-brass)}
.wkh .wkh-door .wkh-status{background:rgba(236,232,226,.12);color:#d9d4cd}
.wkh .wkh-door--care .wkh-status{background:rgba(185,168,224,.18);color:var(--dk-lav-hi)}
.wkh .wkh-door .wkh-status--now{background:rgba(232,165,107,.2);color:var(--dk-amber-soft)}
.wkh .wkh-door__arch{border-color:rgba(185,168,224,.4)}
.wkh .wkh-door__seal{border-color:rgba(207,169,104,.5);color:var(--dk-brass)}

/* ---------- community ---------- */
.wkh .wkh-com__col{background:var(--lt-card);border-color:var(--lt-line)}
.wkh .wkh-list,.wkh .wkh-list li{border-color:var(--lt-line)}
.wkh .wkh-list__t{color:var(--lt-head)}
.wkh .wkh-list a:hover .wkh-list__t{color:var(--lt-accent)}

/* ---------- guides + FAQ ---------- */
.wkh .wkh-guides,.wkh .wkh-guides li,.wkh .wkh-faq,.wkh .wkh-faq__item{border-color:var(--lt-line)}
.wkh .wkh-guides__arrow{color:var(--lt-accent)}
.wkh .wkh-guides a:hover h3{color:var(--lt-accent)}
.wkh .wkh-faq__icon::before,.wkh .wkh-faq__icon::after{background:var(--lt-accent)}

/* ---------- closing: dark dusk scene, clean edge from the light page ---------- */
.wkh .wkh-dusk{background:radial-gradient(55% 50% at 50% 62%,rgba(232,165,107,.16),transparent 70%),linear-gradient(180deg,var(--dk-2) 0%,var(--dk-1) 35%,var(--dk-0) 100%);padding-block:clamp(110px,12vw,160px) clamp(90px,10vw,130px);border-top:2px solid rgba(232,165,107,.6)}
.wkh .wkh-dusk__text{color:var(--dk-soft)}
.wkh .wkh-dusk__fine{color:var(--dk-faint)}
.wkh .wkh-dusk--media{background:#0b0e14;min-height:clamp(560px,52vw,820px);display:flex;align-items:flex-start;padding-block:clamp(96px,9vw,140px) 0}
.wkh .wkh-dusk__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%;z-index:0;pointer-events:none}
.wkh .wkh-dusk--media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,14,20,.5) 0%,rgba(11,14,20,.25) 18%,rgba(11,14,20,.1) 34%,rgba(11,14,20,0) 60%,rgba(8,9,11,.35) 88%,#08090b 100%)}
.wkh .wkh-dusk--media .wkh-dusk__inner{position:relative;z-index:2;width:100%}
.wkh .wkh-dusk--media .wkh-candle{display:none}
.wkh .wkh-dusk--media .wkh-dusk__title,.wkh .wkh-dusk--media .wkh-dusk__text,.wkh .wkh-dusk--media .wkh-dusk__fine{text-shadow:0 2px 22px rgba(8,9,11,.55)}
.wkh .wkh-dusk--media .wkh-dusk__text{color:#e6e1da}
.wkh .wkh-dusk--media .wkh-dusk__fine{color:#cfcac3}
.wkh .wkh-dusk--media .wkh-dusk__inner::before{content:"";position:absolute;left:50%;top:-40px;width:min(900px,100%);height:calc(100% + 80px);transform:translateX(-50%);z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(11,14,20,.45),transparent 75%)}
@media (max-width:600px){
  .wkh .wkh-dusk--media{min-height:clamp(640px,165vw,760px);padding-top:84px}
  .wkh .wkh-dusk__video{object-position:50% 55%}
}

/* ---------- footer (continues the dusk) ---------- */
.wkh .wkh-foot{background:var(--dk-0);border-top-color:var(--dk-line)}
.wkh .wkh-foot p{color:var(--dk-faint)}
.wkh .wkh-foot a{color:var(--dk-soft)}
.wkh .wkh-foot a:hover{color:var(--dk-amber-soft)}
body.wkh-page .elementor-location-footer{background:#08090b}

/* ---------- header: transparent with light items over the hero, the normal white header past it ---------- */
body.wkh-page #content.site-content{padding-top:0!important}
body.wkh-page #masthead{transition:background-color .4s ease,box-shadow .4s ease}
body.wkh-page:not(.wkh-scrolled) #masthead{background:transparent!important;box-shadow:none!important}
body.wkh-page:not(.wkh-scrolled) #masthead::before,body.wkh-page:not(.wkh-scrolled) #masthead::after{display:none}
body.wkh-page.wkh-scrolled #masthead{background:#fff!important}
body.wkh-page:not(.wkh-scrolled) #masthead .site-title img,body.wkh-page:not(.wkh-scrolled) #masthead .bb-logo,body.wkh-page:not(.wkh-scrolled) #masthead .bb-mobile-logo{filter:brightness(0) invert(1);opacity:.95}
body.wkh-page:not(.wkh-scrolled) #masthead .bb-toggle-panel,body.wkh-page:not(.wkh-scrolled) #masthead .bb-toggle-panel i,
body.wkh-page:not(.wkh-scrolled) #masthead .primary-menu > li > a,body.wkh-page:not(.wkh-scrolled) #masthead .primary-menu > li > a i,
body.wkh-page:not(.wkh-scrolled) #masthead .header-aside-inner > a,body.wkh-page:not(.wkh-scrolled) #masthead .header-aside-inner > a i,
body.wkh-page:not(.wkh-scrolled) #masthead .header-aside-inner > div > a.notification-link,body.wkh-page:not(.wkh-scrolled) #masthead .header-aside-inner > div > a.notification-link i,
body.wkh-page:not(.wkh-scrolled) #masthead .user-wrap > a.user-link,body.wkh-page:not(.wkh-scrolled) #masthead .user-wrap > a.user-link .user-name,
body.wkh-page:not(.wkh-scrolled) #masthead .bb-mobile-header a,body.wkh-page:not(.wkh-scrolled) #masthead .bb-mobile-header i,
body.wkh-page:not(.wkh-scrolled) #masthead .bb-header-buttons a.signin-button{color:#fff!important}
body.wkh-page:not(.wkh-scrolled) #masthead .primary-menu > li > a:hover,body.wkh-page:not(.wkh-scrolled) #masthead .primary-menu > li > a:hover i,body.wkh-page:not(.wkh-scrolled) #masthead .header-aside-inner > a:hover i,body.wkh-page:not(.wkh-scrolled) #masthead .notification-link:hover i,body.wkh-page:not(.wkh-scrolled) #masthead .bb-header-buttons a.signin-button:hover{color:#f2c99a!important}
body.wkh-page:not(.wkh-scrolled) #masthead .bb-separator{background:rgba(255,255,255,.25)!important;border-color:rgba(255,255,255,.25)!important}
body.wkh-page:not(.wkh-scrolled) #masthead .bb-header-buttons a.signin-button{border-color:transparent!important;background:transparent!important}
/* no white hover boxes behind the menu icons */
body.wkh-page #masthead .primary-menu > li > a::before,body.wkh-page #masthead .primary-menu > li:hover > a::before{background:transparent!important;background-color:transparent!important}
body.wkh-page:not(.wkh-scrolled) #masthead .header-search-link:hover,body.wkh-page:not(.wkh-scrolled) #masthead .bb-toggle-panel:hover{background:transparent!important}

/* ---------- hero readability on phones: deeper shade behind the text ---------- */
@media (max-width:700px){
  .wkh .wkh-hero::after{background:linear-gradient(180deg,rgba(14,16,19,.55) 0%,rgba(14,16,19,.1) 16%,rgba(14,16,19,.25) 34%,rgba(14,16,19,.72) 52%,rgba(14,16,19,.9) 70%,#14181d 100%)}
  .wkh .wkh-hero__title,.wkh .wkh-hero .wkh-eyebrow,.wkh .wkh-hero__lede{text-shadow:0 2px 24px rgba(8,9,11,.65)}
  .wkh .wkh-hero__body{padding-top:110px}
}
/* desktop: a touch more shade behind the bottom-left text block */
@media (min-width:701px){
  .wkh .wkh-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 55% at 22% 88%,rgba(14,16,19,.55),transparent 70%)}
}