/*
 * Nagłówek i stopka z bloków (od wersji 2.0) – wygląd 1:1 jak dawny nagłówek z kodu.
 * Ładowane na stronie i w edytorze (Wygląd → Edytor), żeby w edytorze wyglądało jak na stronie.
 * Kolory i czcionki: wartości z theme.json (zmienne --wp--preset--...).
 */

:root {
	--ps-hf-text: var(--wp--preset--color--ink, #111114);
	--ps-hf-muted: var(--wp--preset--color--muted, #6b6560);
	--ps-hf-line: var(--wp--preset--color--line, #e8e2da);
	--ps-hf-cream: var(--wp--preset--color--cream, #f7f1e9);
	--ps-hf-coral: var(--wp--preset--color--coral, #c0532b);
	--ps-hf-coral-soft: var(--wp--preset--color--coral-soft, #fce9e2);
	--ps-hf-accent: #e5961a;
	--ps-hf-body: var(--wp--preset--font-family--body, Cabin, sans-serif);
	--ps-hf-heading: var(--wp--preset--font-family--heading, Figtree, sans-serif);
}

/* ---------- Pasek ogłoszeń ---------- */
.ps-topbar { background: var(--ps-hf-cream); border-bottom: 1px solid var(--ps-hf-line); padding: 7px 16px; font-family: var(--ps-hf-body); font-size: 12.5px; line-height: 1.5; letter-spacing: .01em; color: var(--ps-hf-text); }
.ps-topbar p { margin: 0; }
.ps-topbar a { color: var(--ps-hf-text); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.ps-topbar mark { margin-right: 4px; }

/* ---------- Nagłówek ---------- */
.ps-header { background: #fff; position: relative; z-index: 50; font-family: var(--ps-hf-body); }
.ps-header > * { margin-block: 0; }
.ps-header .ps-header__row { width: 80%; max-width: 1200px; margin: 0 auto; padding: 16px 0; position: relative; gap: 0; }
.ps-header .ps-header__logo { flex: 0 0 auto; margin: 0 55px 0 0; line-height: 0; }
.ps-header .ps-header__logo img { width: 200px; height: auto; display: block; }

/* menu (blok Nawigacja) */
.ps-header .ps-header__nav { font-family: var(--ps-hf-body); }
.ps-header .ps-header__nav .wp-block-navigation__container { gap: 20px; align-items: center; }
.ps-header .ps-header__nav .wp-block-navigation-item__content { display: inline-block; font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--ps-hf-text); text-decoration: none; padding: 6px 12px; border-radius: 8px; white-space: nowrap; transition: background .15s, color .15s; }
.ps-header .ps-header__nav .wp-block-navigation-item__content:hover { color: var(--ps-hf-coral); background: var(--ps-hf-coral-soft); }
.ps-header .ps-header__nav .is-secondary > .wp-block-navigation-item__content { font-size: 13px; color: var(--ps-hf-muted); }
.ps-header .ps-header__nav .is-shop > .wp-block-navigation-item__content { background: var(--ps-hf-text); color: #fff; padding: 7px 16px; font-weight: 700; font-size: 13px; line-height: 13px; }
.ps-header .ps-header__nav .is-shop > .wp-block-navigation-item__content:hover { background: #333; color: #fff; }

/* wyszukiwarka (blok Wyszukiwarka) */
.ps-header .ps-header__search { position: relative; margin: 0 0 0 auto; flex: 0 0 210px; width: 210px; }
.ps-header .ps-header__search .wp-block-search__inside-wrapper { border: 0; padding: 0; position: relative; background: none; width: 100%; }
.ps-header .ps-header__search .wp-block-search__input { width: 100%; height: 40px; background: var(--ps-hf-cream); border: 1px solid #232221; border-radius: 24px; padding: 9px 42px 9px 18px; margin: 0; font: 14px/1.3 var(--ps-hf-body); color: var(--ps-hf-text); box-shadow: none; -webkit-appearance: none; appearance: none; }
.ps-header .ps-header__search .wp-block-search__input::placeholder { color: #6b6560; opacity: 1; }
.ps-header .ps-header__search .wp-block-search__button { position: absolute; right: 2px; top: 2px; bottom: 2px; width: 40px; min-width: 0; height: auto; margin: 0; border: 0; padding: 0; background: transparent; color: var(--ps-hf-coral); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border-radius: 24px; }
/* ikona lupy jak dawniej (kółko + rączka), zamiast domyślnej ikony bloku */
.ps-header .ps-header__search .wp-block-search__button svg { display: none; }
.ps-header .ps-header__search .wp-block-search__button::before { content: ""; width: 17px; height: 17px; 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='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.4-3.4'/%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='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.4-3.4'/%3E%3C/svg%3E") center / contain no-repeat; }

@media (max-width: 1100px) {
	.ps-header .ps-header__search { display: none; }
}

/* telefon i tablet: logo na środku, przycisk menu po prawej, wyszukiwarka pod spodem na całą szerokość */
@media (max-width: 980px) {
	.ps-header .ps-header__row { flex-wrap: wrap; justify-content: center; padding: 33px 0; }
	.ps-header .ps-header__logo { margin: 0; }
	.ps-header .ps-header__search { display: block; flex: 1 0 100%; width: 100%; margin: 12px 0 0; order: 10; }
	.ps-header .ps-header__nav { position: static; }
	.ps-header .ps-header__nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: inline-flex; position: absolute; right: 0; top: calc((100% - 52px) / 2); transform: translateY(-50%); padding: 6px; color: var(--ps-hf-text); border-radius: 6px; }
	.ps-header .ps-header__nav .wp-block-navigation__responsive-container-open svg { width: 26px; height: 26px; }
	.ps-header .ps-header__nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	/* otwarte menu: lista pod nagłówkiem (jak dawniej), nie na cały ekran */
	.ps-header .ps-header__nav .wp-block-navigation__responsive-container.is-menu-open { position: absolute; top: 100%; left: 0; right: 0; bottom: auto; height: auto; padding: 12px 0; background: #fff; color: var(--ps-hf-text); border-top: 3px solid var(--ps-hf-accent); box-shadow: 0 8px 24px rgba(0, 0, 0, .1); z-index: 60; overflow: visible; animation: none; }
	.ps-header .ps-header__nav .is-menu-open .wp-block-navigation__responsive-close,
	.ps-header .ps-header__nav .is-menu-open .wp-block-navigation__responsive-dialog { max-width: none; margin: 0; position: static; }
	.ps-header .ps-header__nav .is-menu-open .wp-block-navigation__responsive-container-close { top: 6px; right: 8px; }
	.ps-header .ps-header__nav .is-menu-open .wp-block-navigation__responsive-container-content { padding: 0; align-items: stretch; }
	.ps-header .ps-header__nav .is-menu-open .wp-block-navigation__container { flex-direction: column; align-items: stretch; gap: 0; }
	.ps-header .ps-header__nav .is-menu-open .wp-block-navigation-item { align-items: stretch; }
	.ps-header .ps-header__nav .is-menu-open .wp-block-navigation-item__content,
	.ps-header .ps-header__nav .is-menu-open .is-secondary > .wp-block-navigation-item__content { display: block; font-size: 15px; padding: 10px 20px; border-radius: 0; color: var(--ps-hf-text); }
	.ps-header .ps-header__nav .is-menu-open .is-shop > .wp-block-navigation-item__content { display: inline-block; align-self: flex-start; margin: 8px 20px 4px; padding: 10px 18px; line-height: 1.2; color: #fff; border-radius: 8px; }
	html.has-modal-open { overflow: auto; }
}

/* ---------- Stopka ---------- */
.strefa-footer.ps-footer { margin: 0; background: #fff; border-top: 1px solid var(--ps-hf-line); padding: 56px 40px 28px; font-family: var(--ps-hf-body); font-size: 14px; line-height: 1.6; color: var(--ps-hf-text); }
.strefa-footer .strefa-footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr 1.5fr; gap: 40px; max-width: 1180px; margin: 0 auto 44px; }
.strefa-footer .strefa-footer-grid > *,
.strefa-footer .strefa-footer-col > *,
.strefa-footer .strefa-footer-brand > *,
.strefa-footer .strefa-footer-bottom > * { margin-block: 0; }
.strefa-footer .strefa-footer-brand .footer-brand-logo { display: inline-block; line-height: 0; margin: 0 0 8px; }
.strefa-footer .strefa-footer-brand .footer-brand-logo img { width: 150px; height: auto; mix-blend-mode: multiply; }
.strefa-footer .strefa-footer-brand p { font-size: 14px; color: var(--ps-hf-muted); line-height: 1.65; max-width: 340px; }
.strefa-footer .strefa-footer-col h4 { font-family: var(--ps-hf-heading); font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; line-height: 1.3; color: var(--ps-hf-text); margin: 0 0 16px; }
.strefa-footer .strefa-footer-col ul { list-style: none; margin: 0; padding: 0; }
.strefa-footer .strefa-footer-col ul li { margin: 0 0 10px; }
.strefa-footer .strefa-footer-col ul li a { font-size: 14px; color: var(--ps-hf-muted); text-decoration: none; transition: color .15s; }
.strefa-footer .strefa-footer-col ul li a:hover { color: var(--ps-hf-coral); }
.strefa-footer .strefa-footer-newsletter > p { font-size: 13.5px; color: var(--ps-hf-muted); line-height: 1.55; margin: 0 0 14px; }

/* newsletter (blok Zapis na newsletter) */
.strefa-footer .footer-newsletter-form { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; }
.strefa-footer .footer-newsletter-form input[type="email"] { width: 100%; padding: 10px 14px; border: 1px solid var(--ps-hf-line); border-radius: 8px; font-family: var(--ps-hf-body); font-size: 13.5px; outline: none; box-sizing: border-box; background: #fff; }
.strefa-footer .footer-newsletter-form button { padding: 11px 20px; background: var(--ps-hf-text); color: #fff; border: 0; border-radius: 8px; font-family: var(--ps-hf-body); font-size: 13.5px; font-weight: 700; cursor: pointer; transition: opacity .15s; }
.strefa-footer .footer-newsletter-form button:hover { opacity: .88; }
.ps-newsletter .ps-newsletter__consent { font-size: 11.5px; line-height: 1.45; color: var(--ps-hf-muted); margin: 0; }
.ps-newsletter .ps-newsletter__consent a { color: var(--ps-hf-muted); text-decoration: underline; }
.ps-newsletter .ps-newsletter__ok,
.ps-newsletter .ps-newsletter__err { display: none; margin: 0; padding: .6rem .8rem; border-radius: 8px; font-weight: 600; font-size: 13px; }
.ps-newsletter .ps-newsletter__ok { background: var(--wp--preset--color--green-soft, #e2f5eb); color: var(--wp--preset--color--green, #1b6b3a); }
.ps-newsletter .ps-newsletter__err { background: var(--ps-hf-coral-soft); color: var(--ps-hf-coral); }
.ps-newsletter.is-ok .ps-newsletter__ok,
.ps-newsletter.is-error .ps-newsletter__err { display: block; }
.ps-newsletter .ps-newsletter__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.strefa-footer .strefa-footer-bottom { display: flex; align-items: center; justify-content: space-between; max-width: 1180px; margin: 0 auto; padding-top: 20px; border-top: 1px solid var(--ps-hf-line); font-size: 13px; line-height: 1.5; color: var(--ps-hf-muted); }
.strefa-footer .footer-bottom-links { display: flex; gap: 20px; }
.strefa-footer .footer-bottom-links a { font-size: 13px; color: var(--ps-hf-muted); text-decoration: none; }
.strefa-footer .footer-bottom-links a:hover { color: var(--ps-hf-text); }

@media (max-width: 1024px) {
	.strefa-footer .strefa-footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 28px; }
}
@media (max-width: 640px) {
	.strefa-footer.ps-footer { padding: 44px 20px 24px; }
	.strefa-footer .strefa-footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; }
	.strefa-footer .strefa-footer-brand,
	.strefa-footer .strefa-footer-newsletter { grid-column: 1 / -1; }
	.strefa-footer .strefa-footer-bottom { flex-direction: column; align-items: flex-start; gap: 10px; }
}