/*
Theme Name: Chili Blog
Description: Motyw potomny bloga Chili System. Odwzorowuje wyglad chilisystem.pl: ta sama paleta, typografia, karty i przyciski.
Author: Chili System
Template: twentytwentyfive
Version: 2.0
Text Domain: chili-blog
*/

:root{
  --chili:#DC2626; --chili-hover:#B91C1C; --tekst:#111827; --tekst-2:#4B5563;
  --tekst-3:#6B7280; --linia:#E5E7EB; --tlo-2:#F9FAFB;
}

body{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--tekst-2); font-size:1.0625rem; line-height:1.75; background:#fff;
}

.chili-pasek{ background:var(--chili); color:#fff; font-size:.875rem; padding:.5rem 1rem; }
.chili-pasek-srodek{ max-width:1200px; margin:0 auto; display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; align-items:center; }
.chili-pasek a{ color:#fff; text-decoration:none; font-weight:600; }
.chili-pasek a:hover{ text-decoration:underline; }
.chili-kropka{ opacity:.6; }

.chili-naglowek{ background:#fff; border-bottom:1px solid var(--linia); padding:.85rem 1rem; position:sticky; top:0; z-index:30; }
.chili-naglowek-srodek{ max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; }
.chili-logo img{ height:48px; width:auto; display:block; }
.chili-menu{ display:flex; gap:1.5rem; flex-wrap:wrap; }
.chili-menu a{ color:var(--tekst); text-decoration:none; font-weight:500; font-size:.9375rem; transition:color .2s; }
.chili-menu a:hover{ color:var(--chili); }
.chili-menu-aktywne{ color:var(--chili) !important; font-weight:600 !important; }

.wp-block-post-title, .wp-block-query-title, h1{
  color:var(--tekst); font-weight:700; letter-spacing:-.02em; line-height:1.15;
  font-size:clamp(2rem,4vw,2.5rem);
}
.wp-block-post-content h2{
  color:var(--tekst); font-weight:700; letter-spacing:-.01em; line-height:1.25;
  font-size:clamp(1.5rem,3vw,1.875rem); margin-top:2.75rem; margin-bottom:1rem;
}
.wp-block-post-content h3{ color:var(--tekst); font-weight:700; font-size:1.25rem; margin-top:2rem; margin-bottom:.75rem; }
.wp-block-post-content p{ margin:0 0 1.15rem; }
.wp-block-post-content strong{ color:var(--tekst); }

.wp-block-post-content a{ color:var(--chili); text-decoration:underline; text-underline-offset:.2em; text-decoration-thickness:1px; }
.wp-block-post-content a:hover{ color:var(--chili-hover); }
.wp-block-post-content ul,.wp-block-post-content ol{ margin:0 0 1.3rem; padding-left:1.25rem; }
.wp-block-post-content li{ margin-bottom:.5rem; }
.wp-block-post-content ul li::marker{ color:var(--chili); }

.wp-block-post-content blockquote,.wp-block-quote{
  background:linear-gradient(to bottom right,#FEF2F2,#fff);
  border:1px solid #FECACA; border-left:4px solid var(--chili);
  border-radius:1rem; box-shadow:0 10px 15px -3px rgba(0,0,0,.06);
  margin:2rem 0; padding:1.25rem 1.5rem; font-style:normal; color:var(--tekst);
}
.wp-block-post-content blockquote p:last-child{ margin-bottom:0; }

.wp-block-post-content table{
  border-collapse:separate; border-spacing:0; width:100%; margin:1.75rem 0; font-size:.9375rem;
  border:1px solid var(--linia); border-radius:1rem; overflow:hidden; box-shadow:0 4px 6px -1px rgba(0,0,0,.05);
}
.wp-block-post-content th,.wp-block-post-content td{ border-bottom:1px solid var(--linia); padding:.8rem 1rem; text-align:left; vertical-align:top; }
.wp-block-post-content th{ background:var(--tlo-2); color:var(--tekst); font-weight:600; }
.wp-block-post-content tr:last-child td{ border-bottom:none; }

.chili-cta{
  background:linear-gradient(to bottom right,#FEF2F2,#fff);
  border:1px solid #FECACA; border-radius:1rem; padding:1.75rem;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.08); margin:3rem 0 1rem;
}
.chili-cta h2{ margin-top:0 !important; }
.chili-przycisk{
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--chili); color:#fff !important; text-decoration:none !important;
  font-weight:600; font-size:1rem; height:2.75rem; padding:0 1.75rem; border-radius:.375rem;
  transition:background .2s; margin-right:.5rem; margin-top:.5rem;
}
.chili-przycisk:hover{ background:var(--chili-hover); }
.chili-przycisk-obrys{
  display:inline-flex; align-items:center; justify-content:center; background:#fff;
  color:var(--tekst) !important; text-decoration:none !important; border:1px solid var(--linia);
  font-weight:600; font-size:1rem; height:2.75rem; padding:0 1.75rem; border-radius:.375rem;
  transition:border-color .2s; margin-top:.5rem;
}
.chili-przycisk-obrys:hover{ border-color:var(--chili); color:var(--chili) !important; }

.wp-block-post-title a{ color:var(--tekst); text-decoration:none; font-weight:700; }
.wp-block-post-title a:hover{ color:var(--chili); }
.wp-block-post-date,.wp-block-post-terms{ color:var(--tekst-3); font-size:.875rem; }

.chili-stopka{ background:var(--tekst); color:#fff; border-top:3px solid var(--chili); padding:3rem 1.5rem; margin-top:4rem; font-size:.9375rem; line-height:1.7; }
.chili-stopka-srodek{ max-width:1200px; margin:0 auto; }
.chili-stopka p{ margin:.35rem 0; color:#D1D5DB; }
.chili-stopka a{ color:#fff; text-decoration:none; }
.chili-stopka a:hover{ text-decoration:underline; }
.chili-stopka-nazwa{ font-size:1.25rem; font-weight:700; color:#fff !important; margin-bottom:.5rem !important; }
.chili-stopka-linki{ margin-top:1.1rem !important; }
.chili-stopka-drobne{ margin-top:1.25rem !important; font-size:.8125rem; color:#9CA3AF !important; }

elevenlabs-convai{ z-index:40; }