/* Blog z bloków (od 2.4.0): wygląd z dawnego arkusza sb-* (legacy/global.css), tu tylko dopasowania do znaczników bloków
   (grupy, Obrazek, Pętla zapytania, Okruszki, Wyszukiwarka, Przycisk). Ładowany po stylach legacy. */

/* domyślny odstęp między blokami wyłączony – w style.css (musi być przed arkuszem sb-*) */
.strefa-blog .wp-block-image,
.strefa-blog .wp-block-post-featured-image { margin: 0; }

/* nagłówek: gwiazdka i zdjęcie */
.sb-hero-media .sb-hero-star { margin: 0; line-height: inherit; }
.sb-hero-media .sb-hero-img img { vertical-align: baseline; } /* jak dawniej: obrazek w linii tekstu (pod nim odstęp linii) */

/* wyszukiwarka (blok Wyszukiwarka) – jak dawny formularz */
.sb-search .wp-block-search__inside-wrapper { border: 0; padding: 0; background: none; position: relative; }
.sb-search .wp-block-search__input { flex: none; width: 240px; padding: 9px 40px 9px 14px; border: 1px solid var(--color-border); border-radius: 22px; font-family: var(--font-body); font-size: 13px; line-height: normal; background: #fff; box-sizing: border-box; margin: 0; color: inherit; }
.sb-search .wp-block-search__button { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; min-width: 0; margin: 0; padding: 0; border: none; background: none; color: var(--color-muted); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.sb-search .wp-block-search__button svg { display: none; }
.sb-search .wp-block-search__button::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E") center / contain no-repeat; }

/* lista wpisów (Pętla zapytania): każda karta w osobnym elemencie listy */
.sb-main .wp-block-post-template { list-style: none; margin: 0 0 36px; padding: 0; } /* dawniej pusty pojemnik stronicowania miał 36 px odstępu */
.sb-main .sb-pagination { margin-top: 0; }
.sb-main .wp-block-post-template > li { margin: 0; }
.sb-main .wp-block-post-template > li:not(:first-child) .sb-card { padding-top: 15px; }
.sb-card .sb-card-img a { display: block; height: 100%; }
.sb-card .sb-card-img img { height: 100%; }
.sb-card-excerpt .wp-block-post-excerpt__excerpt { margin: 0; }
.sb-card-excerpt .wp-block-post-excerpt__more-text { display: none; }
.sb-card-more.wp-block-read-more { width: auto; }

/* stronicowanie */
.sb-pagination.wp-block-query-pagination { gap: 6px; align-items: center; }
.sb-pagination .wp-block-query-pagination-numbers { display: flex; gap: 6px; flex-wrap: wrap; margin: 0; }
.sb-pagination .wp-block-query-pagination-previous,
.sb-pagination .wp-block-query-pagination-next { margin: 0; }

/* panel boczny: przycisk „Join the Sewing Club” (blok Przycisk) */
.sb-widget--news .sb-news-btns { display: block; margin: 0; }
.sb-widget--news .sb-news-btn { display: block; width: 100%; padding: 0; background: none; border-radius: 0; }
.sb-widget--news .sb-news-btn > .wp-block-button__link { display: block; width: 100%; text-align: center; padding: 11px 16px; background: var(--color-text); color: #fff !important; border: 0; border-radius: 9px; font-family: inherit; font-size: 14px; font-weight: 700; line-height: inherit; letter-spacing: normal; text-decoration: none !important; transition: background 0.15s; }
.sb-widget--news .sb-news-btn > .wp-block-button__link:hover { background: #333; }
.sb-widget--news .sb-news-feat li { margin: 0; }
.sb-widget--promo .sb-promo-cta { font-size: inherit; line-height: inherit; margin: 0; }
.sb-widget--promo .sb-promo-img { flex: 0 0 100px; width: 100px; height: 100px; background: none; }
.sb-widget--promo .sb-promo-img img { display: block; width: 100px; height: 100px; object-fit: contain; object-position: top center; background: var(--color-surface); }

/* pasek zaufania: ikona jako obrazek, tytuł w osobnym akapicie */
.sb-trust-item .sb-trust-tytul { font-size: inherit; line-height: inherit; color: inherit; margin: 0; }
.sb-trust-ico img { display: block; }

/* wpis: okruszki (blok Okruszki) */
.sb-crumb.wp-block-breadcrumbs ol { display: inline; margin: 0; padding: 0; list-style: none; }
.sb-crumb.wp-block-breadcrumbs li { display: inline; margin: 0; padding: 0; }
.sb-crumb.wp-block-breadcrumbs li:not(:last-child)::after { content: "\a0" var(--separator) "\a0"; margin: 0 6px; color: var(--color-border); } /* dawniej: odstęp, znak, odstęp */
.sb-crumb.wp-block-breadcrumbs [aria-current="page"] { color: var(--color-text); }
.sb-article-header:not(:has(.sb-article-header-img)) { grid-template-columns: 1fr; }
.sb-article-header-img img { display: block; }
.strefa-blog .sb-noposts > p { margin-block: 1em; } /* dawniej zwykłe odstępy akapitu */
/* strzałki stronicowania: dawniej też klasa „page-numbers” (reguła body.blog/archive .page-numbers z legacy/blog.css) */
body.blog .sb-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next),
body.archive .sb-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next) { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--blog-border); border-radius: 8px; font-size: 15px; font-weight: 600; transition: background 0.15s; }
body.blog .sb-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next):hover,
body.archive .sb-pagination :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next):hover { background: var(--blog-surface); }