/*
 * Strona główna z bloków (od wersji 2.1). Wygląd sekcji daje dawny arkusz (legacy/global.css, klasy sh-*);
 * tu są tylko dopasowania do budowy bloków WordPressa (przyciski, obrazki, rozwijane pytania, kafelki).
 * Ładowane na stronie i w edytorze.
 */

/* odstępy: bloki dostają domyślny odstęp od góry – w tych sekcjach odstępy ustala arkusz sh-* */
.strefa-home.is-layout-flow > *,
.strefa-home .is-layout-flow > * { margin-block-start: 0; }
.strefa-home .sh-pricing .sh-pricing-note { margin-top: 20px; }
.strefa-home .sh-faq .sh-faq-all { margin-top: 20px; }

/* ikony wstawione w tekst (obrazki w nagłówkach i akapitach) */
.strefa-home .sh-ico { display: inline-block; height: auto; vertical-align: middle; }
.strefa-home .sh-benefit h3 .sh-ico { width: 24px; height: 24px; margin: 0 8px -5px 0; vertical-align: baseline; }
.strefa-home .sh-pricing-note .sh-ico { width: 16px; height: 16px; margin-right: 7px; vertical-align: -3px; }
.strefa-home .sh-how-step .sh-how-ico { margin: 4px auto 14px; }
.strefa-home .sh-how-step .sh-how-ico .sh-ico { width: 30px; height: 30px; }
.strefa-home .sh-how-step .sh-how-num { margin: 0; line-height: 1; }
.strefa-home .sh-trust-item { flex-direction: row; }
.strefa-home .sh-trust-item .sh-trust-ico .sh-ico { width: 22px; height: 22px; }

/* przyciski (blok Przyciski): wygląd dawnych .sh-btn na samym linku */
.strefa-home .wp-block-button.sh-btn,
.strefa-home .wp-block-button.sh-btn:hover { display: inline-flex; padding: 0; background: none; border: 0; border-radius: 0; transform: none; }
.strefa-home .wp-block-button.sh-btn > .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 26px; border-radius: 10px; font-family: var(--font-body, Cabin, sans-serif); font-size: 15px; font-weight: 700; line-height: 1.7; text-decoration: none; transition: transform .15s, opacity .15s; }
.strefa-home .wp-block-button.sh-btn > .wp-block-button__link:hover { transform: translateY(-2px); }
.strefa-home .wp-block-button.sh-btn--dark > .wp-block-button__link { background: var(--color-text, #111114); color: #fff; border: 0; }
.strefa-home .wp-block-button.sh-btn--outline > .wp-block-button__link { background: transparent; color: var(--color-text, #111114); border: 1.5px solid var(--color-text, #111114); padding: 11.5px 24.5px; }
.strefa-home .wp-block-buttons.sh-hero-cta { gap: 14px; }

/* zdjęcie w powitaniu */
.strefa-home .sh-hero-media .wp-block-image { margin: 0; width: 100%; }

/* kafelki kategorii (blok Obrazek z podpisem, cały kafelek klikalny) */
.strefa-home .sh-cats-grid { display: flex; gap: 16px; margin-bottom: 40px; }
.strefa-home .sh-cats-grid > .sh-cat { flex: 1 1 0; min-width: 0; position: relative; height: 230px; margin: 0; border-radius: 12px; overflow: hidden; }
.strefa-home .sh-cat::after { pointer-events: none; }
.strefa-home .sh-cat a, .strefa-home .sh-cat img { display: block; width: 100%; height: 100%; }
.strefa-home .sh-cat img { object-fit: cover; border-radius: 0; }
.strefa-home .sh-cat figcaption { position: absolute; left: 14px; bottom: 14px; z-index: 2; margin: 0; background: rgba(22, 22, 28, .82); border-radius: 10px; padding: 10px 14px; display: inline-flex; flex-direction: column; gap: 2px; font-size: 12px; font-weight: 600; line-height: 1.5; color: rgba(255, 255, 255, .75); text-align: left; pointer-events: none; }
.strefa-home .sh-cat figcaption br { display: none; }
.strefa-home .sh-cat figcaption strong { font-family: var(--font-heading, Figtree, sans-serif); font-size: 16px; font-weight: 700; color: #fff; }
@media (max-width: 980px) {
	.strefa-home .sh-cats-grid { flex-wrap: wrap; }
	.strefa-home .sh-cats-grid > .sh-cat { flex: 1 1 calc(50% - 8px); }
}
@media (max-width: 560px) {
	.strefa-home .sh-cats-grid > .sh-cat { flex-basis: 100%; }
}

/* pytania i odpowiedzi (blok Szczegóły) */
.strefa-home .sh-faq-item summary::marker { content: ''; }
.strefa-home .sh-faq-item > :not(summary) { margin: 0; padding: 0 22px; font-size: 15px; line-height: 1.65; color: var(--color-muted, #6b6560); }
.strefa-home .sh-faq-item > :last-child { padding-bottom: 20px; }
.strefa-home .sh-faq-all a { font-size: 14px; font-weight: 700; color: var(--color-coral, #c0532b); text-decoration: none; }

/* od 2.2.2 treść strony głównej jest w stronie „Home” (blok Treść w szablonie) – bez dodatkowych odstępów wokół */
.wp-site-blocks > .wp-block-post-content:has(> .strefa-home) { margin-block-start: 0; }
.wp-block-post-content > .strefa-home.alignfull { margin-block: 0; margin-inline: 0; max-width: none; width: auto; }