/* ============================================================================
 * banner.css — fejléc alatti banner rotátor
 * ============================================================================
 * A handler a /hx/banners-ről egy .banner-rotator div-et tölt a #site-banner-be.
 * A JS (layout.js) rotálja a .active osztályt.
 * ============================================================================ */

#site-banner {
  flex-shrink: 0;
}
#site-banner:empty {
  display: none;
}

.banner-rotator {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fafafa;
}

.banner-slide {
  width: 100%;
  min-height: var(--banner-height, 90px);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
}

.banner-slide.active {
  display: flex;
  animation: bannerFadeIn 0.3s ease;
}

@keyframes bannerFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Banner tartalom: szabad HTML — itt alap tipográfia */
.banner-slide p { margin: 0; }
.banner-slide a { color: inherit; }