/* PATCH 1004 - Open-Meteo Live-Revier + Hero single-slide fix */

/* Fix: Patch 24 animates hero slides. If only one slide exists, it must not fade out. */
.onb-hero-rotator > .onb-hero-slide:only-child,
.onb-hero-rotator > .onb-hero-slide.is-first:only-child {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

.onb-live-revier {
  margin-top: clamp(28px, 4vw, 56px);
}
.onb-live-revier .onb-section-head {
  align-items: end;
}
.onb-live-revier-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}
.onb-live-card {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: clamp(20px, 2.3vw, 28px);
  background: #fff;
  border: 1px solid rgba(11,45,66,.12);
  box-shadow: 0 20px 55px rgba(11,45,66,.09);
}
.onb-live-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, #d6a84f, #0b6a88);
}
.onb-live-card > span {
  display: inline-block;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
  color: #0b6a88;
  margin-bottom: 10px;
}
.onb-live-card h3 {
  margin: 0 0 12px;
  color: #082242;
  font-size: clamp(1.18rem, 1.7vw, 1.55rem);
}
.onb-live-card p {
  color: rgba(8,34,66,.78);
  line-height: 1.55;
  margin: 0 0 14px;
}
.onb-live-card a {
  font-weight: 800;
  color: #0b5f7a;
  text-decoration: none;
}
.onb-live-card a:hover { text-decoration: underline; }
.onb-live-weather dl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 14px 0 16px;
}
.onb-live-weather dl > div {
  border-radius: 16px;
  background: rgba(11,106,136,.07);
  padding: 12px 10px;
}
.onb-live-weather dt {
  font-size: .72rem;
  color: rgba(8,34,66,.62);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.onb-live-weather dd {
  margin: 4px 0 0;
  color: #082242;
  font-weight: 900;
}
.onb-live-source {
  display: block;
  color: rgba(8,34,66,.52);
  font-size: .82rem;
  margin-top: 10px;
}
@media (max-width: 900px) {
  .onb-live-revier-grid { grid-template-columns: 1fr; }
  .onb-live-weather dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .onb-live-weather dl { grid-template-columns: 1fr; }
}