/* Carla's Makery – wiederverwendbare Block-Stile
   Klassen im Editor unter „Erweitert → Zusätzliche CSS-Klasse(n)“ setzen. */

/* ── .cmk-feature : Bild+Text-Raster ── */
.cmk-feature{ margin-top: 2.5rem; margin-bottom: 2.5rem; }
@media (min-width: 769px){
  .cmk-feature{
    max-width: 1080px;
    margin-left: auto; margin-right: auto;
    margin-top: 4rem; margin-bottom: 4rem;
  }
}
.cmk-feature.is-layout-grid{ gap: 1.75rem; }
@media (min-width: 769px){ .cmk-feature.is-layout-grid{ gap: 3.25rem; } }

/* ── Retro-Bildrahmen ── */
.cmk-feature figure.wp-block-image{ margin-bottom: 0; }
.cmk-feature figure.wp-block-image img,
figure.wp-block-image.cmk-retro-frame img,
.cmk-retro-frame img{
  box-sizing: border-box; display: block; max-width: 100%; height: auto;
  background:#fff; padding:10px; border:2px solid #2b2b2b; border-radius:5px;
  box-shadow:12px 12px 0 0 #F4C7E5;
}

/* ── Button (Retro-Pill) ── */
.cmk-feature a.gb-text,
a.cmk-btn, .cmk-btn{
  display:inline-block; background:#F03E1E; color:#fff;
  font-weight:600; text-decoration:none; line-height:1.2;
  padding:.72em 1.5em; border-radius:999px;
  border:2px solid #2b2b2b; box-shadow:4px 4px 0 0 #2b2b2b;
  transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.cmk-feature a.gb-text:hover, .cmk-feature a.gb-text:focus-visible,
a.cmk-btn:hover, .cmk-btn:hover, .cmk-btn:focus-visible{
  background:#D8330F; color:#fff;
  transform:translate(2px,2px); box-shadow:2px 2px 0 0 #2b2b2b;
}

/* ── .cmk-divider : dekorativer Trenner (auf Spacer- oder Trenner-Block setzen) ── */
.cmk-divider, .wp-block-spacer.cmk-divider{
  display:flex; align-items:center; justify-content:center;
}
.cmk-divider::before{
  content:""; display:block;
  width:min(340px, 62%);
  border-top:3px dashed #F03E1E;      /* „Steppstich“ in Coral */
}
/* Variante „Welle“: Klasse  cmk-divider is-wave */
.cmk-divider.is-wave::before{
  border:0; height:12px; width:min(360px, 70%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6 Q10 0 20 6 T40 6' fill='none' stroke='%23F03E1E' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x center / auto 12px;
}

/* ── Seitentitel (H1) auf Unterseiten ── */
.entry-header{ text-align:center; margin-bottom:1.75rem; }
.entry-header .entry-title{
  display:inline-block;
  font-weight:700;
  font-size:clamp(2rem, 5vw, 3.25rem);
  line-height:1.08;
  letter-spacing:-.015em;
  color:#F03E1E;
  text-wrap:balance;
  margin:1.25rem 0 .5rem;
}
.entry-header .entry-title::after{
  content:""; display:block;
  width:min(220px, 70%);
  margin:.55rem auto 0;
  border-top:3px dashed #F03E1E;   /* Steppstich wie der Trenner */
}