/*
Theme Name: Spa @ Home Inc. Child
Description: Update-safe presentation fixes for the approved Spa @ Home Inc. theme.
Template: spa-at-home
Version: 1.0.1
Requires PHP: 8.0
Text Domain: spa-at-home-child
*/

/* Explicit color pairs prevent older hover rules hiding text on filled CTAs. */
body.client-approved .button,
body.client-approved .service-enquiry-button {
  background: #698130 !important;
  border-color: #698130 !important;
  color: #fff !important;
  -webkit-text-fill-color: currentColor;
}
body.client-approved .button:hover,
body.client-approved .button:focus-visible,
body.client-approved .service-enquiry-button:hover,
body.client-approved .service-enquiry-button:focus-visible {
  background: #536725 !important;
  border-color: #536725 !important;
  color: #fff !important;
}
body.client-approved .button.button-outline {
  background: transparent !important;
  border-color: #536725 !important;
  color: #536725 !important;
}
body.client-approved .button.button-outline:hover,
body.client-approved .button.button-outline:focus-visible {
  background: #536725 !important;
  color: #fff !important;
}
body.client-approved .button > span { color: inherit !important; }
body.client-approved .button:focus-visible {
  outline: 2px solid #698130;
  outline-offset: 4px;
}
/* The approved hygiene section retains its clay buttons. */
body.client-approved .hygiene-grid .button {
  background: #84745d !important; border-color: #84745d !important; color: #fff !important;
}
body.client-approved .hygiene-grid .button.button-outline {
  background: transparent !important; color: #75654f !important;
}
body.client-approved .hygiene-grid .button:hover,
body.client-approved .hygiene-grid .button:focus-visible {
  background: #6f5e4a !important; border-color: #6f5e4a !important; color: #fff !important;
}
/* Light action treatment remains readable on the dark recruitment panel. */
body.client-approved .careers-grid .button {
  background: #e0e5d3 !important; border-color: #e0e5d3 !important; color: #26493e !important;
}
body.client-approved .careers-grid .button:hover,
body.client-approved .careers-grid .button:focus-visible {
  background: #fff !important; border-color: #fff !important; color: #26493e !important;
}

/* A continuous title canvas with softly blended artwork, shared by inner pages. */
body.client-approved main .about-title-strip {
  position: relative;
  isolation: isolate;
  background: linear-gradient(100deg, #f5f2e8 0%, #eef0e4 100%) !important;
}
body.client-approved main .about-title-strip::before {
  content: '';
  position: absolute;
  inset: 0 0 0 auto;
  width: min(680px, 62vw);
  background-image: var(--spa-title-art, url('assets/title-botanical-watercolor.webp'));
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
  opacity: .72;
  pointer-events: none;
  z-index: 0;
}
body.client-approved main .about-title-strip::after,
body.client-approved main .about-title-strip .strip-botanicals { display: none; }
body.client-approved main .about-title-strip > .container { position: relative; z-index: 1; }

/* Host credit reads as part of the page, with balanced spacing and a sage panel. */
body.client-approved main.girls-night-in-page .service-bonus {
  padding-block: clamp(32px, 4.5vw, 60px);
  background: #f5f2e8;
}
body.client-approved main.girls-night-in-page .bonus-panel {
  padding: clamp(25px, 3.5vw, 44px);
  background: linear-gradient(110deg, #eef0e4, #e0e5d3);
  border: 1px solid #cbd5bc;
  border-radius: 4px;
}
body.client-approved main.girls-night-in-page .bonus-panel h2 { color: #26493e; }
body.client-approved main.girls-night-in-page .bonus-panel p { color: #515d52; max-width: 70ch; }
@media (max-width:650px) {
  body.client-approved main .about-title-strip::before { width: 70vw; opacity: .3; }
  body.client-approved main .about-title-strip h1 { position: relative; }
}