/* ==========================================================================
   Stok Demo — style edytora blokowego i klas używanych we wzorcach
   Wczytywane zarówno na stronie, jak i w Gutenbergu.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Strona składana z bloków — sekcje pełnej szerokości bez odstępu między nimi
   -------------------------------------------------------------------------- */
.strona-blokowa > .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  max-width:100vw;width:100vw}
.strona-blokowa .stok-sekcja{padding-left:var(--gut);padding-right:var(--gut)}
.strona-blokowa .wp-block-group.alignwide{max-width:var(--maxw);margin-left:auto;margin-right:auto}
.strona-blokowa .marq{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.strona-blokowa section,
.strona-blokowa .band,
.strona-blokowa .limecta,
.strona-blokowa .nstrip{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}
.strona-blokowa .hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}

/* --------------------------------------------------------------------------
   Klasy pomocnicze wzorców
   -------------------------------------------------------------------------- */
.stok-sekcja .lbl{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.stok-sekcja .lbl::before{content:"";width:22px;height:1px;background:currentColor;opacity:.45}

.stok-foto-duze img{aspect-ratio:5/4;object-fit:cover;width:100%}

.stok-ciemna .wp-block-separator{border-color:var(--line-dark);opacity:1;margin:0}
.stok-ciemna .stok-wiersz{padding:26px 0;margin:0;transition:padding-left .18s;cursor:default}
.stok-ciemna .stok-wiersz:hover{padding-left:14px}
.stok-ciemna a{color:#D5D5D0}
.stok-ciemna a:hover{color:var(--lime)}

.stok-cta .wp-block-heading{max-width:24ch;margin-left:auto;margin-right:auto}

.stok-pas .wp-block-cover__inner-container{display:flex;align-items:flex-end;
  justify-content:flex-start;height:100%;padding:0}
.stok-pas-box .lbl{margin-bottom:12px}

/* Listy danych kontaktowych */
.stok-dane{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.stok-dane li{display:flex;justify-content:space-between;gap:20px;padding:17px 0;
  border-bottom:1px solid var(--line);font-size:15.5px}
.stok-dane li span{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--grey);
  letter-spacing:.06em;text-align:right}

/* Pętla zapytania — wygląd kart aktualności */
.stok-petla .wp-block-post-template{gap:clamp(18px,2.6vw,34px)}
.stok-petla .wp-block-post-featured-image img{aspect-ratio:4/3;object-fit:cover;width:100%}
.stok-petla .wp-block-post-date{margin:16px 0 8px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--grey)}
.stok-petla .wp-block-post-title{margin-bottom:10px}
.stok-petla .wp-block-post-title a{text-decoration:none}
.stok-petla .wp-block-post-excerpt{color:#4A4A48}

/* Podpowiedź dla redaktora na pustej stronie głównej */
.stok-podpowiedz{background:var(--lime);padding:32px 0;border-top:2px solid var(--ink)}
.stok-podpowiedz p{margin-bottom:14px;max-width:70ch}

/* --------------------------------------------------------------------------
   Widok edytora — dopasowanie płótna do wyglądu strony
   -------------------------------------------------------------------------- */
.editor-styles-wrapper{background:var(--paper);font-family:"Instrument Sans",system-ui,sans-serif}

.editor-styles-wrapper .stok-sekcja{padding-left:24px;padding-right:24px}

/* Shortcode w edytorze — czytelna informacja, co się w tym miejscu wyświetli */
.editor-styles-wrapper .wp-block-shortcode{background:#F2F1EC;border-left:4px solid #D7FF3E;
  padding:16px 18px;font-family:"JetBrains Mono",monospace;font-size:12px;
  letter-spacing:.04em;color:#4A4A48}
.editor-styles-wrapper .wp-block-shortcode::before{content:"SEKCJA DYNAMICZNA — dane z Kustomizatora";
  display:block;font-size:9.5px;letter-spacing:.2em;color:#7A7A78;margin-bottom:8px}

/* Marquee w edytorze nie animujemy — rozprasza przy pisaniu */
.editor-styles-wrapper .marq .track{animation:none}