/* ==========================================================
   Uni Pulse Weather CSS
   Weather cards and compact forecast layouts.
   ========================================================== */

/* ==========================================================
   Weather
   ========================================================== */

.weather-card .upcoming-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 14px;
}

.weather-card .upcoming-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.weather-card .upcoming-item img {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}

.weather-card .upcoming-detail {
  flex: 1;
}

.weather-card .upcoming-date {
  display: block;
  margin-bottom: 2px;
  font-size: .9rem;
}

.weather-card h4 {
  margin: 0 0 2px;
  font-size: 1rem;
  line-height: 1.2;
}

.weather-card p {
  margin: 0;
  font-size: .9rem;
  line-height: 1.35;
}

.weather-forecast-slim {
  padding: 0;
  margin: 0;
}

.weather-forecast-slim .container,
.weather-forecast-slim .row,
.weather-forecast-slim [class*="col-"] {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
}

.weather-forecast-slim .weather-slim-inner {
  font-size: .92rem;

  .weather-forecast-slim {
    margin-top: 1.5rem;
  }