/* MP Newsletter — kafel listy oczekujących w katalogu Kalendarze.
   Kafel stoi w siatce produktów motywu (.mp-card), więc dziedziczy jej
   odstępy, kadr 5:7 i podpisy. Rozmiary w kadrze liczone od szerokości
   kafla (cqw), żeby prostokąt i plakietki skalowały się jak zdjęcia obok.
   Prefiks .mp-nl-kafel — sprawdzony grepem, bez kolizji. */

.mp-nl-kafel .mp-card__link{ color:inherit; text-decoration:none; }
.mp-nl-kafel .mp-card__media{ background:var(--mp-white); container-type:inline-size; }

/* Prostokąt „2027” — wspólny wygląd w assets/makieta.css (.mp-nl-kal). */

/* Dwie plakietki pod prostokątem. */
.mp-nl-kafel__info{
  position:absolute; left:5%; right:5%; bottom:3%;
  display:flex; flex-direction:column; align-items:center; gap:1.8cqw;
}
.mp-nl-kafel__pill{
  display:inline-flex; align-items:center; gap:1.8cqw; max-width:100%;
  padding:1.6cqw 3.2cqw; border-radius:999px;
  font:400 max(9px,3.5cqw)/1.2 var(--mp-sans); letter-spacing:.02em; white-space:nowrap;
}
.mp-nl-kafel__pill svg{ width:max(10px,3.8cqw); height:max(10px,3.8cqw); flex:0 0 auto; }
.mp-nl-kafel__pill--data{ background:var(--mp-white); color:var(--mp-ink); border:1px solid var(--mp-rule-mocny); }
.mp-nl-kafel__pill--prezent{ background:var(--mp-ink); color:var(--mp-paper); border:1px solid var(--mp-ink); }
.mp-nl-kafel__pill--prezent svg{ color:#E3C99A; }

/* W miejscu ceny: link do zapisu. */
.mp-nl-kafel__zapis{
  display:inline-block; font:500 11px/1.4 var(--mp-sans); letter-spacing:.14em;
  text-transform:uppercase; color:var(--mp-ink);
  text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px;
  text-decoration-color:var(--mp-bronze);
}
.mp-nl-kafel .mp-card__link:hover .mp-nl-kafel__zapis{ color:var(--mp-bronze); }
.mp-nl-kafel .mp-card__link:hover .mp-nl-kal{
  box-shadow:4px 7px 16px rgba(36,29,21,.2), 1px 1px 2px rgba(36,29,21,.08);
}
.mp-nl-kafel .mp-card__link:focus-visible{ outline:2px solid var(--mp-focus); outline-offset:4px; }

/* Wąski kafel (telefon): prostokąt niższy, plakietki mogą zawinąć się w dwie linie. */
@container (max-width:240px){
  .mp-nl-kafel .mp-nl-kal{ top:13%; height:52%; }
  .mp-nl-kafel__info{ gap:4px; bottom:2.5%; }
  .mp-nl-kafel__pill{ white-space:normal; border-radius:10px; text-align:left; line-height:1.15; padding:3px 7px; }
}
@media (max-width:760px){
  .mp-nl-kafel__zapis{ font-size:10.5px; letter-spacing:.06em; }
}