/*
Theme Name: Mateusz Partyka
Theme URI: https://mateuszpartyka.pl
Author: Mateusz Partyka
Description: Motyw strony Mateusza Partyki, Członka Rady Dzielnicy Kosztowy. Kolory, pismo i herb zgodne z Księgą Identyfikacji Wizualnej (wersja 1.0, październik 2026). Wszystkie sekcje strony głównej to zwykłe bloki do edycji w edytorze WordPressa.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mateusz-partyka
*/

/* -------------------------------------------------------
   Kolory: granat #0B2545, błękit herbu #0CB5F5,
   złoto #C4A448 (tylko drobne etykiety na granacie),
   jasny szary #EEF4F8, szary tekst #5A687A, biel.
   Ustawienia bazowe (kolory, pismo Poppins, przyciski)
   są w theme.json. Tu tylko układ sekcji.
   ------------------------------------------------------- */
:root{
	--granat:#0B2545; --granat-2:#163A63; --blekit:#0CB5F5; --zloto:#C4A448;
	--jasny:#EEF4F8; --szary:#5A687A; --biel:#FFFFFF; --linia:#D5E1EB;
	--r:14px;
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3{text-wrap:balance}
:focus-visible{outline:3px solid var(--blekit);outline-offset:3px}

/* Sekcje stykają się bez odstępów */
.wp-site-blocks>*{margin-block:0}
.wp-site-blocks>main,.strona{margin-block:0}
.strona>.wp-block-post-content>.alignfull,
.wp-block-post-content>.alignfull{margin-block:0!important}

/* ---------- Pasy sekcji ---------- */
.band{padding-top:clamp(56px,8vw,104px)!important;padding-bottom:clamp(56px,8vw,104px)!important}
.band-jasny{background:var(--jasny)}
.band-granat{background:var(--granat);color:var(--biel)}
.band-blekit{background:var(--blekit);color:var(--granat)}

.label{font-size:.75rem!important;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--blekit)}
.band-blekit .label{color:var(--granat)}
.lead{font-size:1.125rem;color:var(--szary);max-width:60ch}
.is-layout-constrained>.lead{max-width:var(--wp--style--global--content-size,1180px);padding-right:max(0px,calc(100% - 60ch))}
.band-granat .lead{color:#C9D6E4}
.band-blekit .lead{color:var(--granat)}
.szary{color:var(--szary)}

/* Przyciski: obrys na granacie, granatowy wariant */
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;border:2px solid rgba(255,255,255,.45);color:var(--biel);padding:13px 22px}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{border-color:var(--biel);background:transparent;color:var(--biel)}
.wp-block-button.btn-granat>.wp-block-button__link{background:var(--granat);color:var(--biel)}
.wp-block-button.btn-granat>.wp-block-button__link:hover{background:var(--granat-2);color:var(--biel)}

/* ---------- Nagłówek ---------- */
.naglowek-wrap{position:sticky;top:0;z-index:50}
.admin-bar .naglowek-wrap{top:32px}
@media (max-width:782px){.admin-bar .naglowek-wrap{top:0}}
.top{background:var(--granat);color:var(--biel);border-bottom:1px solid rgba(255,255,255,.08);padding-top:0!important;padding-bottom:0!important}
.top-in{justify-content:space-between;min-height:72px;flex-wrap:nowrap!important}
.logo{gap:12px!important;flex-wrap:nowrap!important}
.logo .logo-herb{margin:0;flex:none}
.logo .logo-herb img{width:40px;height:auto;display:block}
.logo-txt{display:grid;width:max-content}
.logo-txt>*{margin:0!important}
.logo-name{font-weight:700;font-size:1.05rem!important;line-height:1.1;padding-bottom:5px;border-bottom:2px solid var(--blekit)}
.logo-name a{text-decoration:none;color:inherit}
.logo-fn{font-weight:500;font-size:.52rem!important;letter-spacing:.28em;text-transform:uppercase;padding-top:5px;white-space:nowrap}
.nav-wrap{gap:clamp(14px,2vw,28px)!important;flex-wrap:nowrap!important}
.top .wp-block-navigation{font-size:.875rem;font-weight:500;color:#D7E2EE;gap:clamp(14px,2vw,28px)}
.top .wp-block-navigation a:hover{color:var(--blekit)}
.top .wp-block-navigation__responsive-container.is-menu-open{background:var(--granat)!important;color:var(--biel)!important;padding:24px}
.top .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:1.25rem}
.nav-cta .wp-block-button__link{padding:11px 18px;font-size:.875rem}
@media (max-width:600px){.top .wp-block-buttons:has(.nav-cta){display:none!important}.logo-fn{font-size:.46rem!important;letter-spacing:.2em}.logo-name{font-size:.95rem!important}}

/* ---------- Hero ---------- */
.hero{background:var(--granat) url(assets/img/herb-tlo.png) no-repeat right -4% bottom -55%/min(60vw,740px);color:var(--biel);padding-bottom:0!important}
.hero-cols{gap:clamp(32px,5vw,72px)!important;margin-bottom:clamp(40px,5vw,64px)!important}
.hero-name{margin-top:18px!important;font-size:clamp(2.4rem,1.4rem + 4.4vw,4.25rem)!important;letter-spacing:-.01em}
.hero .linia{border:0;height:4px;width:96px;background:var(--blekit);opacity:1;margin:16px 0 0!important;border-radius:2px}
.hero-fn{font-weight:500;font-size:clamp(.72rem,.6rem + .5vw,.95rem)!important;letter-spacing:.3em;text-transform:uppercase;color:#D7E2EE;margin-top:16px!important}
.hero-lead{font-size:clamp(1.05rem,.95rem + .45vw,1.3rem)!important;max-width:34ch;margin-top:26px!important}
.hero .wp-block-buttons{margin-top:30px!important}

/* Portret w kształcie tarczy herbu */
.wp-block-image.tarcza{position:relative;width:min(100%,400px);margin-inline:auto;padding:8px;background:var(--blekit);border-radius:10px 10px 50% 50%/10px 10px 34% 34%}
.wp-block-image.tarcza img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:5px 5px 50% 50%/5px 5px 34% 34%;display:block}
.wp-block-image.tarcza::before{content:"";position:absolute;left:-18px;top:28px;width:64px;height:70px;background:url(assets/img/herb-maly.png) center/contain no-repeat;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));z-index:1}

/* Ogłoszenie pod hero */
.ogl{border-top:1px solid rgba(255,255,255,.12);padding-block:22px;gap:12px 40px!important}
.ogl>*{margin:0!important}
.ogl-tytul strong{font-weight:600}
.ogl-info{color:#E4ECF4}
.ogl-info strong{font-size:.68rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--zloto);margin-right:10px}

/* ---------- O mnie ---------- */
.omnie{gap:clamp(32px,6vw,80px)!important}
.omnie-foto{border-radius:var(--r);overflow:hidden}
.omnie-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%}
.role{list-style:none;padding:0;margin-top:24px!important;border-top:1px solid var(--linia)}
.role li{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:6px 24px;padding-block:14px;border-bottom:1px solid var(--linia);font-weight:500}
.role li strong{font-weight:500;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--szary);padding-top:3px}
@media (max-width:640px){.role li{grid-template-columns:1fr}}

/* ---------- Sprawy ---------- */
.sprawy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(28px,4vw,48px)!important}
.sprawy>*{margin:0!important}
.sprawa{background:var(--biel);border:1px solid var(--linia);border-radius:var(--r);padding:clamp(22px,3vw,32px)}
.sprawa>*+*{margin-top:14px!important}
.pill{display:inline-block;font-size:.68rem!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:var(--blekit);color:var(--granat)}
.pill.pill-done{background:var(--granat);color:var(--biel)}
.etapy{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px!important}
.etapy li{position:relative;display:grid;justify-items:start;gap:8px;font-size:.75rem;font-weight:500;color:var(--szary);padding-right:6px}
.etapy li::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--linia);background:var(--biel);position:relative;z-index:1;box-sizing:border-box}
.etapy li::after{content:"";position:absolute;top:7px;left:16px;right:0;height:2px;background:var(--linia)}
.etapy li:last-child::after{display:none}
.etapy li.ok{color:var(--granat)}
.etapy li.ok::before{background:var(--blekit);border-color:var(--blekit)}
.etapy li.ok::after{background:var(--blekit)}
.etapy li.teraz{color:var(--granat);font-weight:600}
.etapy li.teraz::before{border-color:var(--blekit);box-shadow:0 0 0 4px rgba(12,181,245,.22)}
@media (max-width:760px){.sprawy{grid-template-columns:1fr}}

/* ---------- Plan ---------- */
.plan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.plan>*{margin:0!important}
.plan-intro{background:var(--granat);color:var(--biel);border-radius:var(--r);padding:28px;display:grid;align-content:space-between;gap:24px}
.plan-intro>*{margin:0!important}
.plan-intro h2{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.1rem)!important}
.plan-intro p:not(.label){color:#C9D6E4}
.plan-intro>div>*+*{margin-top:14px!important}
.prio{position:relative;background:var(--jasny);border-radius:var(--r);padding:28px 24px 26px;overflow:hidden;min-width:0}
.prio>*{position:relative;margin:0!important}
.prio>*+*{margin-top:12px!important}
.prio .prio-nr{position:absolute;top:6px;right:14px;margin:0!important;font-weight:700;font-size:4.2rem!important;line-height:1;color:#DCE7F0;letter-spacing:-.03em;pointer-events:none}
.prio h3{padding-right:40px}
.prio p:not(.label):not(.prio-nr){font-size:.875rem;color:var(--szary)}
.prio ul{list-style:none;padding:0;display:grid;gap:8px}
.prio li{font-size:.875rem;background:var(--biel);border-radius:10px;padding:10px 12px 10px 28px;position:relative;line-height:1.4}
.prio li::before{content:"";position:absolute;left:12px;top:1.05em;width:6px;height:6px;border-radius:50%;background:var(--blekit)}
@media (max-width:1060px){.plan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.plan{grid-template-columns:1fr}}

/* ---------- Dzielnica ---------- */
.dzielnica{background:var(--granat) url(assets/img/herb-tlo.png) no-repeat right -8% bottom -60%/min(52vw,600px)}
.dz{gap:clamp(32px,5vw,64px)!important}
.fakty{list-style:none;padding:0;border-top:1px solid rgba(255,255,255,.14);margin-top:28px!important}
.fakty li{display:grid;grid-template-columns:6.4rem minmax(0,1fr);gap:16px;padding-block:16px;border-bottom:1px solid rgba(255,255,255,.14);align-items:baseline;color:#E4ECF4}
.fakty strong{font-size:1.45rem;font-weight:700;color:var(--blekit);line-height:1}
.zrodlo{font-size:.75rem!important;color:#9FB2C8}
.ulice{background:var(--biel);color:var(--granat);border-radius:var(--r);padding:clamp(22px,3vw,32px)}
.ulice-szukaj{display:grid;gap:14px;margin-top:16px}
.ulice-szukaj label{font-size:.875rem;font-weight:500}
.ulice-szukaj input{width:100%;box-sizing:border-box;font:inherit;padding:14px 16px;border:2px solid var(--linia);border-radius:10px;color:var(--granat);background:var(--biel)}
.ulice-szukaj input:focus{outline:none;border-color:var(--blekit)}
.wynik{margin:0;min-height:3.2em;padding:12px 16px;border-radius:10px;background:var(--jasny);font-size:.875rem}
.wynik.tak{background:#DDF4FD}
.ulice-szukaj summary{cursor:pointer;font-size:.875rem;font-weight:600}
.ulice-szukaj ul{columns:2;column-gap:20px;margin:12px 0 0;padding:0;list-style:none;font-size:.875rem;color:var(--szary)}
.ulice-szukaj li{break-inside:avoid;padding-block:3px}
@media (max-width:420px){.ulice-szukaj ul{columns:1}}

/* ---------- Felieton ---------- */
.felieton{gap:clamp(28px,5vw,72px)!important}
.felieton-foto{border-radius:var(--r);overflow:hidden}
.felieton-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.cytat{border-left:4px solid var(--blekit);padding:6px 0 0 22px;margin-block:22px!important;font-size:1.375rem;font-weight:600;line-height:1.35}
.cytat cite{display:block;margin-top:8px;font-style:normal;font-size:.875rem;font-weight:400;color:var(--szary)}

/* ---------- Zdjęcia ---------- */
.galeria{margin-top:clamp(28px,4vw,48px)!important;--wp--style--unstable-gallery-gap:16px;gap:16px!important}
.galeria.wp-block-gallery.has-nested-images figure.wp-block-image{border-radius:var(--r);overflow:hidden;background:var(--biel);flex-direction:column}
.galeria.wp-block-gallery.has-nested-images figure.wp-block-image img{aspect-ratio:4/3;object-fit:cover;height:auto;flex:none}
.galeria.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static;background:none;color:var(--szary);font-size:.875rem;text-align:left;padding:10px 14px 12px;margin:0;max-height:none;overflow:visible;text-shadow:none}
.galeria.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before{display:none}
@media (max-width:600px){.galeria.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100%}}

/* ---------- Kontakt ---------- */
.kontakt{gap:clamp(32px,5vw,64px)!important}
.kontakt-h{font-size:clamp(2.4rem,1.4rem + 4.4vw,4.25rem)!important;line-height:1.05!important}
.kroki{list-style:none;padding:0;display:grid;gap:12px;margin-top:28px!important;counter-reset:k}
.kroki li{counter-increment:k;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:center;font-weight:500}
.kroki li::before{content:counter(k);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--granat);color:var(--biel);font-weight:700;font-size:.875rem}
.kanal{position:relative;background:var(--biel);border-radius:var(--r);padding:16px 18px 16px 76px;min-height:76px;display:grid;align-content:center}
.kanal+.kanal{margin-top:12px!important}
.kanal>*{margin:0!important}
.kanal::before{content:"";position:absolute;left:18px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--jasny) no-repeat center/22px}
.kanal-fb::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230B2545'%3E%3Cpath d='M13.5 21v-7.5h2.6l.4-3h-3V8.6c0-.9.3-1.5 1.5-1.5h1.6V4.4c-.3 0-1.2-.1-2.3-.1-2.3 0-3.8 1.4-3.8 3.9v2.3H8v3h2.5V21h3z'/%3E%3C/svg%3E")}
.kanal-ig::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2545' stroke-width='2'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E")}
.kanal-mail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2545' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.kanal-typ{font-size:.75rem!important;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--szary)}
.kanal-link{font-weight:600;overflow-wrap:anywhere}
.kanal-link a{text-decoration:none}
.kanal-link a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.kanal:hover{outline:2px solid var(--granat)}

/* ---------- Stopka ---------- */
.stopka{background:var(--granat);color:#C9D6E4;padding-top:48px!important;padding-bottom:40px!important;font-size:.875rem}
.stopka-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px 64px;align-items:start}
.stopka-in>*{margin:0!important}
.stopka .logo{color:var(--biel)}
.stopka .logo .logo-herb img{width:56px}
.stopka .logo-name{font-size:1.4rem!important}
.stopka .logo-fn{font-size:.6rem!important}
.stopka-txt>*+*{margin-top:8px!important}
.stopka-dol{justify-content:space-between;margin-top:24px!important;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:#9FB2C8;font-size:.75rem}
.stopka-dol>*{margin:0!important}
.stopka a{color:var(--biel)}
@media (max-width:760px){.stopka-in{grid-template-columns:1fr}}

/* ---------- Podstrony i wpisy ---------- */
.tresc{padding-top:clamp(40px,6vw,80px)!important;padding-bottom:clamp(56px,8vw,104px)!important}
.wpis-data{font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--szary)}
.lista-wpisow .wp-block-post{padding-block:24px;border-bottom:1px solid var(--linia)}

/* ---------- Telefony ---------- */
@media (max-width:860px){
	.hero{background-image:none}
	.dzielnica{background-image:none}
	.hero-cols>.wp-block-column:last-child{order:-1}
	.wp-block-image.tarcza{width:min(78%,320px)}
	.wp-block-image.tarcza::before{width:52px;height:57px;left:-14px}
}
@media (max-width:781px){
	.omnie-foto{max-width:420px}
	.felieton-foto{max-width:360px}
}
.wp-block-quote.cytat{margin-left:0!important;margin-right:0!important}