/**
 * Zasłona "otwieramy wkrótce".
 *
 * Osobny arkusz, bo zasłona pojawia się na KAŻDEJ stronie sklepowej - a każda
 * z nich wozi inny arkusz (katalog, koszyk, kasa, konto). Wpięty przez widok
 * "wkrotce", o którym decyduje wtyczka; motyw tylko pyta.
 */
/* DWIE KOLUMNY, NIE WYSRODKOWANY BLOK. Zaslona ma byc zapowiedzia, a nie
   komunikatem bledu: po lewej powod i zapis na powiadomienie, po prawej
   osobne wyjscie dla gabinetow, ktore moga zalozyc konto juz teraz. */
.wkrotce__uklad{display:grid;gap:var(--s4);align-items:start;padding-block:var(--s5) var(--s6)}
@media (min-width:62rem){
  .wkrotce__uklad{grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:var(--s6)}
}
.wkrotce__tresc{max-width:54ch}
.wkrotce__tresc .lead{margin-top:var(--s2)}

.wkrotce__zapis{
  margin-top:var(--s4);padding:var(--s3);
  background:var(--porcelain);border-left:3px solid var(--akcja);
}
.wkrotce__zapis-opis{margin:0 0 var(--s2);font-size:.9rem;color:var(--ink-soft)}
/* Tytul formularza zdejmujemy: zdanie nad nim mowi to samo, a dwa naglowki
   pod soba czytaja sie jak usterka. */
.wkrotce__zapis .docket-nl__tytul{display:none}

/* UKLAD FORMULARZA JAK NA PODZIEKOWANIU (checkout.css): pole i przycisk
   w jednym wierszu, zgoda pod nimi. Bez tego "Zapisz się" stalo tuz za
   tekstem zgody i czytalo sie jak koniec zdania, a nie jak przycisk. */
.wkrotce__zapis .docket-nl{display:grid;gap:var(--s2)}
@media (min-width:34rem){
  .wkrotce__zapis .docket-nl{grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .wkrotce__zapis .docket-nl__zgoda{grid-column:1 / -1;order:2}
  .wkrotce__zapis .docket-nl__wyslij{order:1}
  .wkrotce__zapis .docket-nl__komunikat{grid-column:1 / -1;order:3}
}
.wkrotce__zapis .docket-nl__zgoda{
  display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;line-height:1.5;color:var(--muted);
}
.wkrotce__zapis .docket-nl__zgoda input{margin-top:.15rem;width:20px;height:20px;flex:0 0 auto;accent-color:var(--ink)}
.wkrotce__zapis .docket-nl__wyslij{min-height:48px}
.wkrotce__zapis .docket-nl__komunikat{margin:0;font-size:.9rem}
.wkrotce__zapis .docket-nl__komunikat:empty{display:none}

.wkrotce__drogi{margin-top:var(--s4)}

.wkrotce__gabinet{
  padding:var(--s3);border:1px solid var(--line);
}
.wkrotce__gabinet p{margin:var(--s2) 0 var(--s3);font-size:.9rem;line-height:1.6;color:var(--ink-soft)}
.wkrotce__gabinet .btn{width:100%;justify-content:center}

/* Koszyk na zasłonie prowadzi do zasłony - zdejmujemy go z nagłówka.
   Wyszukiwarka zostaje: obejmuje też artykuły, które są otwarte. */
body.wkrotce #koszykBtn{display:none}