/* Service Areas hub (templates/template-service-areas.php). */

.wd-loc-hero h1{max-width:900px}
.wd-loc-lede{max-width:840px;margin-bottom:30px}
.wd-loc-lede p{color:var(--muted);font-size:1.08rem;line-height:1.75;max-width:none;margin:0}

.wd-areas{padding:24px 0 64px}
.wd-areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}

.wd-area-card{
  position:relative;display:flex;flex-direction:column;
  background:var(--glass);border:1px solid var(--border);border-radius:16px;
  padding:26px 24px 56px;transition:border-color .22s,transform .22s,background .22s
}
.wd-area-card:hover{border-color:rgba(212,165,55,.45);transform:translateY(-5px);background:rgba(255,255,255,.05)}
.wd-area-pin{font-size:1.4rem;line-height:1;margin-bottom:14px}
.wd-area-name{font-family:var(--font-head);font-weight:700;font-size:1.18rem;line-height:1.25;margin-bottom:6px;color:var(--text);transition:color .2s}
.wd-area-card:hover .wd-area-name{color:var(--gold-hi)}
.wd-area-county{
  display:inline-block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint);margin-bottom:12px
}
.wd-area-card p{color:var(--muted);font-size:.9rem;line-height:1.6}
.wd-area-go{
  position:absolute;left:24px;bottom:22px;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi)
}
.wd-area-go span{transition:transform .2s}
.wd-area-card:hover .wd-area-go span{transform:translateX(3px)}

@media(max-width:980px){.wd-areas-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wd-areas-grid{grid-template-columns:1fr}}

/* ---- Closing prose ---- */
.wd-loc-prose{padding:20px 0 44px}