/* =========================================================
   Airbrush Some Stuff V62 — targeted contrast correction
   Fixes the exact low-contrast service UI shown in screenshots.
   ========================================================= */

/* ---------------------------------------------------------
   SERVICES PAGE — light/cream explorer rows
   Old app.css makes service-chip text white. On the V38 paper
   treatment that becomes nearly invisible. Force a light-surface
   palette with stronger hierarchy and interactive states.
   --------------------------------------------------------- */
body.theme-v38.page-services .service-explorer .explorer-row{
  opacity:1!important;
  color:#111714!important;
  -webkit-text-fill-color:currentColor;
}
body.theme-v38.page-services .service-explorer .explorer-row h2{
  color:#111714!important;
  -webkit-text-fill-color:#111714!important;
  opacity:1!important;
}
body.theme-v38.page-services .service-explorer .explorer-row>span{
  color:#00a9d6!important;
  -webkit-text-fill-color:#00a9d6!important;
}
body.theme-v38.page-services .service-explorer .explorer-row small{
  color:#00a9d6!important;
  -webkit-text-fill-color:#00a9d6!important;
}
body.theme-v38.page-services .service-explorer .chip-row{
  gap:9px!important;
}
body.theme-v38.page-services .service-explorer .service-chip{
  color:#17262d!important;
  -webkit-text-fill-color:#17262d!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(17,23,20,.24)!important;
  box-shadow:0 3px 12px rgba(17,23,20,.045)!important;
  font-weight:750!important;
  opacity:1!important;
}
body.theme-v38.page-services .service-explorer .service-chip:hover,
body.theme-v38.page-services .service-explorer .service-chip:focus-visible{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#111714!important;
  border-color:#111714!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(0,169,214,.18)!important;
}
body.theme-v38.page-services .service-explorer .round-link{
  color:#111714!important;
  -webkit-text-fill-color:#111714!important;
  background:rgba(255,255,255,.7)!important;
  border-color:rgba(17,23,20,.26)!important;
}
body.theme-v38.page-services .service-explorer .round-link:hover,
body.theme-v38.page-services .service-explorer .round-link:focus-visible{
  color:#111714!important;
  background:#22d7e8!important;
  border-color:#22d7e8!important;
}

/* ---------------------------------------------------------
   HOME PAGE — dark service showcase panels
   V38 editorial rules force the headings/tags/CTA to ink/black,
   which disappears into the dark teal panel. Explicitly scope a
   dark-surface palette to these cards only.
   --------------------------------------------------------- */
body.theme-v38.page-index .service-showcase .service-panel.service-feature,
body.theme-v38.page-index .service-showcase .service-panel-copy{
  color:#f7f4ec!important;
}
body.theme-v38.page-index .service-showcase .service-panel h3{
  color:#f7f4ec!important;
  -webkit-text-fill-color:#f7f4ec!important;
  text-shadow:0 2px 12px rgba(0,0,0,.2)!important;
  opacity:1!important;
}
body.theme-v38.page-index .service-showcase .service-panel p{
  color:#d7e3e7!important;
  -webkit-text-fill-color:#d7e3e7!important;
  opacity:1!important;
}
body.theme-v38.page-index .service-showcase .service-number{
  color:#ff7a23!important;
  -webkit-text-fill-color:#ff7a23!important;
  border-color:rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.025)!important;
}
body.theme-v38.page-index .service-showcase .service-type{
  color:#29e5ff!important;
  -webkit-text-fill-color:#29e5ff!important;
}
body.theme-v38.page-index .service-showcase .panel-mural .service-type{
  color:#ff9bcf!important;
  -webkit-text-fill-color:#ff9bcf!important;
}
body.theme-v38.page-index .service-showcase .panel-events .service-type{
  color:#ffad8b!important;
  -webkit-text-fill-color:#ffad8b!important;
}
body.theme-v38.page-index .service-showcase .panel-print .service-type{
  color:#22d7e8!important;
  -webkit-text-fill-color:#22d7e8!important;
}
body.theme-v38.page-index .service-showcase .service-tags span{
  color:#eef6f8!important;
  -webkit-text-fill-color:#eef6f8!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  opacity:1!important;
}
body.theme-v38.page-index .service-showcase .service-cta{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-decoration-color:rgba(255,255,255,.82)!important;
  opacity:1!important;
}
body.theme-v38.page-index .service-showcase .service-cta b{
  color:#071016!important;
  -webkit-text-fill-color:#071016!important;
  background:#29e5ff!important;
}
body.theme-v38.page-index .service-showcase .service-cta:hover,
body.theme-v38.page-index .service-showcase .service-cta:focus-visible{
  color:#29e5ff!important;
  -webkit-text-fill-color:#29e5ff!important;
}

/* Defensive rule: if the homepage route is served as / instead of
   /index.php, the body class is still page-index in header.php. */

@media(max-width:700px){
  body.theme-v38.page-services .service-explorer .service-chip{
    padding:9px 12px!important;
    font-size:12px!important;
  }
  body.theme-v38.page-index .service-showcase .service-panel p{
    color:#e2ecef!important;
    -webkit-text-fill-color:#e2ecef!important;
  }
}

@media(prefers-contrast:more){
  body.theme-v38.page-services .service-explorer .service-chip{
    color:#071016!important;
    -webkit-text-fill-color:#071016!important;
    border-color:#071016!important;
    background:#fff!important;
  }
  body.theme-v38.page-index .service-showcase .service-panel h3,
  body.theme-v38.page-index .service-showcase .service-cta{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.theme-v38.page-index .service-showcase .service-panel p{
    color:#f0f6f7!important;
    -webkit-text-fill-color:#f0f6f7!important;
  }
}