/* =========================================================================
   Miejsca reklamowe — wariant „produkt KEBZOO" w rotacji z AdSense (2026-09-08).

   Ładowany w head.twig wyłącznie dla wersji polskiej (tylko tam działa
   rotacja, patrz modules/ads/Ads.utils.php). Osobny plik z tego samego powodu
   co home.css: build motywu (app.css) nie działa pod aktualnym Node.
   Kopia serwowana: theme/public/assets/css/reklama.css (oba pliki w git,
   trzymać identyczne). Znacznik: theme/src/tpl/partials/reklama-kebzoo.twig.

   Kolory CI: fiolet UI #3d0195, żółty #ffba27 (tekst na żółtym = fiolet),
   pomocniczy fiolet #5816b9, szarości z home.css.
   ========================================================================= */

/* padding-top mieści plakietkę (top:-10px) w polu ad-boxa — bez tego zrzuty
   elementu ją ucinają, a na stronie może nachodzić na poprzedni akapit */
.rk{text-align:left;padding-top:12px}

.rk__card{display:flex;align-items:center;gap:16px;max-width:900px;margin:0 auto;
  padding:14px 16px;border:1px solid #e8e4ee;border-radius:12px;background:#fff;
  color:#333135;text-decoration:none;position:relative;
  font-family:Asap,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.4}
/* karta to jeden <a>; w treści porad i na wizytówce hodowli style linków
   (.cke-content a itp.) podkreślały cały tekst karty — stąd !important */
.ad-box .rk__card,.ad-box .rk__card:hover,.ad-box .rk__card span{text-decoration:none!important}
.rk__card:hover{border-color:#5816b9;box-shadow:0 4px 16px rgba(61,1,149,.08)}
.rk__card:focus-visible{outline:2px solid #5816b9;outline-offset:2px}

/* ujawnienie: reklama własna — mała plakietka na górnej krawędzi ramki */
.rk__lbl{position:absolute;top:-10px;left:14px;display:inline-flex;align-items:center;gap:6px;
  padding:0 6px;background:#fff;font-size:11px;color:#6b6870;white-space:nowrap}
.rk__tag{display:inline-block;padding:2px 8px;border-radius:20px;background:#3d0195;color:#fff;
  font-size:10px;font-weight:700;letter-spacing:.2px;text-transform:uppercase}

.rk__img{flex:0 0 96px;width:96px;height:96px;display:flex;align-items:center;justify-content:center}
.rk__img img{display:block;max-width:96px;max-height:96px;width:auto;height:auto;object-fit:contain;margin:0!important}

.rk__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.rk__name{font-size:15px;font-weight:600;line-height:1.3;color:#333135}
.rk__prices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:4px}
.rk__now{font-size:18px;font-weight:700;color:#3d0195;white-space:nowrap}
.rk__was{font-size:13px;color:#6b6870;text-decoration:line-through;white-space:nowrap}
.rk__omni{font-size:11.5px;line-height:1.35;color:#6b6870}

.rk__cta{flex:0 0 auto;display:inline-block;padding:10px 18px;border-radius:24px;
  background:#ffba27;color:#3d0195;font-weight:700;font-size:14px;white-space:nowrap}
.rk__card:hover .rk__cta{background:#fab740}

/* prostokąt (slot 2, 360x270): prawa kolumna porad i podstron statycznych */
.rk--pion .rk__card{flex-direction:column;align-items:stretch;max-width:360px;text-align:center;padding:20px 16px 16px}
.rk--pion .rk__img{flex-basis:auto;width:100%;height:140px}
.rk--pion .rk__img img{max-width:140px;max-height:140px}
.rk--pion .rk__prices{justify-content:center}
.rk--pion .rk__cta{align-self:center;margin-top:8px}

@media (max-width:640px){
  .rk__card{flex-wrap:wrap;padding:16px 12px 12px}
  .rk__img{flex-basis:72px;width:72px;height:72px}
  .rk__img img{max-width:72px;max-height:72px}
  .rk__body{flex-basis:calc(100% - 88px)}
  .rk__cta{flex-basis:100%;text-align:center;margin-top:8px}
}