/* SKÓRKA PODSTRON - nowy wygląd (szmaragd + slate, Space Grotesk / Hanken Grotesk).
   Linkowana jako OSTATNI arkusz w <head> szablonów service, location, article, articles-list,
   lawyer, team i 404 - po ich wewnętrznych <style>, więc przy tej samej specyficzności wygrywa.
   Strona główna jej nie ładuje (ma swój wygląd w main.css). Tokeny, fonty, menu i pasek górny
   są w page.css, stopka w partials/footer.php. Nowe szablony: dołączyć ten sam <link> na końcu <head>. */

/* ─── PRZYCISKI ─── */
.btn-primary,.btn-ghost,.btn-light,.btn-outline{font-family:var(--font-display);font-size:.8125rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:var(--r-sm);}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px rgba(5,150,105,.25);}
.btn-primary:hover{background:var(--accent-dark);}
.btn-ghost{background:#fff;border:1px solid var(--border);color:var(--text);}
.btn-ghost svg{color:var(--accent);}
.btn-ghost:hover{background:var(--bg);border-color:var(--border2);}
/* .btn-light stoi na ciemnych kartach CTA - tam zielony przycisk */
.btn-light{background:var(--accent);color:#fff;}
.btn-light:hover{background:var(--accent-dark);opacity:1;}
.cta-card .btn-light,.cta-side .btn-light,.cta-band .btn-light,.cta-box .btn-light{background:var(--accent);color:#fff;}
.cta-card .btn-light:hover,.cta-side .btn-light:hover,.cta-band .btn-light:hover,.cta-box .btn-light:hover{background:var(--accent-dark);color:#fff;opacity:1;}
.btn-outline{border-color:rgba(255,255,255,.25);color:#fff;}
.btn-outline:hover{border-color:#34D399;color:#34D399;}
/* Numer telefonu w przycisku - bez wersalików (czytelniej) */
.btn-phone,a.btn-ghost[href^="tel:"]{text-transform:none;letter-spacing:0;font-size:.9375rem;}

/* ─── HERO PODSTRON ─── */
.svc-hero,.loc-hero,.article-hero,.blog-hero,.lawyer-hero,.team-hero,.e404-hero{background:#fff;border-bottom:1px solid var(--border);}
.svc-title,.loc-title,.blog-h1,.lawyer-hero .lawyer-name,.team-hero .title,.e404-title{font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:1.06;}
.article-h1{font-weight:700;letter-spacing:-.02em;}
.svc-eyebrow,.loc-eyebrow,.blog-eyebrow,.lawyer-eyebrow,.section-eyebrow,.team-hero .eyebrow,.e404-eyebrow,.e404-label,.sidebar-label,.svc-box-label{font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}
.crumbs a:hover{color:var(--accent);}

/* ─── NAGŁÓWKI SEKCJI ─── */
.section-h2,.e404-h2{font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:1.08;}
.prose h2,.prose h3,.related h2,.art-faq h2,.cta-box h2{font-weight:700;letter-spacing:-.015em;}

/* ─── KARTY: białe, cienka ramka, 12px, cień przy najechaniu ─── */
.rel-card,.lawyer-card,.loc-svc-card,.issue,.step,.case-card,.spec-card,.author-article-card,.lw-svc-card,.svc-box,.related-card,
.blog-list .article,.team-section .card,.svc-card,.ruling-item,.sidebar-card:not(.cta-card),.toc,.author-box,.team .team-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 1px 2px rgba(15,23,42,.04);}
.rel-card:hover,.lawyer-card:hover,.loc-svc-card:hover,.case-card:hover,.author-article-card:hover,.lw-svc-card:hover,.svc-box:hover,.related-card:hover,
.blog-list .article:hover,.team-section .card:hover,.svc-card:hover,.team .team-card:hover{border-color:var(--border2);box-shadow:0 10px 28px -12px rgba(15,23,42,.18);}
.rel-name,.lawyer-card .lawyer-name,.loc-svc-name,.lw-svc-name,.svc-box-name,.svc-name,.related-title,.author-article-title,.team .team-name,.team-section .name,.issue h3,.step h3,.ruling-item h3{font-family:var(--font-display);font-weight:700;}
.step::before,.ruling-num{font-weight:700;}

/* Etykiety i pigułki */
.article-tag,.related-tag,.lawyer-tag,.team-tag,.team-section .tag,.spec-related-pill{border-radius:4px;}
.article-tag,.related-tag,.lawyer-tag{background:var(--accent-dim);color:var(--accent-ink);border:1px solid var(--accent-line);}
.lawyer-tag:hover{background:var(--accent);color:#fff;border-color:var(--accent);}

/* Ciemne karty CTA ("Masz pytania?" itp.) */
.cta-card,.cta-side,.cta-band,.cta-box{background:var(--dark);box-shadow:0 14px 36px -16px rgba(15,23,42,.5);}

/* ─── FAQ ─── */
.faq-btn,.faq summary,.art-faq summary{font-family:var(--font-display);font-weight:600;}
.faq-list{background:#fff;}
.faq-item{background:#fff;}
.faq-item.open .faq-toggle{background:var(--accent);color:#fff;}

/* ─── TELEFON ─── */
@media(max-width:640px){
  .btn-primary,.btn-ghost,.btn-light,.btn-outline{letter-spacing:.03em;}
}