/*
Theme Name: Uwaga Podatki (1:1 layout)
Theme URI: https://example.com/uwaga-podatki
Author: ChatGPT (theme scaffold)
Description: Motyw blokowy (FSE) odwzorowujący układ i rytm sekcji ze strony tomaszpalak.pl (hero → wpisy → współpraca → staty → zaufali mi → video → odezwij się). Kolory marki: #2B5794 i #FB7706.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: uwaga-podatki
Tags: full-site-editing, block-patterns, custom-colors
*/

:root{
  --up-primary:#2B5794;
  --up-accent:#FB7706;
  --up-ink:#0f172a;
  --up-muted:#475569;
  --up-bg:#f8fafc;
  --up-surface:#ffffff;
  --up-radius:22px;
  --up-border: rgba(15,23,42,.12);
  --up-shadow: 0 14px 34px rgba(2, 6, 23, .12);
}

html{ scroll-behavior:smooth; }
body{ background: var(--up-bg); }
a{ text-underline-offset: 3px; }

.up-wrap{ position:relative; }
.up-section{ padding: clamp(2.2rem, 3.5vw, 4.25rem) 0; }
.up-kicker{
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color: var(--up-primary);
}
.up-lead{ font-size:1.2rem; color: var(--up-muted); }

.up-hero{
  position:relative;
  overflow:hidden;
  border-radius: calc(var(--up-radius) + 10px);
  border: 1px solid var(--up-border);
  background:
    radial-gradient(1000px 520px at 20% 0%, rgba(43,87,148,.18), transparent 55%),
    radial-gradient(820px 520px at 85% 10%, rgba(251,119,6,.18), transparent 60%),
    linear-gradient(180deg, #ffffff, #ffffff);
  box-shadow: var(--up-shadow);
}
.up-hero-inner{ padding: clamp(1.4rem, 2.6vw, 2.4rem); }
.up-hero h1{ letter-spacing:-.02em; }

.up-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .8rem;
  border-radius:999px;
  border:1px solid rgba(43,87,148,.25);
  background: rgba(43,87,148,.05);
  color: var(--up-primary);
  font-weight:700;
  font-size:.95rem;
}
.up-card{
  border-radius: var(--up-radius);
  border: 1px solid var(--up-border);
  background: var(--up-surface);
  box-shadow: var(--up-shadow);
}
.up-card--flat{ box-shadow:none; }
.up-card-pad{ padding: 22px; }

.up-media{
  border-radius: calc(var(--up-radius) + 6px);
  border: 1px solid rgba(15,23,42,.10);
  overflow:hidden;
  background: linear-gradient(135deg, rgba(43,87,148,.06), rgba(251,119,6,.06));
}
.up-media img, .up-media svg{ width:100%; height:auto; display:block; }

.up-postlist ol{ margin: 0; padding-left: 1.2rem; }
.up-postlist li{ padding: 14px 0; border-bottom: 1px solid rgba(15,23,42,.08); }
.up-postmeta{ font-size:.95rem; color: var(--up-muted); display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; }
.up-tag{
  display:inline-flex; align-items:center;
  padding:.15rem .55rem;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(15,23,42,.04);
  font-weight:700;
  color: var(--up-ink);
}

.wp-block-button.is-style-up-primary .wp-block-button__link{
  background: var(--up-primary);
  border-color: var(--up-primary);
  color: #fff;
}
.wp-block-button.is-style-up-accent .wp-block-button__link{
  background: var(--up-accent);
  border-color: var(--up-accent);
  color: #111827;
}
.wp-block-button.is-style-up-outline .wp-block-button__link{
  background: transparent;
  border: 2px solid var(--up-primary);
  color: var(--up-primary);
}

.wp-block-details{
  border-radius: var(--up-radius);
  border: 1px solid var(--up-border);
  background: var(--up-surface);
  padding: 18px 18px;
  box-shadow: var(--up-shadow);
}
.wp-block-details summary{
  font-weight: 800;
  cursor: pointer;
}
.wp-block-details p{ color: var(--up-muted); }

.up-footer{
  border-top: 1px solid rgba(15,23,42,.10);
  background: #fff;
}

@media (max-width: 781px){
  .up-hide-mobile{ display:none !important; }
}