/*
Theme Name: WHC Soft Spa
Theme URI: https://wholistichealthctr.com
Author: Wholistic Health Center
Description: Soft, mint-and-green block theme for Wholistic Health Center.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: whc-soft-spa
*/
:root{--whc-radius:36px}
body{-webkit-font-smoothing:antialiased}
a{text-underline-offset:3px}
a:focus-visible,.wp-element-button:focus-visible{outline:3px solid var(--wp--preset--color--green);outline-offset:3px}
.whc-header{padding:20px clamp(20px,5vw,72px);border-bottom:1px solid var(--wp--preset--color--mint-mid)}
.whc-header .wp-block-navigation{font-weight:500}
.wp-block-button__link{padding:15px 28px;font-weight:600}
.wp-block-button.is-style-outline .wp-block-button__link{background:#fff;border:1.5px solid var(--wp--preset--color--green);color:var(--wp--preset--color--green)}
.whc-hero{background:var(--wp--preset--color--mist);border-radius:44px;padding:clamp(28px,5vw,72px)!important;margin-top:24px}
.whc-hero-cols{align-items:center;gap:48px}
.whc-photo img{display:block;width:100%;height:auto;border-radius:28px}
.whc-photo--arch img{border-radius:999px 999px 32px 32px;aspect-ratio:4/5;object-fit:cover;max-width:440px;margin:0 auto}
.whc-photo--round img{border-radius:36px;aspect-ratio:1/1;object-fit:cover}
.whc-photo--card img{border-radius:22px;aspect-ratio:3/2;object-fit:cover}
.whc-lead{font-size:1.2rem;color:#4B5E54}
.whc-small{font-size:.9rem;color:#5E7168}
.whc-chips{justify-content:center;gap:14px;padding-top:36px}
.whc-chip{background:#fff;border:1px solid var(--wp--preset--color--mint-mid);border-radius:999px;padding:10px 22px;font-size:.95rem;font-weight:500;color:var(--wp--preset--color--green);margin:0}
.whc-intro,.whc-pagehead{text-align:center;padding:88px 0 40px}
.whc-intro .wp-block-columns{text-align:left;max-width:760px;margin:0 auto}
.whc-pagehead{padding:72px 0 24px}
.whc-services{padding:56px 0 72px}
.whc-card{background:#fff;border:1.5px solid var(--wp--preset--color--mint-mid);border-radius:32px;padding:20px 20px 32px}
.whc-card>*:not(.whc-photo){margin-left:12px;margin-right:12px}
.whc-card--dark{background:var(--wp--preset--color--green);border-color:var(--wp--preset--color--green);color:#fff}
.whc-card--dark a,.whc-card--dark h2,.whc-card--dark h3{color:#fff}
.whc-card--dark .whc-link a{color:var(--wp--preset--color--mint)}
.whc-link a{font-weight:600;color:var(--wp--preset--color--green);border-bottom:1.5px solid currentColor;text-decoration:none;padding-bottom:2px}
.whc-team{padding:0 0 88px;margin-top:24px}
.whc-team .wp-block-columns{align-items:center;gap:56px}
.whc-testimonials{background:var(--wp--preset--color--mist);border-radius:44px;padding:clamp(28px,5vw,72px)!important}
.whc-quote .wp-block-quote{background:#fff;border:0;border-radius:28px;padding:28px;margin:0;font-family:var(--wp--preset--font-family--heading);font-size:1.2rem;line-height:1.4}
.whc-cta{background:var(--wp--preset--color--green);color:#fff;border-radius:44px;padding:clamp(36px,6vw,80px)!important;margin-top:40px;text-align:center}
.whc-cta h2{color:#fff;font-size:clamp(2rem,5vw,3.5rem)}
.whc-cta .wp-block-buttons{justify-content:center}
.whc-cta .wp-block-button__link{background:var(--wp--preset--color--mint);color:var(--wp--preset--color--ink)}
.whc-role{color:var(--wp--preset--color--green);font-weight:600;margin-top:0}
.whc-bio,.whc-service,.whc-find,.whc-contactcards{padding:40px 0}
.whc-bio .wp-block-columns,.whc-service .wp-block-columns,.whc-find .wp-block-columns{align-items:center;gap:48px}
.whc-service--dark{background:var(--wp--preset--color--mist);border-radius:36px;padding:40px!important}
.whc-people .wp-block-columns{gap:24px}
.whc-story{background:var(--wp--preset--color--mist);border-radius:44px;padding:clamp(28px,5vw,64px)!important;margin-top:32px}
.whc-steps{padding:56px 0}
.whc-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;padding:24px 0 48px}
.whc-resource{background:#fff;border:1.5px solid var(--wp--preset--color--mint-mid);border-radius:28px;padding:28px}
.whc-footer{background:var(--wp--preset--color--mist);margin-top:72px;padding:56px clamp(20px,5vw,72px);font-size:.95rem}
@media(max-width:781px){.whc-hero-cols{gap:28px}.whc-service .wp-block-columns{gap:20px}}