/* ==========================================================================
   JON PRO — Marken-CSS (Child-Theme von Twenty Twenty-Five)
   Ergänzt theme.json um: Bruch-Linien-Motiv + konsequent kantig (keine Radien).
   Farben kommen aus theme.json (--wp--preset--color--*).
   ========================================================================== */

:root {
  /* Waagerechte Bruch-Linie: Unterbrechung im rechten Drittel (~80%), Lücke 6px */
  --jp-brk-green: linear-gradient(90deg,
    var(--wp--preset--color--primary) 0 calc(80% - 3px),
    transparent calc(80% - 3px) calc(80% + 3px),
    var(--wp--preset--color--primary) calc(80% + 3px) 100%);
  --jp-brk-orange: linear-gradient(90deg,
    var(--wp--preset--color--accent) 0 calc(80% - 3px),
    transparent calc(80% - 3px) calc(80% + 3px),
    var(--wp--preset--color--accent) calc(80% + 3px) 100%);
}

/* --- Kantig: keine Radien (Sicherheitsnetz zusätzlich zu theme.json) --- */
.wp-block-button__link,
.wp-block-search__button,
.wp-block-search__input,
input, select, textarea,
.wp-block-image img,
.wp-block-post-featured-image img,
.wp-block-media-text__media img,
.wp-block-group.has-border-color,
.wp-block-column.has-border-color {
  border-radius: 0 !important;
}

/* --- Bruch-Linie als Trenner-Motiv (core/separator) --- */
.wp-block-separator:not(.is-style-dots) {
  border: 0 !important;
  height: 3px;
  background: var(--jp-brk-green);
  opacity: 1;
  color: transparent;
}
/* Variante: Orange-Trenner via zusätzlicher Klasse "is-accent" */
.wp-block-separator.is-accent:not(.is-style-dots) {
  background: var(--jp-brk-orange);
}
/* Standard-Trenner ist mittig/kurz – wir nutzen ihn linksbündig über die Inhaltsbreite */
.wp-block-separator:not(.is-style-wide):not(.alignwide):not(.alignfull):not(.is-style-dots) {
  max-width: 100%;
  margin-left: 0;
}

/* --- Reusable Utility: waagerechte Bruch-Linie (z. B. via HTML-Block) --- */
.jonpro-brkline {
  border: 0;
  height: 3px;
  width: 100%;
  margin: 0;
  background: var(--jp-brk-green);
}
.jonpro-brkline--orange { background: var(--jp-brk-orange); }

/* --- Geschlossene Rahmen: Öffnung im oberen Drittel der rechten Kante ---
   Auf ein Element die Klasse "jonpro-frame" legen (z. B. Gruppe/Spalte).
   Rahmenfarbe über --jp-fc steuerbar (Default: Grau-Grün). */
.jonpro-frame {
  position: relative;
  border: 1.5px solid var(--jp-fc, var(--wp--preset--color--muted));
  border-right-width: 0;
}
.jonpro-frame::after {
  content: "";
  position: absolute;
  top: -1.5px;
  bottom: -1.5px;
  right: 0;
  width: 1.5px;
  pointer-events: none;
  background: linear-gradient(180deg,
    var(--jp-fc, var(--wp--preset--color--muted)) 0 calc(22% - 1.5px),
    transparent calc(22% - 1.5px) calc(22% + 1.5px),
    var(--jp-fc, var(--wp--preset--color--muted)) calc(22% + 1.5px) 100%);
}

/* --- Startseite: Seitentitel („Start") ausblenden --- */
body.home .wp-block-post-title { display: none; }

/* --- Feinschliff --- */
/* Eyebrow-/Label-Utility in Versalien */
.jonpro-eyebrow {
  font-family: var(--wp--preset--font-family--ddin-condensed);
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--wp--preset--color--primary);
  font-size: 0.85rem;
}