/**
 * Zdrowy Bajtel — assets/css/pages.css
 * Style podstron wewnętrznych (page-templates/).
 * Ładowany dla is_page() && !is_front_page().
 */

/* ── Page content section (generic) ── */
.page-content-section { padding-block:3.5rem 5rem; }
.entry-content { width:100%; }
.entry-content h2 { font-size:clamp(1.5rem,2.5vw,2rem); color:var(--zb-navy); margin:2.5rem 0 1rem; }
.entry-content h3 { font-size:clamp(1.125rem,2vw,1.5rem); color:var(--zb-navy); margin:2rem 0 .75rem; }
.entry-content p  { color:var(--zb-muted); margin-bottom:1.25rem; }
.entry-content a  { color:var(--zb-green); text-decoration:underline; }
.entry-content ul, .entry-content ol { list-style:initial; padding-left:1.5rem; margin:1rem 0; }
.entry-content li { margin-bottom:.5rem; color:var(--zb-muted); }
.entry-content strong { color:var(--zb-navy); font-weight:700; }

/* ── Page eyebrow (label nad tytułem hero) ── */
.page-hero__eyebrow { font-size:.6875rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--zb-green-light); margin-bottom:.75rem; display:block; }

/* ── Podstrona: O nas — team grid ── */
.team-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.5rem; margin-top:1rem; }
.team-card { background:#fff; border:1px solid var(--zb-border); border-radius:var(--r-2xl); overflow:hidden; display:flex; flex-direction:column; box-shadow:var(--shadow-card); transition:box-shadow var(--tr), transform var(--tr); }
.team-card:hover { box-shadow:var(--shadow-hover); transform:translateY(-3px); }
.team-card__photo { width:100%; aspect-ratio:1/1; overflow:hidden; background:var(--zb-green-pale); position:relative; }
.team-card__photo img { width:100%; height:100%; object-fit:cover; }
.team-card__photo-placeholder {
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--zb-green-pale), var(--zb-orange-pale));
  font-family:var(--font-display); font-weight:800; font-size:2rem; color:var(--zb-green);
}
.team-card__body { padding:1.25rem; flex:1; }
.team-card__name { font-family:var(--font-display); font-weight:800; font-size:1rem; color:var(--zb-navy); margin:0 0 .25rem; line-height:1.3; }
.team-card__role { font-size:.8125rem; font-weight:600; color:var(--zb-green); margin:0 0 .75rem; }
.team-card__bio  { font-size:.875rem; color:var(--zb-muted); line-height:1.6; margin:0; }

/* ── Podstrona: O projekcie — karty celu/kryteriów ── */
.project-cards-grid { display:grid; gap:1.5rem; }
@media (min-width:768px) { .project-cards-grid { grid-template-columns:repeat(2,1fr); } }
.project-info-card { padding:2rem; border-radius:var(--r-2xl); border:1px solid; }
.project-info-card--green { background:var(--zb-green-pale); border-color:rgba(46,125,50,.20); }
.project-info-card--orange { background:var(--zb-orange-pale); border-color:rgba(230,81,0,.20); }
.project-info-card h2 { font-size:1.375rem; color:var(--zb-navy); margin:1rem 0 .875rem; }
.project-info-card ul { list-style:none; display:flex; flex-direction:column; gap:.625rem; }
.project-info-card li { font-size:.9375rem; color:var(--zb-navy); padding-left:1rem; position:relative; }
.project-info-card li::before { content:'•'; position:absolute; left:0; color:var(--zb-green); font-weight:700; }

/* FAQ accordion */
.faq-list { display:flex; flex-direction:column; gap:.5rem; margin-top:2rem; }
.faq-item { border:1px solid var(--zb-border); border-radius:var(--r-xl); background:#fff; overflow:hidden; }
.faq-trigger {
  width:100%; display:flex; align-items:center; justify-content:space-between;
  padding:1.125rem 1.5rem; background:none; border:none; cursor:pointer;
  font-family:var(--font-display); font-weight:700; font-size:1rem; color:var(--zb-navy);
  text-align:left; transition:background var(--tr);
}
.faq-trigger:hover { background:var(--zb-green-pale); }
.faq-trigger svg { flex-shrink:0; transition:transform var(--tr); }
.faq-trigger[aria-expanded="true"] svg { transform:rotate(180deg); }
.faq-answer { padding:0 1.5rem 1.125rem; font-size:.9375rem; color:var(--zb-muted); line-height:1.7; }

/* ── Podstrona: Dla rodziców — tabs ── */
.dla-rodzicow-tabs { display:flex; flex-wrap:wrap; gap:.25rem; border-bottom:1px solid var(--zb-border); margin-bottom:2.5rem; }
.tab-btn {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.875rem 1.25rem; border:none; border-bottom:2px solid transparent;
  margin-bottom:-1px; background:none; cursor:pointer;
  font-family:var(--font-display); font-weight:700; font-size:.9375rem; color:var(--zb-muted);
  transition:color var(--tr), border-color var(--tr);
}
.tab-btn:hover { color:var(--zb-navy); }
.tab-btn.is-active { color:var(--zb-green); border-bottom-color:var(--zb-green); }
.tab-btn svg { width:18px; height:18px; }
.tab-pane { display:none; }
.tab-pane.is-active { display:block; }

/* Karty przepisów */
.recipes-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1rem; }
.recipe-card { background:#fff; border:1px solid var(--zb-border); border-radius:var(--r-xl); padding:1.25rem; display:flex; flex-direction:column; gap:.5rem; box-shadow:var(--shadow-card); }
.recipe-card__title { font-family:var(--font-display); font-weight:700; font-size:1rem; color:var(--zb-navy); margin:0; }
.recipe-card__meta { display:flex; gap:.75rem; font-size:.75rem; color:var(--zb-muted); }

/* ── Podstrona: Do pobrania ── */
.downloads-section { margin-bottom:3rem; }
.downloads-section h2 { font-size:1.5rem; color:var(--zb-navy); padding-bottom:.875rem; border-bottom:2px solid var(--zb-green-pale); margin-bottom:1.25rem; }
.downloads-list { display:flex; flex-direction:column; gap:.75rem; }
.download-item {
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1rem 1.25rem; background:#fff; border:1px solid var(--zb-border);
  border-radius:var(--r-xl); transition:border-color var(--tr), box-shadow var(--tr);
}
.download-item:hover { border-color:var(--zb-green); box-shadow:var(--shadow-card); }
.download-item__info { display:flex; align-items:flex-start; gap:.875rem; flex:1; min-width:0; }
.download-item__icon { flex-shrink:0; color:var(--zb-green); margin-top:2px; }
.download-item__name { font-family:var(--font-display); font-weight:700; font-size:.9375rem; color:var(--zb-navy); margin:0 0 .125rem; }
.download-item__desc { font-size:.8125rem; color:var(--zb-muted); margin:0; }
.download-item__btn {
  display:inline-flex; align-items:center; gap:.375rem; padding:.5rem 1rem;
  border-radius:var(--r-full); background:var(--zb-green); color:#fff;
  font-family:var(--font-display); font-weight:700; font-size:.8125rem;
  text-decoration:none; flex-shrink:0; transition:background var(--tr);
}
.download-item__btn:hover { background:var(--zb-green-mid); color:#fff; }
.download-item__size { font-size:.75rem; color:var(--zb-muted); white-space:nowrap; }

/* ── Podstrona: Kontakt ── */
.contact-grid { display:grid; gap:2rem; }
@media (min-width:1024px) { .contact-grid { grid-template-columns:1fr 1fr; } }
.contact-card { background:#fff; border:1px solid var(--zb-border); border-radius:var(--r-3xl); padding:2rem; box-shadow:var(--shadow-card); }
.contact-card h2 { font-size:1.5rem; color:var(--zb-navy); margin:0 0 1.5rem; }
.contact-list { list-style:none; display:flex; flex-direction:column; gap:1.25rem; }
.contact-list-item { display:flex; gap:1rem; align-items:flex-start; }
.contact-list-item__icon { flex-shrink:0; }
.contact-list-item__label { font-size:.6875rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--zb-muted); margin-bottom:.25rem; }
.contact-list-item__value { font-family:var(--font-display); font-weight:700; color:var(--zb-navy); }
.contact-list-item__value a { color:var(--zb-navy); text-decoration:none; transition:color var(--tr); }
.contact-list-item__value a:hover { color:var(--zb-green); }

/* ── Single post ── */
.single-layout { padding-block:2.5rem 5rem; }
.single-meta { display:flex; align-items:center; gap:.875rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.single-category { display:inline-block; padding:.25rem .875rem; border-radius:var(--r-full); background:var(--zb-green-pale); color:var(--zb-green); font-size:.75rem; font-weight:700; text-decoration:none; }
.single-date { font-size:.875rem; color:var(--zb-muted); }
.single-thumb { width:100%; max-height:480px; object-fit:cover; border-radius:var(--r-2xl); margin-bottom:2.5rem; }
.single-nav { display:flex; justify-content:space-between; gap:1rem; margin-top:3rem; padding-top:2rem; border-top:1px solid var(--zb-border); }
.single-nav a { font-family:var(--font-display); font-weight:700; font-size:.9375rem; color:var(--zb-green); text-decoration:none; max-width:45%; transition:color var(--tr); }
.single-nav a:hover { color:var(--zb-green-mid); text-decoration:underline; }
.single-back { margin-top:1rem; }
.single-back a { font-size:.9375rem; color:var(--zb-green); text-decoration:none; font-weight:600; }
.single-back a:hover { text-decoration:underline; }