/* =========================
   Cities index page styles
   ========================= */

body.page.cities-page {
  background: #020617;
  color: #e5e7eb;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

/* Links on cities page */
body.page.cities-page a {
  color: #38bdf8;
  text-decoration: none;
}
body.page.cities-page a:hover {
  text-decoration: underline;
}

/* Breadcrumbs */
body.page.cities-page .breadcrumbs {
  max-width: 960px;
  margin: 1.5rem auto 1rem;
  font-size: 0.85rem;
  color: #9ca3af;
}
body.page.cities-page .breadcrumbs a {
  color: #9ca3af;
}

/* Header / hero area */
body.page.cities-page header {
  max-width: 960px;
  margin: 0 auto 2rem;
  padding: 2.5rem 1.25rem 1.75rem;
  border-radius: 1rem;
  background: radial-gradient(circle at top left, #1d4ed8, #020617);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.65);
}

body.page.cities-page .subhead {
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a5b4fc;
  margin: 0 0 0.75rem;
}

body.page.cities-page h1 {
  font-size: 2rem;
  margin: 0 0 0.75rem;
}

body.page.cities-page .phone-cta {
  font-weight: 600;
  margin-bottom: 1rem;
}
body.page.cities-page .phone-cta a {
  font-weight: 700;
}

/* City list layout */
body.page.cities-page section {
  max-width: 960px;
  margin: 0 auto 3rem;
  padding: 0 1.25rem 1.5rem;
}

body.page.cities-page .city-list {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
  column-count: 2;
  column-gap: 2.5rem;
}

body.page.cities-page .city-list li {
  break-inside: avoid;
  margin: 0.25rem 0;
}

@media (min-width: 1024px) {
  body.page.cities-page .city-list {
    column-count: 3;
  }
}
/* =========================
   Homepage top cities block
   ========================= */

.top-cities {
  max-width: 960px;
  margin: 2.5rem auto 3rem;
  padding: 1.75rem 1.25rem 2rem;
  border-radius: 1rem;
  background: rgba(15, 23, 42, 0.9);
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.75);
  color: #e5e7eb;
}

.top-cities h2 {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}

.top-cities p {
  margin-bottom: 1rem;
}

.top-cities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.5rem 1.5rem;
}

.top-cities-list li a {
  color: #38bdf8;
  text-decoration: none;
  font-size: 0.95rem;
}

.top-cities-list li a:hover {
  text-decoration: underline;
}
/* =====================
   Global site footer
   ===================== */

.site-footer {
  background: #020617;
  color: #e5e7eb;
  padding: 2rem 1.25rem 2.5rem;
  margin-top: 3rem;
}

.footer-inner {
  max-width: 960px;
  margin: 0 auto;
}

.footer-nap h2 {
  font-size: 1.3rem;
  margin-bottom: 0.4rem;
}

.footer-nap p {
  margin: 0.15rem 0;
}

.footer-nap a {
  color: #38bdf8;
  text-decoration: none;
}

.footer-nap a:hover {
  text-decoration: underline;
}

.footer-copy {
  margin-top: 1rem;
  font-size: 0.85rem;
  color: #9ca3af;
}
/* Top cities section */
.top-cities {
  margin-top: 3rem;
}

.top-cities .city-links {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.5rem 1.5rem;
}

.top-cities .city-links li a {
  text-decoration: none;
}

.top-cities .city-links li a:hover {
  text-decoration: underline;
}

.top-cities .cities-link {
  margin-top: 1rem;
}