/* ── Visual band intro ── */
.band-para { color:rgba(255,255,255,.68); font-size:.95rem; line-height:1.7; margin-bottom:1.5rem; }
.contact-intro { margin-bottom:2rem; }
.contact-visual-links {
  display:flex;
  gap:.85rem;
  flex-wrap:wrap;
  align-items:center;
}
.contact-link-text {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:rgba(255,255,255,.7);
  font-size:.875rem;
}
.contact-link-icon-primary { color:var(--primary); }
.contact-link-icon-secondary { color:var(--secondary); }

/* ── Social follow section ── */
.contact-social-section { margin-top:2rem; }
.contact-social-title   { margin-bottom:1rem; font-size:.9rem; }
.contact-social-pills   { display:flex; gap:.75rem; flex-wrap:wrap; }

/* Social pill buttons */
.social-pill {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem 1rem;
  background:var(--gray-100, #f3f4f6);
  border-radius:var(--radius-full);
  font-size:.85rem;
  font-weight:600;
  color:var(--text-mid, #4a5568);
  transition:background var(--duration), color var(--duration);
  text-decoration:none;
}
.social-pill-fb:hover  { background:#1877f2; color:#fff; }
.social-pill-li:hover  { background:#0077b5; color:#fff; }
.social-pill-ig:hover  { background:#e1306c; color:#fff; }

/* Dark mode social pill base */
html:not(.theme-light) .social-pill {
  background:rgba(255,255,255,.1);
  color:rgba(255,255,255,.75);
}

/* ── Location box ── */
.contact-location-box {
  margin-top:2.5rem;
  padding:1.5rem;
  background:var(--gray-50, #f9fafb);
  border-radius:var(--radius-md);
  border:1px solid var(--gray-100, #f3f4f6);
}
.contact-location-title { font-size:.9rem; margin-bottom:.75rem; }
.contact-location-icon  { color:var(--primary); margin-right:.4rem; }
.location-pills         { display:flex; flex-wrap:wrap; gap:.5rem; }
.location-pill {
  background:white;
  border:1px solid var(--gray-200, #e5e7eb);
  padding:.35rem .85rem;
  border-radius:var(--radius-full);
  font-size:.82rem;
  font-weight:500;
  color:var(--text-mid, #4a5568);
}
.location-pill-highlight { color:var(--secondary); }

/* Dark mode location box */
html:not(.theme-light) .contact-location-box {
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
}
html:not(.theme-light) .location-pill {
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.1);
  color:rgba(255,255,255,.7);
}

/* ── Contact form extras ── */
.btn-full { width:100%; justify-content:center; }
.form-disclaimer {
  font-size:.78rem;
  color:var(--text-light);
  text-align:center;
  margin-top:.75rem;
}

/* ── Map embed section ── */
.section-flush { padding:0; line-height:0; }
.map-iframe    { border:0; display:block; }