/* city-page.css — styling for the generic dedicated-city template
   (erie, allentown, harrisburg, scranton, reading, lancaster, ...).
   Self-contained: relies only on the brand palette, not on forecast.css. */

.cp-strip {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.5rem;
  padding: 0;
  margin: 1.5rem 0 0;
}
@media (max-width: 760px) {
  .cp-strip {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(104px, 1fr);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .cp-day { scroll-snap-align: start; }
}

.cp-day {
  background: #fff;
  border: 1px solid rgba(13, 27, 42, 0.12);
  border-radius: 12px;
  padding: 0.85rem 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.cp-day--today {
  border-color: rgba(212, 160, 23, 0.85);
  box-shadow: inset 0 0 0 1px rgba(212, 160, 23, 0.45);
}
.cp-day__name {
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #0d1b2a;
}
.cp-day__icon { font-size: 1.7rem; line-height: 1; }
.cp-day__temps { display: flex; justify-content: center; gap: 0.4rem; align-items: baseline; }
.cp-day__hi { font-weight: 700; font-size: 1.05rem; color: #0d1b2a; }
.cp-day__lo { color: #5b6b7b; font-size: 0.9rem; }
.cp-day__pop { font-size: 0.72rem; color: #2b5d9e; min-height: 1em; }

.cp-status { color: #5b6b7b; padding: 1rem 0; margin: 0; }
.cp-status--error { color: #a3331f; }