/* CUSTOMER SKIN (2026-10-14): light, Fresha-style presentation for customer pages (body.ec-skin), using the
   same tokens as the home page (--mk-* / --v3-* from customer-header.css). Business pages never get this class. */
body.ec-skin{background:#fff;color:var(--mk-ink,#132a22);font-family:"DM Sans",Inter,"Segoe UI",system-ui,sans-serif}
body.ec-skin main{background:#fff}

/* hero: no dark banner, no stock photo - big bold title on white like Fresha */
body.ec-skin .hero{background:#fff!important;color:var(--mk-ink,#132a22)!important;padding:28px 0 20px!important;min-height:0!important;border:0;box-shadow:none}
body.ec-skin .hero::before,body.ec-skin .hero::after{display:none!important}
body.ec-skin .eo-phero-bg,body.ec-skin .eo-phero-scrim{display:none!important}
body.ec-skin .hero h1{color:var(--mk-ink,#132a22)!important;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;letter-spacing:-.02em;font-weight:600;margin:6px 0 12px;text-shadow:none}
body.ec-skin .hero .lead,body.ec-skin .hero p{color:var(--mk-muted,#626c66)!important;text-shadow:none}
body.ec-skin .hero .kicker,body.ec-skin .kicker{color:var(--mk-muted,#626c66)!important;background:none;letter-spacing:.06em;font-size:.78rem;font-weight:700}
body.ec-skin .eo-phero-crumb,body.ec-skin .hero .sub{color:var(--mk-muted,#626c66)!important;font-size:.9rem}
body.ec-skin .eo-phero-crumb a,body.ec-skin .hero .sub a{color:var(--mk-muted,#626c66)!important;text-decoration:none}
body.ec-skin .eo-phero-crumb a:hover,body.ec-skin .hero .sub a:hover{color:var(--mk-ink,#132a22)!important;text-decoration:underline}

/* sections */
body.ec-skin .ed,body.ec-skin .faq,body.ec-skin .signup,body.ec-skin .svc-pro{background:#fff!important;color:var(--mk-ink,#132a22)!important;padding:40px 0!important;border:0}
body.ec-skin .ed-pale{background:var(--mk-soft,#f5f7f2)!important}
body.ec-skin .ed h2,body.ec-skin .faq h2,body.ec-skin .signup h2,body.ec-skin main h2{color:var(--mk-ink,#132a22)!important;font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.01em;font-weight:600}
body.ec-skin main h3{color:var(--mk-ink,#132a22)}
body.ec-skin .ed p,body.ec-skin .ed li,body.ec-skin .sub,body.ec-skin .lead{color:var(--mk-muted,#626c66)}
body.ec-skin .ed-copy{max-width:760px}

/* buttons: one lime primary, everything else outlined */
body.ec-skin .btn{border-radius:999px;min-height:48px;padding:0 22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}
body.ec-skin .btn-lime,body.ec-skin .dir-act-primary{background:var(--mk-lime,#bcf35a)!important;color:var(--mk-ink,#132a22)!important;border:1px solid var(--mk-lime,#bcf35a)!important}
body.ec-skin .btn-lime:hover,body.ec-skin .dir-act-primary:hover{filter:brightness(.96)}
body.ec-skin .btn-outline,body.ec-skin .dir-act:not(.dir-act-primary){background:#fff!important;color:var(--mk-ink,#132a22)!important;border:1.5px solid var(--mk-ink,#132a22)!important}
body.ec-skin .hero-ctas{display:flex;flex-wrap:wrap;gap:10px}

/* provider cards (directory.js) and service lists: white cards, soft border, lift on hover */
body.ec-skin .dir-grid{gap:16px}
body.ec-skin .dir-grid>*{background:#fff!important;color:var(--mk-ink,#132a22)!important;border:1px solid var(--mk-line,#dde3dc)!important;border-radius:16px!important;box-shadow:none!important;transition:box-shadow .15s}
body.ec-skin .dir-grid>*:hover{box-shadow:0 8px 24px rgba(19,42,34,.10)!important}
body.ec-skin .dir-grid a{color:inherit}
body.ec-skin .eo-cap,body.ec-skin .eo-checks li{color:var(--mk-muted,#626c66)}
body.ec-skin .eo-link,body.ec-skin main .ed a:not(.btn){color:var(--mk-ink,#132a22);text-decoration:underline;text-decoration-color:var(--mk-lime,#bcf35a);text-decoration-thickness:2px;text-underline-offset:4px}

/* FAQ and tables */
body.ec-skin .eo-faq details,body.ec-skin .faq details{background:#fff;border:1px solid var(--mk-line,#dde3dc);border-radius:14px;padding:14px 18px;margin:0 0 10px}
body.ec-skin .eo-faq summary,body.ec-skin .faq summary{font-weight:700;color:var(--mk-ink,#132a22);cursor:pointer;min-height:28px}
body.ec-skin .eo-table{border-collapse:separate;border-spacing:0;border:1px solid var(--mk-line,#dde3dc);border-radius:14px;overflow:hidden;background:#fff}
body.ec-skin .eo-table th{background:var(--mk-soft,#f5f7f2);color:var(--mk-ink,#132a22)}
body.ec-skin .eo-table td,body.ec-skin .eo-table th{border-bottom:1px solid var(--mk-line,#dde3dc);padding:10px 14px}

/* Older business-page family (eo-phero / eo-sec / eo-cta), same light treatment (2026-10-14). */
body.ec-skin .eo-phero{background:#fff!important;color:var(--mk-ink,#132a22)!important;min-height:0!important;padding:28px 0 20px!important}
body.ec-skin .eo-phero h1,body.ec-skin .eo-phero h2{color:var(--mk-ink,#132a22)!important;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;letter-spacing:-.02em;font-weight:600;text-shadow:none}
body.ec-skin .eo-phero p,body.ec-skin .eo-phero .eo-lead{color:var(--mk-muted,#626c66)!important;text-shadow:none}
body.ec-skin .eo-phero-crumb{color:var(--mk-muted,#626c66)!important}
body.ec-skin .eo-sec{background:#fff!important;color:var(--mk-ink,#132a22)!important}
body.ec-skin .eo-sec.eo-grey{background:var(--mk-soft,#f5f7f2)!important}
body.ec-skin .eo-sec.eo-cta{background:var(--mk-sage,#e6efdb)!important}
body.ec-skin .eo-sec h2,body.ec-skin .eo-sec h3,body.ec-skin .eo-cta h2{color:var(--mk-ink,#132a22)!important;font-weight:600}
body.ec-skin .eo-sec p,body.ec-skin .eo-sec li{color:var(--mk-muted,#626c66)}
body.ec-skin .eo-btn{border-radius:999px;min-height:48px;font-weight:600}
body.ec-skin .eo-btn-primary{background:var(--mk-lime,#bcf35a)!important;color:var(--mk-ink,#132a22)!important;border:1px solid var(--mk-lime,#bcf35a)!important}
body.ec-skin .eo-btn:not(.eo-btn-primary){background:#fff!important;color:var(--mk-ink,#132a22)!important;border:1.5px solid var(--mk-ink,#132a22)!important}
body.ec-skin .eo-frame{border:1px solid var(--mk-line,#dde3dc);border-radius:16px;overflow:hidden}

/* White business header (founder 2026-10-14): same white, ink and lime as the customer header. */
body.ec-skin .eo-hdr{background:#fff!important;color:var(--mk-ink,#132a22)!important;border-bottom:1px solid var(--mk-line,#dde3dc)!important;box-shadow:none!important;backdrop-filter:none!important}
body.ec-skin .eo-hdr .eo-navbtn,body.ec-skin .eo-hdr .eo-nav>li>a,body.ec-skin .eo-hdr .eo-wrap>a:not(.eo-logo):not(.btn):not([class*=btn]),body.ec-skin .eo-hdr .eo-signin,body.ec-skin .eo-hdr a[href^="/login"]{color:var(--mk-ink,#132a22)!important}
body.ec-skin .eo-hdr .eo-navbtn:hover,body.ec-skin .eo-hdr .eo-nav>li>a:hover{background:var(--mk-soft,#f5f7f2)!important}
body.ec-skin .eo-hdr button[aria-label*=enu],body.ec-skin .eo-hdr .eo-burger,body.ec-skin .eo-hdr [class*=burger]{color:var(--mk-ink,#132a22)!important;border-color:var(--mk-line,#dde3dc)!important;background:#fff!important}
body.ec-skin .eo-hdr svg{color:inherit}