/* =====================================================
 * WikiSzótár — Banner stílusok
 * Minden banner típushoz külön CSS osztály.
 * Az inline style tilos — csak osztályokat használj.
 * ===================================================== */

/* =====================================================
 * BANNER ROTÁTOR
 * ===================================================== */
#site-banner {
  width: 100%;
  overflow: hidden;
  background: transparent;
}
#site-banner:not(:empty) {
  height: 90px;
}

.banner-rotator {
  position: relative;
  width: 100%;
  height: 90px;
  overflow: hidden;
}

.banner-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.banner-slide.active {
  opacity: 1;
  pointer-events: auto;
}
 
/* --- Alap banner konténer --- */
.banner-base {
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  box-sizing: border-box;
}

/* --- Promóciós banner (kék gradient, sárga gomb) --- */
.banner-promo {
  width: 100%;
  height: 90px;
  background: linear-gradient(135deg, #003366 0%, #004080 50%, #0055aa 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  box-sizing: border-box;
}

.banner-promo-text {
  color: white;
}

.banner-promo-title {
  font-size: 1.1rem;
  font-weight: bold;
  color: white;
}

.banner-promo-subtitle {
  font-size: 0.85rem;
  opacity: 0.85;
  color: white;
}

.banner-promo-btn {
  background: #ffcc00;
  color: #003366;
  padding: 0.5rem 1.5rem;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.95rem;
  white-space: nowrap;
  transition: background 0.15s;
}

.banner-promo-btn:hover {
  background: #e6b800;
}