/*
Theme Name: Pomost Nadziei – Elementor
Theme URI: https://example.org/
Author: OpenAI
Description: Lekki, responsywny motyw WordPress inspirowany dostarczonym projektem Fundacji Pomost Nadziei. Przygotowany do pracy z Elementor (wersja bezpłatna).
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: pomost-nadziei
*/
:root{
 --pn-blue:#064f8e;
 --pn-blue-dark:#053e70;
 --pn-light:#eef8ff;
 --pn-yellow:#ffb91d;
 --pn-text:#123f67;
 --pn-muted:#5b7890;
 --pn-radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--pn-text);font-family:Arial,Helvetica,sans-serif;background:#fff}
a{color:var(--pn-blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}
.pn-site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6eef4;z-index:100;box-shadow:0 2px 14px rgba(5,62,112,.06)}
.pn-header-inner{min-height:52px;display:flex;align-items:center;gap:28px}
.pn-brand{display:flex;align-items:center;gap:12px;margin-right:auto}
.pn-brand img{width:auto!important;max-width:96px!important;max-height:28px!important}
.pn-brand-name{font-weight:800;color:var(--pn-blue);font-size:18px;line-height:1.05}
.pn-brand-name small{display:block;font-size:10px;font-weight:600;color:#3575a5;margin-top:3px}
.pn-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.pn-nav a{font-size:13px;font-weight:600;color:#174d76}
.pn-donate{background:var(--pn-yellow);color:#12466f!important;padding:13px 20px;border-radius:999px;font-weight:800!important;white-space:nowrap}
.pn-mobile-toggle{display:none}
.pn-footer{background:linear-gradient(180deg,#07548f,#053e70);color:#fff;margin-top:48px}
.pn-footer a{color:#fff}
.pn-footer-main{padding:42px 0}
.pn-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:32px;align-items:start}
.pn-footer h3{font-size:15px;margin:0 0 12px}
.pn-footer p,.pn-footer li{font-size:13px;line-height:1.6}
.pn-footer ul{padding:0;margin:0;list-style:none}
.pn-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:14px 0;font-size:11px}
.pn-page-content{min-height:50vh}
.pn-fallback{padding:70px 0}
.pn-fallback h1{font-size:46px;margin:0 0 18px;color:var(--pn-blue)}
.pn-hero-fallback{background:var(--pn-light);padding:52px 0}
.pn-hero-fallback .hero-grid{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:40px}
.pn-hero-fallback h1{font-size:54px;line-height:1.02;color:var(--pn-blue);margin:0 0 20px}
.pn-hero-fallback p{font-size:18px;line-height:1.55}
.pn-hero-fallback img{width:100%;border-radius:24px;display:block}
.pn-button{display:inline-block;padding:14px 24px;border-radius:999px;font-weight:800;background:var(--pn-yellow);color:#12466f}
.pn-button-outline{background:#fff;border:1px solid var(--pn-blue)}
.pn-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pn-card{background:#f5faff;border:1px solid #e5f0f7;border-radius:14px;padding:24px;text-align:center}
@media(max-width:900px){
 .pn-nav{display:none}.pn-mobile-toggle{display:block;border:0;background:none;font-size:24px}
 .pn-footer-grid{grid-template-columns:1fr 1fr}
 .pn-hero-fallback .hero-grid{grid-template-columns:1fr}
 .pn-card-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
 .pn-header-inner{min-height:48px}.pn-brand img{max-width:78px}
 .pn-footer-grid{grid-template-columns:1fr}
 .pn-card-grid{grid-template-columns:1fr}
 .pn-hero-fallback h1{font-size:40px}
}

/* Dropdown submenu (Podopieczni) */
.pn-nav li{position:relative}
.pn-nav .sub-menu{display:none;position:absolute;top:100%;left:0;flex-direction:column;background:#fff;min-width:230px;max-height:70vh;overflow-y:auto;margin:0;padding:8px 0;gap:0;border-radius:10px;box-shadow:0 16px 34px rgba(5,62,112,.18);z-index:40}
.pn-nav .sub-menu li{width:100%}
.pn-nav .sub-menu a{display:block;padding:9px 18px;font-size:13px;font-weight:500;white-space:nowrap;color:#174d76}
.pn-nav .sub-menu a:hover{background:var(--pn-light);text-decoration:none}
.pn-nav li.menu-item-has-children > a{display:inline-flex;align-items:center;gap:4px}
.pn-nav li.menu-item-has-children > a::after{content:'▾';font-size:9px}
.pn-nav li.menu-item-has-children:hover > .sub-menu,
.pn-nav li.menu-item-has-children:focus-within > .sub-menu{display:flex}


/* pn-nav centered */
.pn-nav ul{align-items:center}
.pn-nav li{text-align:center}
.pn-nav a{display:block;text-align:center;white-space:nowrap}
@media(max-width:1100px){.pn-nav ul{gap:14px}}