/* Banery Reklamowe (promo) – style frontendowe.
   Uwaga: klasy nie zawierają "ad"/"ads" (anti-AdBlock). */

.promo-slot {
  display: block;
  width: 100%;
  min-height: 1px;
  margin: 1rem 0;
}

.promo-slot[data-promo-loading="true"] {
  opacity: 0.5;
}

.promo-unit {
  display: inline-block;
  max-width: 100%;
  line-height: 0;
}

.promo-unit--image .promo-media {
  display: block;
  max-width: 100%;
  height: auto;
}

.promo-unit--image .promo-link,
.promo-unit--html a {
  display: inline-block;
  max-width: 100%;
  transition: opacity 0.2s ease;
}

.promo-unit--image .promo-link:hover,
.promo-unit--html a:hover {
  opacity: 0.88;
}

/* Baner HTML5 – zachowujemy oryginalne wymiary kodu */
.promo-unit--html {
  line-height: normal;
}

/* Style panelu (wystarczające, by nie psuć layoutu admina) */
.promo-admin .promo-admin__toolbar {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.promo-admin .promo-admin__actions {
  margin-top: 1.5rem;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.promo-form {
  max-width: 720px;
}