/* === Stil A: Klar & modern für Rezeptseiten === */

/* Layoutbreite & Typo-Hierarchie */
.entry-content.recipe-single {
  max-width: 880px;
  margin: 0 auto;
}
.entry-content.recipe-single h1.entry-title {
  font-size: clamp(1.9rem, 2.6vw, 2.4rem);
  line-height: 1.2;
  margin: .25rem 0 1rem;
}

/* Hero-Bild dezent abgerundet */
.post-thumb img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
}

/* Faktenleiste (Zeit, Portionen, Makros) als dezente Chips */
.lc-facts {
  background: var(--ast-global-color-5, #f7f7f9);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  padding: .75rem 1rem;
  margin: 1rem 0 1.5rem;
}
.lc-facts__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem .8rem;
}
.lc-facts__list li {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 999px;
  padding: .35rem .7rem;
  font-size: .95rem;
}

/* Abschnittsüberschriften ruhig & sauber */
.entry-content.recipe-single h2 {
  margin-top: 2rem;
  margin-bottom: .75rem;
  font-size: clamp(1.2rem, 1.6vw, 1.35rem);
  font-weight: 700;
  border-bottom: 2px solid rgba(0,0,0,.06);
  padding-bottom: .35rem;
}

/* Inhaltsboxen (Zutaten, Zubereitung, Tipps) */
.lc-box {
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  padding: 1rem 1.25rem;
  margin: 1.2rem 0;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.lc-box ul { margin-left: 1.25rem; }
.lc-box ol { margin-left: 1.25rem; }

/* FAQ als moderne Accordions */
details {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  padding: .75rem 1rem;
  background: #fff;
  margin: .6rem 0;
}
details summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
details[open] { background: #fbfbfd; }

/* Abstände zum Footer */
.recipe-single { padding-bottom: 2rem; }

/* Mobile Feinheiten */
@media (max-width: 599px) {
  .lc-facts__list { gap: .45rem .6rem; }
  .lc-facts__list li { font-size: .92rem; }
}
/* Breadcrumb Styling */
.lc-breadcrumb {
  max-width: 880px;
  margin: 0 auto 1rem auto;
  font-size: .9rem;
  opacity: .85;
}
.lc-breadcrumb a {
  text-decoration: none;
  color: var(--ast-global-color-2, #666);
}
.lc-breadcrumb a:hover {
  text-decoration: underline;
}
/* Breadcrumb über der Inhaltsspalte im Artikel-Header */
.single-recipes .entry-header .lc-breadcrumb { 
  margin: 0 0 .75rem 0;
  font-size: .9rem;
  opacity: .85;
}
.single-recipes .entry-header .lc-breadcrumb a {
  text-decoration: none;
  color: var(--ast-global-color-2, #666);
}
.single-recipes .entry-header .lc-breadcrumb a:hover { text-decoration: underline; }

/* Falls Astra/RankMath irgendwo außerhalb automatisch Breadcrumbs ausgeben: auf Rezept-Einzelseiten ausblenden */
.single-recipes nav.ast-breadcrumbs,
.single-recipes .ast-breadcrumbs,
.single-recipes .rank-math-breadcrumbs-wrapper:not(.lc-breadcrumb) {
  display: none !important;
}
/* Taxonomie-Seiten */
.lc-breadcrumb{max-width:880px;margin:0 auto 1rem;opacity:.9;font-size:.9rem}
.post-thumb img{border-radius:14px;width:100%;height:auto;display:block}
.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:1rem}
.lc-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.lc-card__link{display:block;text-decoration:none;color:inherit}
.lc-card__media img{width:100%;height:auto;display:block}
.lc-card__body{padding:.8rem 1rem}
.lc-card__title{font-size:1.05rem;margin:.2rem 0 .2rem}
.lc-card__meta{margin:0;color:#666;font-size:.92rem}
.pagination{margin:1.25rem 0}
/* =========================
   Themen-Tags / Chips
   ========================= */

/* Default Grundlayout */
.lc-tag {
  display:inline-block;
  text-decoration:none;
  color:inherit;
  background:#fff;
  border:1px solid rgba(0,0,0,.1);
  border-radius:999px;
  padding:.32rem .75rem;
  font-size:.9rem;
  line-height:1.2;
  transition:all .2s;
}
.lc-tag:hover {
  background:#f7f7f7;
  border-color:rgba(0,0,0,.2);
}

/* =========================
   TOP-Chips (unter Titel)
   ========================= */
.lc-tags-top {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:.5rem 0 1rem;
}

/* =========================
   BOTTOM-Chips (unter Inhalt)
   ========================= */
.lc-tags-bottom {
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin:1.25rem 0 0;
}
.lc-tag-group {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.35rem .5rem;
}
.lc-tag-label {
  font-weight:600;
  color:var(--ast-global-color-2,#666);
  margin-right:.25rem;
}
/* Chips unten: gruppiert mit Label */
.lc-tags-bottom{ display:flex; flex-direction:column; gap:.5rem; margin:1.25rem 0 0; }
.lc-tag-group{ display:flex; flex-wrap:wrap; align-items:center; gap:.35rem .5rem; }
.lc-tag-label{ font-weight:600; color:var(--ast-global-color-2,#666); margin-right:.25rem; }
.lc-tags-bottom .lc-tag{
  display:inline-block; text-decoration:none; color:inherit;
  background:#fff; border:1px solid rgba(0,0,0,.1);
  border-radius:999px; padding:.28rem .7rem; font-size:.92rem;
}
.lc-tags-bottom .lc-tag:hover{ background:#f7f7f9; border-color:rgba(0,0,0,.18); }
/* Hover-Verbesserung Chips */
.lc-tag {
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.lc-tag:hover {
  background:#fff;
  border-color:#ff5b2e;
  color:#ff5b2e;
  box-shadow:0 2px 4px rgba(0,0,0,.08);
}

/* Kleine Animation für moderne Anmutung */
.lc-tag {
  transition:all .2s ease;
}

/* Ähnliche Rezepte */
.lc-related { margin: 2rem 0 0; }
.lc-related > h2 { margin-bottom: .8rem; }
.lc-related__grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:1rem;
}
.lc-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.lc-card__link{display:block;text-decoration:none;color:inherit}
.lc-card__media img{width:100%;height:auto;display:block}
.lc-card__body{padding:.75rem .9rem}
.lc-card__title{font-size:1rem;margin:.1rem 0 .2rem;line-height:1.35}
.lc-card__meta{margin:0;color:#666;font-size:.92rem}


