/* /where-we-serve/ landing page — city-finder widget */

body.page-where-we-serve{background:var(--bg2)}

.finder-section{padding:4rem 5% 5rem;background:var(--bg)}
.finder-inner{max-width:1100px;margin:0 auto}

/* HEADER */
.finder-header{text-align:center;margin-bottom:2.75rem}
.finder-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--td);margin-bottom:.75rem}
.finder-header h1{font-family:'Merriweather',serif;font-size:clamp(1.7rem,2.8vw,2.4rem);color:var(--dark);line-height:1.2;margin-bottom:.75rem;font-weight:700}
.finder-sub{font-size:.97rem;color:var(--muted);line-height:1.7;max-width:600px;margin:0 auto}

/* SEARCH */
.search-wrap{position:relative;max-width:560px;margin:0 auto 2rem}
.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:flex}
.search-input{width:100%;padding:15px 48px;border:2px solid var(--border);border-radius:50px;font-size:1rem;font-weight:700;color:var(--dark);font-family:'Nunito',sans-serif;background:var(--bg);outline:none;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none}
.search-input::placeholder{color:#c8d6e5;font-weight:600}
.search-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(121,201,204,.1)}
.search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:var(--border);border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--muted);font-size:.9rem;font-weight:800;transition:background .15s,color .15s}
.search-clear:hover{background:var(--muted);color:#fff}
.search-clear.visible{display:flex}

/* PROVINCE PILLS */
.province-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}
.prov-pill{padding:7px 16px;border-radius:50px;border:1.5px solid var(--border);font-size:.8rem;font-weight:800;color:var(--muted);cursor:pointer;background:var(--bg);transition:all .15s;user-select:none;white-space:nowrap}
.prov-pill:hover{border-color:var(--teal);color:var(--td);background:var(--tp)}
.prov-pill.active{border-color:var(--teal);background:var(--tp);color:var(--td)}
.prov-pill.all.active{border-color:var(--dark);background:var(--dark);color:#fff}
.prov-pill.licensed{border-color:var(--green);color:var(--gd);display:inline-flex;align-items:center;gap:6px}
.prov-pill.licensed:hover{background:var(--gp);border-color:var(--green);color:var(--gd)}
.prov-pill.licensed.active{background:var(--green);border-color:var(--green);color:#fff}
.prov-pill.licensed.active .pill-dot{background:#fff}
.pill-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}
.pill-divider{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}

/* RESULTS */
.results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}
.results-count{font-size:.84rem;font-weight:700;color:var(--muted)}
.results-count span{color:var(--dark);font-weight:900}
.legend{display:flex;gap:14px;flex-wrap:wrap}
.legend-item{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--muted)}
.legend-pip{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.legend-pip.live{background:var(--green)}
.legend-pip.soon{background:var(--border);border:1.5px solid var(--muted)}

/* GRID */
.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}

/* CARD */
.city-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--rl);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:all .18s;position:relative;overflow:hidden;text-decoration:none}
.city-card.live{cursor:pointer}
.city-card.live:hover{border-color:var(--green);box-shadow:0 6px 24px rgba(94,201,58,.12);transform:translateY(-3px)}
.city-card.live:hover .card-arrow{transform:translateX(4px);color:var(--gd)}
.city-card.live::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--gd));opacity:0;transition:opacity .18s}
.city-card.live:hover::before{opacity:1}
.city-card.soon{cursor:default;opacity:.72}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
.card-province{font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.card-note{color:var(--gd);font-weight:800}
.card-badge{font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:20px;flex-shrink:0}
.card-badge.live{background:var(--gp);color:var(--gd)}
.card-badge.soon{background:var(--bg2);color:var(--muted);border:1px solid var(--border)}
.card-city{font-family:'Merriweather',serif;font-size:1.05rem;font-weight:700;color:var(--dark);line-height:1.2}
.city-card.soon .card-city{color:var(--muted)}
.card-services{font-size:.73rem;color:var(--muted);font-weight:600;line-height:1.5}
.card-services span{display:inline-flex;align-items:center;gap:3px;margin-right:6px}
.svc-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}
.city-card.soon .svc-dot{background:var(--muted)}
.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem;padding-top:.625rem;border-top:1px solid var(--border)}
.card-action{font-size:.76rem;font-weight:800;color:var(--gd)}
.city-card.soon .card-action{color:var(--muted)}
.card-arrow{font-size:.9rem;color:var(--border);transition:transform .15s,color .15s;font-weight:700}

/* NO RESULTS */
.no-results{grid-column:1/-1;text-align:center;padding:3rem 1rem}
.no-results h3{font-size:1.1rem;font-weight:800;color:var(--dark);margin-bottom:.5rem}
.no-results p{font-size:.9rem;color:var(--muted);line-height:1.65;max-width:420px;margin:0 auto 1.25rem}
.no-results a{display:inline-flex;align-items:center;gap:7px;background:var(--dark);color:#fff;padding:11px 22px;border-radius:50px;font-size:.86rem;font-weight:800;text-decoration:none;transition:background .15s}
.no-results a:hover{background:var(--mid)}

/* BOTTOM CTA */
.finder-cta{margin-top:3rem;background:linear-gradient(135deg,var(--dark),var(--mid));border-radius:var(--rl);padding:2.5rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.cta-text h2{font-family:'Merriweather',serif;font-size:1.25rem;color:#fff;margin-bottom:.4rem;line-height:1.3;font-weight:700}
.cta-text p{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.65}
.cta-btns{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-items:flex-end}
.btn-cta{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--green),var(--gd));color:var(--dark);font-weight:800;font-size:.88rem;padding:11px 22px;border-radius:50px;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(126,217,87,.3)}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(126,217,87,.4)}
.btn-cta-outline{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8);font-weight:700;font-size:.84rem;padding:10px 20px;border-radius:50px;text-decoration:none;white-space:nowrap;transition:all .15s}
.btn-cta-outline:hover{border-color:rgba(255,255,255,.45);color:#fff}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.city-card{animation:fadeUp .25s ease both}

@media(max-width:760px){
  .finder-section{padding:3rem 4% 4rem}
  .finder-cta{grid-template-columns:1fr;gap:1.5rem}
  .cta-btns{align-items:flex-start;flex-direction:row;flex-wrap:wrap}
  .city-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}
}
@media(max-width:480px){
  .city-grid{grid-template-columns:1fr 1fr}
  .search-input{font-size:.95rem}
  .province-pills{gap:6px}
  .prov-pill{padding:6px 12px;font-size:.74rem}
}
@media(max-width:360px){
  .city-grid{grid-template-columns:1fr}
}