/* ============================================================
   LENCIO – WordPress-Fixes
   ------------------------------------------------------------
   NUR Regeln, die nötig sind, damit die finalen lencio-Blöcke in
   einer WordPress-/Block-Theme-Umgebung exakt wie im Original aussehen.
   Grundsatz: so wenige (fast-)globale Regeln wie möglich, jede mit
   Begründung. Layout-Styles gehören NICHT hierher, sondern in
   lencio-global.css / lencio-pages.css.
   ============================================================ */

/* 1) Wrapper voll ausreizen.
   Viele Themes setzen max-width / Außenabstände auf Inhaltselemente.
   Scoped auf .lencio-site -> kein Einfluss auf das übrige Theme. */
.lencio-site {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* 2) Erstes/letztes Element bündig (keine doppelten Theme-Abstände).
   Scoped auf direkte Kinder von .lencio-site. */
.lencio-site > *:first-child { margin-top: 0; }
.lencio-site > *:last-child  { margin-bottom: 0; }

/* 3) Sicherheitsnetz gegen Theme-Typo, die in den Block "durchschlägt".
   Unsere Typo wird in lencio-global.css unter .lencio-site gesetzt; hier nur
   Reset von vererbten Theme-Eigenheiten, die das Original verändern könnten. */
.lencio-site p,
.lencio-site h1,
.lencio-site h2,
.lencio-site h3,
.lencio-site h4 { text-transform: none; }

/* ------------------------------------------------------------
   4) VOLLBREITE — der Kernfix der Migration (standardmäßig AKTIV).
   ------------------------------------------------------------
   Die meisten (Block-)Themes begrenzen den Beitragsinhalt per max-width +
   seitlichem Padding. Das finale lencio-Design braucht aber die volle Breite
   (eigene Innenabstände kommen aus .lencio-shell, ~1180px).
   Über :has() wirken die Regeln NUR auf Content-Container, die tatsächlich
   einen .lencio-site-Block enthalten — andere Seiten/Inhalte bleiben unberührt.
   Begründung für (fast-)globale Regel: Der Ziel-Container liegt AUSSERHALB von
   .lencio-site und ist daher nicht unter .lencio-site scopebar. */
.entry-content:has(> .lencio-site),
.entry-content:has(> p > .lencio-site),
.wp-block-post-content:has(> .lencio-site),
.is-layout-constrained:has(> .lencio-site) {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.entry-content > .lencio-site,
.wp-block-post-content > .lencio-site,
.is-layout-constrained > .lencio-site {
  max-width: none !important;
}

/* Fallback OHNE :has() für sehr alte Browser/Setups — Container-Klasse an euer
   Theme anpassen und bei Bedarf aktivieren. Wirkt dann auf den GESAMTEN
   Content-Bereich der jeweiligen Seite (auf reinen lencio-Seiten unkritisch). */
/*
.page-template-lencio .entry-content,
.page-template-lencio .wp-block-post-content {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
*/

/* ------------------------------------------------------------
   5) OPTIONAL — Block-Editor (Backend) ruhig halten.
   Verhindert, dass der rohe HTML-Block im Editor zu schmal/komisch
   gerendert wird. Nur aktivieren, falls im Editor störend.
*/
/*
.editor-styles-wrapper .lencio-site { max-width: 100%; }
*/