/*********************************************************
 * Couch & Agora – CSS Pack A: Base / Type / Anchors
 * 
 * BEREINIGT: Dark Mode wurde in zentrales Snippet ausgelagert
 *********************************************************/

/* ===== Tokens (Light Mode) ===== */
:root{
  --ca-accent:#0F766E;
  --ca-panel:#ECE6DC;
  --ca-panel-border:#D9D2C9;
  --ca-anchor-offset:96px;

  --ca-text-primary:#2E2E2E;
  --ca-text-secondary:#4a463f;
  --ca-border-light:#e7e3dc;
  --ca-bg-card:#fff;
  --ca-bg-subtle:#f8f7f3;
}

/* ===== Lesespalte, Flowsatz, Lesbarkeit ===== */
.reading-wrap{
  max-width:var(--wp--style--global--content-size,960px);
  margin-inline:auto;
  padding-inline:clamp(16px,4vw,28px);
  -webkit-user-select:text; user-select:text;
  overflow:visible; /* wichtig für Popover/Inline-Kommentare */
}
.reading-wrap .alignwide{
  max-width:var(--wp--style--global--wide-size,1200px);
  margin-inline:auto; padding-inline:clamp(8px,2vw,20px);
}
.reading-wrap.alignfull,
.reading-wrap.alignwide{ margin-inline:auto!important; }

/* optimale Lesbarkeit */
.reading-wrap p{ max-width:75ch; line-height:1.7; }
.reading-wrap p, .reading-wrap li{ orphans:3; widows:3; }

/* Flowsatz deutsch */
html[lang|="de"] .reading-wrap p,
html[lang|="de"] .reading-wrap li{
  text-align:justify;
  -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto;
}
.reading-wrap a{ hyphens:none; }

/* Cover in Artikel */
.single .cover-wrap .wp-block-cover__inner-container{
  max-width:var(--wp--style--global--content-size,960px);
  margin-inline:auto; padding-inline:clamp(16px,4vw,28px);
}
.single .cover-wrap{ padding-block:clamp(24px,6vw,64px); }

/* Anker-Offset (TOC‑Sprung unter fixem Header) */
.reading-wrap h2, .reading-wrap h3, .reading-wrap h4, .reading-wrap h5{
  scroll-margin-top:var(--ca-anchor-offset);
}

/* ===== Überschriften-Nummerierung H2–H5 (bündig) ===== */
.reading-wrap{ counter-reset:h2counter; }
.reading-wrap h2, .reading-wrap h3, .reading-wrap h4, .reading-wrap h5{
  padding-left:0; text-indent:0; /* bündig mit Fließtext */
}
.reading-wrap h2{
  counter-increment:h2counter; counter-reset:h3counter;
  margin-top:.9em; margin-bottom:.5em;
}
.reading-wrap h2::before{
  content:counter(h2counter) ".";
  display:inline-block; margin-right:.4em; font-variant-numeric:tabular-nums; font-weight:600;
}
.reading-wrap h3{
  counter-increment:h3counter; counter-reset:h4counter;
  margin-top:.85em; margin-bottom:.45em;
}
.reading-wrap h3::before{
  content:counter(h2counter) "." counter(h3counter) ".";
  display:inline-block; margin-right:.4em; font-variant-numeric:tabular-nums; font-weight:600;
}
.reading-wrap h4{
  counter-increment:h4counter; counter-reset:h5counter;
  margin-top:.8em; margin-bottom:.4em;
}
.reading-wrap h4::before{
  content:counter(h2counter) "." counter(h3counter) "." counter(h4counter) ".";
  display:inline-block; margin-right:.4em; font-variant-numeric:tabular-nums; font-weight:600;
}
.reading-wrap h5{
  counter-increment:h5counter; margin-top:.75em; margin-bottom:.35em;
}
.reading-wrap h5::before{
  content:counter(h2counter) "." counter(h3counter) "." counter(h4counter) "." counter(h5counter) ".";
  display:inline-block; margin-right:.4em; font-variant-numeric:tabular-nums; font-weight:600;
}

/* Details-Chip (Methodischer Hinweis) */
.reading-wrap details.autorschaft-hinweis{ margin:.6rem 0 1rem; font-size:.95em; }
.reading-wrap details.autorschaft-hinweis>summary{
  list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:.45em;
  padding:.28rem .6rem; border:1px solid var(--ca-panel-border); border-radius:8px;
  background:var(--ca-panel); color:var(--ca-text-primary);
  transition: background .2s cubic-bezier(.4,0,.2,1), border-color .2s cubic-bezier(.4,0,.2,1);
}
.reading-wrap details.autorschaft-hinweis>summary::-webkit-details-marker{ display:none; }
.reading-wrap details.autorschaft-hinweis>summary::before{
  content:"▸"; display:inline-block; transform:translateY(1px);
  color:#5A534A; transition:transform .2s cubic-bezier(.4,0,.2,1);
}
.reading-wrap details.autorschaft-hinweis[open]>summary{
  background:#E5DED3; border-color:#D0C8BC;
}
.reading-wrap details.autorschaft-hinweis[open]>summary::before{ transform:rotate(90deg) translateY(0); }
.reading-wrap details.autorschaft-hinweis .hint-body{
  margin:.6rem 0 0; padding:.2rem 0 .1rem .6rem; border-left:3px solid var(--ca-panel-border); color:var(--ca-text-secondary);
}

/* ===============================================
   C&A – Base-Fallback für ältere Safari/WebViews
   (logische Props + clamp)
   =============================================== */
@supports not (padding-inline: 1px){
  .reading-wrap{ padding-left: 16px; padding-right: 16px; }
  .single .cover-wrap .wp-block-cover__inner-container{
    padding-left: 16px; padding-right: 16px;
  }
}