/* Kugler Home Services Pro v1.9.9 — selective glass / metallic gold system.
   Loaded after style.css; conservative layering preserves WP Customizer colors,
   existing interactions, logo transparency, document scrolling and sticky FAQs. */
:root{
  --khs-panel-rgb:30,29,34;
  --khs-glass-alpha:.69;
  --khs-blur:17px;
  --khs-specular:rgba(255,255,255,.14);
  --khs-glass-line:rgba(246,208,120,.19);
  --khs-glass-shadow:0 22px 54px rgba(0,0,0,.21),inset 0 1px rgba(255,255,255,.11);
  --khs-gold-glow:rgba(217,160,45,.23);
  --khs-glass-spot:rgba(253,207,107,.17);
  --khs-section-aura:rgba(220,167,64,.105);
  --khs-section-fade:rgba(225,180,85,.035);
  --khs-glass-speed:320ms;
  --khs-glass-ease:cubic-bezier(.2,.73,.23,1);
}
html[data-rip-theme="light"]{
  --khs-panel-rgb:255,255,255;
  --khs-glass-alpha:.79;
  --khs-specular:rgba(255,255,255,.93);
  --khs-glass-line:rgba(154,108,25,.22);
  --khs-glass-shadow:0 22px 55px rgba(90,69,22,.085),inset 0 1px rgba(255,255,255,.93);
  --khs-gold-glow:rgba(162,113,25,.15);
  --khs-glass-spot:rgba(219,167,52,.14);
  --khs-section-aura:rgba(217,169,67,.14);
  --khs-section-fade:rgba(221,177,90,.05);
}
body.khs-glass-soft{--khs-glass-alpha:.85;--khs-blur:10px;--khs-glass-spot:rgba(223,172,63,.09)}
body.khs-glass-radiant{--khs-glass-alpha:.53;--khs-blur:23px;--khs-glass-spot:rgba(250,203,105,.26);--khs-gold-glow:rgba(231,165,48,.32)}
html[data-rip-theme="light"] body.khs-glass-soft{--khs-glass-alpha:.91}
html[data-rip-theme="light"] body.khs-glass-radiant{--khs-glass-alpha:.68}

/* All sections share a luminous background, without any overflow or
   transform on section ancestors (those would break sticky positioning). */
body.bghs-one-page,
body.bghs-one-page .rip-section,
body.bghs-one-page .rip-section--dark,
body.bghs-one-page .rip-section--surface,
body.bghs-one-page .bghs-hero,
body.bghs-one-page .site-footer{
  background-color:var(--rip-background);
  background-image:
    radial-gradient(ellipse 62% 66% at 88% 2%,var(--khs-section-aura),transparent 78%),
    radial-gradient(ellipse 52% 60% at 2% 97%,var(--khs-section-fade),transparent 77%),
    linear-gradient(132deg,transparent,color-mix(in srgb,var(--rip-surface) 35%,transparent) 62%,transparent) !important;
}
body.bghs-one-page .rip-section{border-top:1px solid color-mix(in srgb,var(--rip-primary) 9%,transparent);border-bottom-color:color-mix(in srgb,var(--rip-primary) 9%,transparent)}
body.bghs-one-page .rip-section:nth-of-type(even){background-position:right top,left bottom,center;background-size:auto}
body.bghs-one-page .rip-section-heading .rip-lead{line-height:1.72}
body.bghs-one-page .rip-section-heading .rip-eyebrow,
body.bghs-one-page .bghs-hero__eyebrow,
body.bghs-one-page .rip-card-kicker{
  border-radius:999px;
  background:rgba(var(--khs-panel-rgb),.42);
  border:1px solid var(--khs-glass-line);
  box-shadow:inset 0 1px var(--khs-specular);
}
body.bghs-one-page .rip-card-kicker{display:inline-flex;padding:6px 11px;margin-bottom:12px;font-size:10px;line-height:1.3;letter-spacing:.8px}

/* Glass system for service, media, FAQ, contact and supporting cards.
   Hero headline, About text, navigation and footer columns are intentionally unboxed. */
body.bghs-one-page :is(
 .bghs-about-reference__media,
 .bghs-about-reference__badge,
 .bghs-service-card-v2,
 .bghs-why-feature__media,
 .bghs-why-feature__copy,
 .bghs-why-reason,
 .bghs-area-copy,
 .bghs-area-map-col .rip-map,
 .bghs-project-card-v2,
 .bghs-testimonial-card-v2,
 .rip-faq,
 .bghs-faq-intro,
 .bghs-contact-reference__details,
 .bghs-contact-reference__form>.bghs-contact-form--reference,
 .bghs-hero-float-card,
 .bghs-empty-state,
 .rip-inline-note,
 .rip-cta
 ){
  border:1px solid transparent;
  background:
    linear-gradient(140deg,rgba(var(--khs-panel-rgb),var(--khs-glass-alpha)),rgba(var(--khs-panel-rgb),calc(var(--khs-glass-alpha) * .78))) padding-box,
    linear-gradient(130deg,var(--khs-glass-line),rgba(255,255,255,.085) 35%,rgba(217,164,54,.14) 72%,var(--khs-glass-line)) border-box !important;
  box-shadow:var(--khs-glass-shadow);
  -webkit-backdrop-filter:blur(var(--khs-blur)) saturate(135%);
  backdrop-filter:blur(var(--khs-blur)) saturate(135%);
}
/* Keep imagery vivid and still visible; photo itself must never be blurred. */
body.bghs-one-page :is(.bghs-about-reference__media,.bghs-why-feature__media) {isolation:isolate}
body.bghs-one-page .bghs-about-reference__media,
body.bghs-one-page .bghs-why-feature__media{box-shadow:0 25px 65px rgba(0,0,0,.22),inset 0 1px var(--khs-specular)}
body.bghs-one-page .bghs-about-reference__badge,
body.bghs-one-page .bghs-why-feature__copy{border-radius:18px}
body.bghs-one-page .bghs-faq-intro{padding:clamp(24px,3vw,43px);border-radius:24px;min-width:0}
body.bghs-one-page .bghs-faq-intro .rip-section-heading{margin-bottom:25px}
body.bghs-one-page .bghs-area-map-col .rip-map{overflow:hidden}
body.bghs-one-page .bghs-contact-reference__form{min-width:0}
body.bghs-one-page .bghs-contact-reference__form>.bghs-contact-form--reference{height:100%}
body.bghs-one-page .bghs-contact-reference__details{border-radius:23px}

/* Responsive glints on card hover. The spot follows pointer position when
   available; keyboard focus uses a static center highlight. */
body.bghs-one-page :is(.bghs-service-card-v2,.bghs-why-reason,.bghs-project-card-v2,.bghs-testimonial-card-v2,.rip-faq,.bghs-hero-float-card,.rip-area-chip-list>span,.bghs-contact-reference__item){
  transition:transform var(--khs-glass-speed) var(--khs-glass-ease),
             box-shadow var(--khs-glass-speed) var(--khs-glass-ease),
             border-color var(--khs-glass-speed) var(--khs-glass-ease),
             background var(--khs-glass-speed) var(--khs-glass-ease);
}
@media (hover:hover) and (pointer:fine){
 body.bghs-one-page :is(.bghs-service-card-v2,.bghs-why-reason,.bghs-project-card-v2,.bghs-testimonial-card-v2,.rip-faq):hover,
 body.bghs-one-page :is(.bghs-service-card-v2,.bghs-why-reason,.bghs-project-card-v2,.bghs-testimonial-card-v2,.rip-faq):focus-within{
    background:
      radial-gradient(410px circle at var(--khs-x,50%) var(--khs-y,35%),var(--khs-glass-spot),transparent 72%) padding-box,
      linear-gradient(140deg,rgba(var(--khs-panel-rgb),var(--khs-glass-alpha)),rgba(var(--khs-panel-rgb),calc(var(--khs-glass-alpha)*.76))) padding-box,
      linear-gradient(130deg,#a06d17,#ffe197 43%,#c8902a 76%,#8d5a12) border-box !important;
    box-shadow:0 26px 63px var(--khs-gold-glow),inset 0 1px var(--khs-specular);
    transform:translate3d(0,-5px,0);
 }
 body.bghs-one-page .rip-faq:hover,
 body.bghs-one-page .rip-faq:focus-within{transform:translate3d(0,-2px,0)}
}
body.bghs-one-page :is(.bghs-service-card-v2,.bghs-why-reason,.bghs-project-card-v2,.bghs-testimonial-card-v2,.rip-faq):focus-within{
  border-color:var(--rip-primary);
  box-shadow:0 15px 42px var(--khs-gold-glow),inset 0 1px var(--khs-specular);
}

/* Navigation, topbar, footer and popovers. Never place a disk under transparent logos. */
body.bghs-one-page .rip-topbar{
  background:rgba(var(--khs-panel-rgb),.43)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-color:var(--khs-glass-line);
}
/* Header navigation deliberately keeps the familiar v1.9.7 flat appearance.
   The header and mobile menu use their original styles from style.css;
   transparent gold logos continue to have no background disk. */
body.bghs-one-page :is(.bghs-header-logo,.bghs-footer-logo,.bghs-logo-switch){background:transparent!important;background-image:none!important}
body.bghs-one-page :is(.bghs-testimonial-slider__buttons button,.rip-back-to-top){
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid var(--khs-glass-line);
  box-shadow:inset 0 1px var(--khs-specular),0 8px 22px rgba(0,0,0,.08);
}
body.bghs-one-page .bghs-testimonial-slider__buttons button:hover{
  border-color:var(--rip-primary);box-shadow:0 8px 28px var(--khs-gold-glow),inset 0 1px var(--khs-specular);
}

/* Metallic gold CTA with a slow sweep only while hovered; no infinite CPU use. */
body.bghs-one-page .rip-btn{position:relative;overflow:hidden;border-radius:12px;isolation:isolate;transition:transform .28s var(--khs-glass-ease),box-shadow .3s,border-color .3s}
body.bghs-one-page .rip-btn--primary,
body.bghs-one-page .rip-btn--primary:hover{color:#1b1506!important}
body.bghs-one-page .rip-btn--primary::after{
  content:"";position:absolute;inset:-40% auto -40% -70%;width:38%;pointer-events:none;z-index:0;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.54),transparent);
  transform:translateX(-210%) skewX(-18deg);
  transition:transform .72s ease;
}
body.bghs-one-page .rip-btn--primary:hover::after,
body.bghs-one-page .rip-btn--primary:focus-visible::after{transform:translateX(520%) skewX(-18deg)}
body.bghs-one-page .rip-btn--ghost,
body.bghs-one-page .rip-btn--ghost:hover{
  background:linear-gradient(135deg,rgba(var(--khs-panel-rgb),.65),rgba(var(--khs-panel-rgb),.33))!important;
  border:1px solid var(--khs-glass-line)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--rip-text)!important;
}
body.bghs-one-page .rip-btn--ghost:hover{box-shadow:0 13px 38px var(--khs-gold-glow);border-color:var(--rip-primary)!important;color:var(--rip-primary-hover)!important}
body.bghs-one-page .bghs-hero--centered .bghs-hero__actions .rip-btn:hover{transform:translateY(-4px)}
body.bghs-one-page :is(.bghs-header-logo,.bghs-footer-logo) img{filter:drop-shadow(0 5px 9px rgba(0,0,0,.10))}

/* Hero: keep its original unboxed headline and typography. Only the four
   floating highlight cards carry the new glass and gold styling. */
body.bghs-one-page .bghs-hero--centered .bghs-hero__inner{position:relative}
body.bghs-one-page .bghs-hero-float-card{box-shadow:var(--khs-glass-shadow),0 0 24px rgba(220,168,55,.07)}
body.bghs-one-page .bghs-hero-float-card__icon,
body.bghs-one-page .bghs-service-card-v2__icon,
body.bghs-one-page .bghs-why-reason__icon,
body.bghs-one-page .bghs-contact-reference__icon,
body.bghs-one-page .rip-footer-contact__icon,
body.bghs-one-page .rip-icon-card__icon{
  border:1px solid var(--khs-glass-line)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--rip-primary) 20%,transparent),rgba(var(--khs-panel-rgb),.60))!important;
  box-shadow:inset 0 1px var(--khs-specular),0 8px 20px rgba(0,0,0,.07);
  color:var(--rip-primary);
  transition:transform .32s var(--khs-glass-ease),box-shadow .32s,background .32s;
}
body.bghs-one-page :is(.bghs-service-card-v2,.bghs-why-reason,.bghs-contact-reference__item):hover :is(.bghs-service-card-v2__icon,.bghs-why-reason__icon,.bghs-contact-reference__icon){
  transform:scale(1.07) rotate(-3deg);box-shadow:0 10px 30px var(--khs-gold-glow),inset 0 1px var(--khs-specular);color:var(--rip-primary-hover);
}
body.bghs-one-page .bghs-service-card-v2__glow{pointer-events:none}
body.bghs-one-page .bghs-service-card-v2__footer{border-color:var(--khs-glass-line)}
body.bghs-one-page .bghs-service-card-v2__footer a:hover{color:var(--rip-primary-hover)}
body.bghs-one-page .bghs-why-reason__accent{background:var(--khs-glass-line)}
body.bghs-one-page .bghs-why-reason__accent span{background:var(--khs-gold-gradient)}

/* Project cards: glass frames and responsive photographic focus. */
body.bghs-one-page .bghs-project-card-v2 .rip-project-card__media{overflow:hidden}
body.bghs-one-page .bghs-project-card-v2 .rip-project-card__media img{transition:transform .55s var(--khs-glass-ease),filter .5s ease}
@media (hover:hover) and (pointer:fine){
 body.bghs-one-page .bghs-project-card-v2:hover .rip-project-card__media img{transform:scale(1.035);filter:saturate(1.04)}
}
body.bghs-one-page .bghs-project-card-v2 .rip-project-card__body{position:relative;background:linear-gradient(180deg,rgba(var(--khs-panel-rgb),.11),rgba(var(--khs-panel-rgb),.24))}
body.bghs-one-page .bghs-project-card-v2 .rip-project-card__meta{border-color:var(--khs-glass-line)}
body.bghs-one-page .bghs-testimonial-card-v2 .rip-testimonial-card__avatar{border:2px solid color-mix(in srgb,var(--rip-primary) 72%,transparent)}
body.bghs-one-page .rip-stars{color:var(--rip-primary-hover)}
body.bghs-one-page .bghs-testimonial-slider__progress{height:4px;border-radius:100px}

/* Override a legacy !important FAQ border so its gradient edge is visible. */
body.bghs-one-page .rip-faq{border:1px solid transparent!important}
/* FAQ: sticky left card retains document scrolling on either side. */
body.bghs-one-page .bghs-faq-section{overflow:visible!important}
body.bghs-one-page .rip-split--faq>.bghs-faq-intro{overflow:visible!important;overscroll-behavior:auto!important}
body.bghs-one-page .rip-faq{border-radius:18px}
body.bghs-one-page .rip-faq summary{transition:color .2s ease}
body.bghs-one-page .rip-faq[open]{
  border:1px solid transparent!important;
  background:linear-gradient(155deg,rgba(var(--khs-panel-rgb),.78),rgba(var(--khs-panel-rgb),.53)) padding-box,
  linear-gradient(110deg,#a66c15,#efd07b 56%,#8b5e0e) border-box!important;
  box-shadow:0 10px 36px var(--khs-gold-glow),inset 0 1px var(--khs-specular);
}
body.bghs-one-page .rip-faq[open] summary{color:var(--rip-text)}

/* Contact surfaces, controls and map chips. */
body.bghs-one-page :is(.rip-field input,.rip-field textarea,.rip-field select,.bghs-hero-field input,.bghs-hero-field select){
  background:rgba(var(--khs-panel-rgb),.48)!important;
  border:1px solid var(--khs-glass-line);
  border-radius:11px;
  color:var(--rip-text);
  box-shadow:inset 0 1px var(--khs-specular);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
body.bghs-one-page :is(.rip-field input,.rip-field textarea,.rip-field select,.bghs-hero-field input,.bghs-hero-field select):focus{
  border-color:var(--rip-primary)!important;
  background:rgba(var(--khs-panel-rgb),.79)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--rip-primary) 18%,transparent),inset 0 1px var(--khs-specular);
}
body.bghs-one-page :is(.rip-field input,.rip-field textarea,.bghs-hero-field input)::placeholder{color:var(--rip-muted);opacity:.82}
body.bghs-one-page .bghs-contact-reference__item{
  padding:10px 9px;border-radius:15px;border:1px solid transparent;
}
body.bghs-one-page .bghs-contact-reference__item:hover{
  border-color:var(--khs-glass-line);
  background:color-mix(in srgb,var(--rip-primary) 7%,transparent);
}
body.bghs-one-page .rip-area-chip-list>span{
  border:1px solid var(--khs-glass-line);
  background:rgba(var(--khs-panel-rgb),.44)!important;
  box-shadow:inset 0 1px var(--khs-specular);
}
body.bghs-one-page .rip-area-chip-list>span:hover{border-color:var(--rip-primary);transform:translateY(-2px);box-shadow:0 8px 23px var(--khs-gold-glow)}

/* Footer: retain the flat four-column v1.9.7 layout without glass panels.
   Only decorative gold accent interactions on the existing icons remain. */
body.bghs-one-page .bghs-footer-reference__social .rip-footer-social-icon:hover{
  transform:translateY(-4px);background:var(--khs-gold-gradient);color:#1b1507!important;
  box-shadow:0 9px 24px var(--khs-gold-glow);
}
body.bghs-one-page .rip-footer-bottom-wrap{border-top:1px solid var(--khs-glass-line)}

/* Browsers without blur support still show solid, legible panels. */
@supports not ((backdrop-filter:blur(5px)) or (-webkit-backdrop-filter:blur(5px))){
 body.bghs-one-page{--khs-glass-alpha:.96}
}
/* Prevent expensive blur stacking and hover interactions on touch devices. */
@media (max-width:1100px){
 body.bghs-one-page .rip-split--faq>.bghs-faq-intro{position:static!important;top:auto!important}
}
@media (max-width:760px){
 body.bghs-one-page{--khs-blur:8px}
 body.bghs-one-page .rip-section{padding-block:clamp(66px,10vw,86px)}
 body.bghs-one-page .bghs-faq-intro{padding:25px 21px}
 body.bghs-one-page .bghs-hero-float-card{backdrop-filter:none;-webkit-backdrop-filter:none}
 body.bghs-one-page :is(.bghs-project-card-v2,.bghs-testimonial-card-v2,.bghs-service-card-v2,.bghs-why-reason,.rip-faq){backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* Accessible reduced-motion behavior; hover changes retain non-motion cues. */
@media (prefers-reduced-motion:reduce){
 body.bghs-one-page *,body.bghs-one-page *::before,body.bghs-one-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 body.bghs-one-page :is(.bghs-service-card-v2,.bghs-why-reason,.bghs-project-card-v2,.bghs-testimonial-card-v2,.rip-faq,.rip-btn):hover{transform:none!important}
}

/* The logo remains transparent also on secondary WordPress pages. */
body.rip-theme:not(.bghs-one-page) :is(.bghs-header-logo,.bghs-footer-logo,.bghs-logo-switch){background:transparent!important;background-image:none!important}