/* ============================================================
   BLIPO — System reklam v5
   14 boksów z płynną rotacją fade
   ============================================================ */

/* ── Reset ── */
.promo-block { width:100%; box-sizing:border-box; }
.promo-block * { box-sizing:border-box; }
.promo-item { display:block; }
.promo-item img { max-width:100%; height:auto; display:block; }
.promo-item a { display:block; text-decoration:none; }

/* ══════════════════════════════════════════════
   Karuzela z płynnym FADE
   Kluczowe: position:relative na wrapperze,
   position:absolute na itemach (poza pierwszym)
══════════════════════════════════════════════ */
.promo-carousel {
  position: relative;
}

/* Wszystkie itemy domyślnie ukryte */
.promo-carousel .promo-cr-item {
  display: none;
  opacity: 0;
}

/* Aktywny item — widoczny */
.promo-carousel .promo-cr-item.promo-cr-active {
  display: block;
  opacity: 1;
}

/* Pojedyncza reklama (bez karuzeli) — zawsze widoczna */
.promo-block:not(.promo-carousel) .promo-item {
  display: block !important;
  opacity: 1 !important;
}

/* Kropki nawigacji */
.promo-cr-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}
.promo-cr-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  border: none; padding: 0;
  background: rgba(0,0,0,.2);
  cursor: pointer;
  transition: background .3s ease, transform .3s ease;
  outline: none;
}
.promo-cr-dot--on {
  background: #1fb2a7;
  transform: scale(1.4);
}
.promo-cr-dot:hover { background: rgba(31,178,167,.6); }

/* ══ BOKS 1: menu ══ */
.promo-block--menu { line-height:0; }
.promo-block--menu .promo-item { width:100%; }
.promo-block--menu .promo-item a { width:100%; }
.promo-block--menu .promo-item img { width:100%; max-width:100%; height:auto; display:block; }

/* ══ BOKS 2: home_top ══ */
.promo-block--home_top { padding:10px 0; }
.promo-block--home_top:not(.promo-carousel) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}
.promo-block--home_top .promo-item img {
  width:100%; height:90px; object-fit:cover; border-radius:8px;
}

/* ══ BOKS 3 & 4: home_middle / home_bottom ══ */
.promo-block--home_middle,
.promo-block--home_bottom { padding:10px 0; }
.promo-block--home_middle:not(.promo-carousel),
.promo-block--home_bottom:not(.promo-carousel) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
.promo-block--home_middle .promo-item img,
.promo-block--home_bottom .promo-item img {
  width:100%; height:100px; object-fit:cover; border-radius:8px;
}

/* ══ BOKS 5: list_top ══ */
.promo-block--list_top { text-align:center; margin-bottom:12px; }
.promo-block--list_top:not(.promo-carousel) .promo-item { display:inline-block; max-width:100%; }
.promo-block--list_top img { max-width:100%; height:auto; border-radius:6px; }

/* ══ BOKS 6: list_side ══ */
.promo-block--list_side { text-align:center; margin-bottom:14px; }
.promo-block--list_side .promo-item { max-width:300px; margin:0 auto; display:block; }
.promo-block--list_side img { max-width:100%; height:auto; border-radius:6px; }

/* ══ BOKS 7: list_between ══ */
.promo-block--list_between { text-align:center; margin:12px 0; }
.promo-block--list_between:not(.promo-carousel) .promo-item { display:inline-block; max-width:100%; }
.promo-block--list_between img { max-width:100%; height:auto; border-radius:6px; }

/* ══ BOKS 8: classified_top — wewnątrz .container ogłoszenia ══ */
.promo-block--classified_top { margin:0 0 16px; }
.promo-block--classified_top .promo-item { display:block; width:100%; }
.promo-block--classified_top .promo-item a { display:block; }
.promo-block--classified_top img {
  width:100%; max-width:100%; height:auto; display:block;
  border-radius:8px; object-fit:cover;
}

/* ══ BOKS 9: classified_side ══ */
.promo-block--classified_side { text-align:center; margin-bottom:14px; }
.promo-block--classified_side .promo-item { max-width:300px; margin:0 auto; display:block; }
.promo-block--classified_side img { max-width:100%; height:auto; border-radius:6px; }

/* ══ BOKS 10: classified_bottom ══ */
.promo-block--classified_bottom { text-align:center; margin-top:16px; }
.promo-block--classified_bottom:not(.promo-carousel) .promo-item { display:inline-block; max-width:100%; }
.promo-block--classified_bottom img { max-width:100%; height:auto; border-radius:6px; }

/* ══ BOKS 11 & 12: footer ══ */
.promo-block--footer_top,
.promo-block--footer_bottom { text-align:center; padding:8px 0; }
.promo-block--footer_top:not(.promo-carousel) .promo-item,
.promo-block--footer_bottom:not(.promo-carousel) .promo-item { display:inline-block; max-width:100%; }
.promo-block--footer_top img,
.promo-block--footer_bottom img { max-width:100%; height:auto; }

/* ══ BOKS 13: category_top ══ */
.promo-block--category_top { text-align:center; margin-bottom:12px; }
.promo-block--category_top:not(.promo-carousel) .promo-item { display:inline-block; max-width:100%; }
.promo-block--category_top img { max-width:100%; height:auto; border-radius:6px; }

/* ══ BOKS 14: sidebar_sticky ══ */
.promo-block--sidebar_sticky { text-align:center; margin-bottom:14px; }
.promo-block--sidebar_sticky .promo-item { max-width:300px; margin:0 auto; display:block; }
.promo-block--sidebar_sticky img { max-width:100%; height:auto; border-radius:6px; }

/* ══ Wallpaper karuzela ══ */
.promo-wallpaper .promo-cr-dots { display:none; }

/* ══ Mobile ══ */
@media (max-width:767px) {
  .promo-block--home_top:not(.promo-carousel) { grid-template-columns:1fr; }
  .promo-block--home_middle:not(.promo-carousel),
  .promo-block--home_bottom:not(.promo-carousel) { grid-template-columns:repeat(2,1fr); }
  .promo-block--list_side .promo-item,
  .promo-block--sidebar_sticky .promo-item,
  .promo-block--classified_side .promo-item { max-width:100%; }
}
@media (max-width:480px) {
  .promo-block--home_middle:not(.promo-carousel),
  .promo-block--home_bottom:not(.promo-carousel) { grid-template-columns:1fr; }
}