/* Tylko home – nie dotykamy innych podstron */
body.home{
  --ww-bg: #faf7f2;
  --ww-fg: #000033;
  --ww-accent: #7b5e3b;
  background: var(--ww-bg);
  color: var(--ww-fg);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Sekcja HERO */
.home .ww-hero{
  max-width:1100px; margin:2rem auto; padding:2rem 1rem;
  background:#faf7f2; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.home .ww-hero h1{ font-size:clamp(1.8rem, 3vw, 3rem); margin:0 0 .5em; color:var(--ww-accent); }
.home .ww-hero p{ font-size:clamp(1rem, 1.6vw, 1.2rem); line-height:1.6; }

/* Delikatne tło sekcji intro/kolumn */
.home .ww-home-intro,
.home .col-lg-7{ background-color:#f8f5f0; }

/* Siatka kafelków wpisów */
.home .posts-grid{
  max-width:1100px; margin:2rem auto; padding:0 1rem;
  display:grid; grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); gap:18px;
}
.home .post-card{
  background:#fff; border-radius:14px; overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.05); display:flex; flex-direction:column;
}
.home .post-card .thumb{ aspect-ratio:16/9; overflow:hidden; }
.home .post-card .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.home .post-card .content{ padding:14px 14px 16px; }
.home .post-card h2{ font-size:1.05rem; margin:0 0 .4rem; line-height:1.35; }
.home .post-card .meta{ font-size:.85rem; opacity:.75; margin-bottom:.6rem; }
.home .post-card .more{ margin-top:auto; padding-top:.7rem; }
.home .post-card a.more-link{ text-decoration:none; color:var(--ww-accent); font-weight:600; }

/* Linki-akcje tylko na home */
.home a.btn{
  color:#1010f0; font-weight:400; margin:0 20px 0 0; padding:0 5px;
  display:inline-block; border:1px solid #808080; border-radius:5px;
}
.home a.btn:hover{ background-color:azure; color:#2020f8; font-weight:500; }

/* Akapity w treści na home (jeśli chcesz specyficzny kolor) */
.home .entry-content p{ color:#000066; }
.home .entry-content p:hover{ color:#000; }
/* Wszystkie h1–h3 tylko na stronie głównej */
body.home h1,
body.home h2,
body.home h3 {
  text-shadow: 2px 2px 6px rgba(0,0,0,.25);
}
body.home h1:hover,
body.home h2:hover,
body.home h3:hover {
  text-shadow: 2px 2px 6px rgba(0,0,0,.25);
  color: #050560;
}


/* Jeśli masz sekcję hero z klasą .hero */
body.home .hero h1 {
  text-shadow: 0 3px 12px rgba(0,0,0,.35);
}
.lead {
  font-weight: 800;
  text-shadow: 2px 2px 5px #808080;
}