/* =========================================================
   Hartkorn – Ergänzungen für WordPress
   (Inhalte aus dem Block-Editor, Admin-Leiste, Bausteine)
   ========================================================= */

/* ---------- Inhalte aus dem Editor im Hartkorn-Look ---------- */
.page-text { padding-bottom: clamp(50px, 8vw, 100px); }
.entry-content > * + * { margin-top: 1em; }
.entry-content h2 { margin: 1.6em 0 .5em; font-size: clamp(26px, 3vw, 36px); font-weight: 700; text-transform: uppercase; line-height: 1; }
.entry-content h3 { margin: 1.4em 0 .4em; font-size: clamp(21px, 2.2vw, 26px); font-weight: 700; text-transform: uppercase; line-height: 1.05; }
.entry-content ul:not([class*="hk-"]), .entry-content ol:not([class*="hk-"]) { padding-left: 1.3em; margin: 0 0 1em; }
.entry-content ul:not([class*="hk-"]) { list-style: disc; }
.entry-content ol:not([class*="hk-"]) { list-style: decimal; }
.entry-content li { margin-bottom: .35em; }
.entry-content a:not(.btn):not(.spice-link) { color: var(--red); }
.entry-content figure { margin: 1.6em 0; }
.entry-content img { height: auto; }
.entry-content figcaption { font-size: 15px; color: #777; margin-top: 6px; }
.entry-content .wp-block-quote, .entry-content .is-style-hk-pull {
  margin: 1.4em 0; padding: 0 0 0 22px; border-left: 6px solid var(--red);
  font-size: clamp(26px, 3.4vw, 40px); font-weight: 700; line-height: 1.05; text-transform: uppercase; color: var(--red);
}
.entry-content .wp-block-quote cite { display: block; margin-top: 8px; font-size: 16px; font-weight: 400; text-transform: none; color: #666; }
/* Baustil „Tipp aus der Gewürzmühle“ für Gruppen-Blöcke */
.entry-content .is-style-hk-tip { padding: 22px 24px; border-left: 5px solid var(--red); background: #fff4f3; }
.entry-content .is-style-hk-tip > :first-child { margin-top: 0; }
.entry-content .is-style-hk-tip strong:first-child { color: var(--red); text-transform: uppercase; letter-spacing: .04em; }

/* ---------- Rezept: Arbeitsschritte aus dem Editor wie im Prototyp ---------- */
.preparation__content > h2:first-child { margin-top: 0; }
.preparation__content ol { counter-reset: step; list-style: none !important; padding-left: 0 !important; }
.preparation__content ol > li { counter-increment: step; position: relative; padding: 0 0 26px 64px; cursor: pointer; transition: opacity .25s; }
.preparation__content ol > li::before {
  content: counter(step); position: absolute; left: 0; top: -4px; width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center; border: 3px solid #111; font-weight: 700; font-size: 20px; background: #fff; transition: all .3s;
}
.preparation__content ol > li::after { content: ""; position: absolute; left: 21px; top: 44px; bottom: 4px; width: 3px; background: #e2e2e2; }
.preparation__content ol > li:last-child::after { display: none; }
.preparation__content ol > li.is-done { opacity: .5; }
.preparation__content ol > li.is-done::before { content: "✓"; background: var(--red); border-color: var(--red); color: #fff; }

/* ---------- Bilder aus der Mediathek in den Vorlagen ---------- */
.recipe-hero__img img, .recipe-hero__photo { width: 100%; height: 100%; object-fit: cover; }
.entry-hero__img img { width: 100%; height: 100%; object-fit: cover; }
.frame__img img { width: 100%; height: 100%; object-fit: cover; }
.product__link { display: block; color: inherit; text-decoration: none; }
.feature-post__img--cutout img { object-fit: contain; }

/* ---------- Angemeldet: Admin-Leiste oben berücksichtigen ---------- */
.admin-bar .shop-header { top: 32px; }
.admin-bar .az, .admin-bar .read-progress { top: calc(var(--hdr-h) + 32px); }
@media (min-width: 900px) { .admin-bar .history__pin, .admin-bar .video__pin { top: calc(var(--hdr-h) + 32px); } }
@media (max-width: 782px) { .admin-bar .shop-header { top: 46px; } .admin-bar .az, .admin-bar .read-progress { top: calc(var(--hdr-h) + 46px); } }
@media (max-width: 600px) { .admin-bar .shop-header { top: 0; } .admin-bar .az, .admin-bar .read-progress { top: var(--hdr-h); } #wpadminbar { position: absolute; } }