/*
Theme Name: przegladarka.info (FSE)
Author: ChatGPT
Description: Gutenberg-first block theme (dark navy UI + cards + tabbed landing).
Version: 1.1.5
Requires at least: 6.2
Tested up to: 6.6
Text Domain: przegladarka-info
*/

:root{
  --pi-bg-start:#0C1221;
  --pi-bg-end:#131C2F;
  --pi-surface:#1F283A;
  --pi-border:rgba(43,58,84,.75);
  --pi-text:#EAF0FF;
  --pi-muted:#A7B3C9;
  --pi-accent:#70A943;
  --pi-accent-hover:#7BBA4A;
  --pi-shadow:0 10px 30px rgba(0,0,0,.25);
  --pi-radius:16px;
}

html{scroll-behavior:smooth;}
body{
  background:linear-gradient(160deg,var(--pi-bg-start) 0%,var(--pi-bg-end) 70%);
  color:var(--pi-text);
}
body::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(900px 520px at 50% 0%, rgba(112,169,67,.14) 0%, rgba(112,169,67,0) 55%),
    radial-gradient(820px 520px at 15% 20%, rgba(167,179,201,.10) 0%, rgba(167,179,201,0) 60%),
    radial-gradient(920px 640px at 85% 35%, rgba(43,58,84,.22) 0%, rgba(43,58,84,0) 60%);
}
.wp-site-blocks{min-height:100vh;}

a{text-underline-offset:.22em;text-decoration-thickness:1px;}
a:hover{color:var(--pi-accent-hover);}
:focus-visible{outline:2px solid rgba(112,169,67,.90);outline-offset:3px;border-radius:10px;}

/* helpers */
.pi-section{padding-block:clamp(56px,6vw,96px);}
.pi-muted{color:var(--pi-muted);}
.pi-card{
  background:rgba(31,40,58,.92);
  border:1px solid var(--pi-border);
  border-radius:var(--pi-radius);
  box-shadow:var(--pi-shadow);
}
.pi-card.pad{padding:22px;}
.pi-accent{color:var(--pi-accent);}

/* header */
.pi-header{
  position:sticky;top:0;z-index:50;
  padding:16px 0;
  background:rgba(12,18,33,.25);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(43,58,84,.22);
}
.pi-brand{gap:12px;}
.pi-brand a{text-decoration:none;color:var(--pi-text);display:inline-flex;align-items:center;}
/* bigger logo; replaces text */
.pi-brand .wp-block-image img{width:clamp(170px, 22vw, 260px);height:auto;display:block;}

.pi-nav .wp-block-navigation-item__content{padding:8px 10px;border-radius:999px;}
.pi-nav .wp-block-navigation-item__content:hover{background:rgba(31,40,58,.35);}

/* hero */
.pi-hero{padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(48px,5vw,80px);text-align:center;}
.pi-hero-title{font-size:clamp(2.2rem,4.2vw,3.15rem);letter-spacing:-.02em;margin-bottom:12px;}
.pi-hero-subtitle{color:var(--pi-muted);font-size:1.05rem;max-width:62ch;margin-inline:auto;}
.pi-hero-tabs{margin-top:26px;gap:12px;}
.pi-hero-tabs .wp-block-button .wp-block-button__link{
  background:transparent;color:var(--pi-muted);
  border:1px solid rgba(43,58,84,.6);
  padding:10px 14px;border-radius:999px;box-shadow:none;
}
.pi-hero-tabs .wp-block-button .wp-block-button__link:hover{color:var(--pi-text);border-color:rgba(112,169,67,.55);}
.pi-hero-tabs .wp-block-button.is-active .wp-block-button__link{
  background:rgba(31,40,58,.70);color:var(--pi-text);
  border-color:rgba(43,58,84,.9);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}

/* tab panels via :target */
.pi-tab-panels .pi-tab-panel{display:none;scroll-margin-top:90px;}
#pi-bezpieczenstwo{display:block;}
#pi-prywatnosc:target, #pi-dodatki:target, #pi-faq:target, #pi-bezpieczenstwo:target{display:block;}
#pi-prywatnosc:target ~ #pi-bezpieczenstwo,
#pi-dodatki:target ~ #pi-bezpieczenstwo,
#pi-faq:target ~ #pi-bezpieczenstwo{display:none;}

/* post cards */
.pi-post-grid .wp-block-post-template{
  display:grid;gap:20px;padding:0;margin:0;list-style:none;
}
.pi-post-grid.cols-2 .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr));}
@media (max-width:781px){.pi-post-grid.cols-2 .wp-block-post-template{grid-template-columns:1fr;}}
.pi-post-card{
  background:rgba(31,40,58,.92);
  border:1px solid var(--pi-border);
  border-radius:var(--pi-radius);
  box-shadow:var(--pi-shadow);
  padding:18px 18px;
}
.pi-post-card .wp-block-post-title{margin:0 0 10px 0;font-size:1.1rem;line-height:1.25;}
.pi-post-card .wp-block-post-excerpt{color:var(--pi-muted);font-size:.98rem;margin:0;}
.pi-post-card .wp-block-post-date{color:rgba(167,179,201,.9);font-size:.9rem;margin-top:10px;}

/* sidebar */
.pi-sidebar .pi-card{padding:18px;}
.pi-sidebar h3{font-size:1.05rem;margin:0 0 12px 0;}
.pi-sidebar .wp-block-post-template{display:grid;gap:10px;list-style:none;padding-left:0;margin:0;}
.pi-sidebar .wp-block-post-title{font-size:.98rem;line-height:1.3;margin:0;}
.pi-sidebar .wp-block-post-date{color:rgba(167,179,201,.9);font-size:.86rem;margin-top:6px;}

/* footer */
.pi-footer{padding-block:56px 26px;background:rgba(12,18,33,.35);border-top:1px solid rgba(43,58,84,.55);}
.pi-footer a{color:var(--pi-muted);text-decoration:none;}
.pi-footer a:hover{color:var(--pi-text);}
.pi-footer-bottom{margin-top:22px;padding-top:18px;border-top:1px solid rgba(43,58,84,.55);color:rgba(167,179,201,.9);font-size:.92rem;}
.pi-footer-logo img{width:clamp(160px, 18vw, 230px);height:auto;display:block;opacity:.95;}