/*
 * Checkliste — checked-state fix.
 *
 * The Checkliste page markup (stored in the page content) renders the tick SVG
 * with an inline `style="display:none"` and the checkbox square with an inline
 * `background:#fff`. Inline styles outrank the page's own stylesheet, so its
 * `.is-done .sisa-cl__check-tick { display:block }` and
 * `.is-done .sisa-cl__check { background:ink }` rules never took effect — checking
 * a row struck the title (that rule has no inline conflict) but left the box white
 * and the checkmark hidden.
 *
 * These !important rules outrank the (non-important) inline styles and restore the
 * design's checked state: dark box + yellow tick (src/page-checkliste.jsx).
 */
.sisa-cl .sisa-cl__row.is-done .sisa-cl__check {
	background: var(--sisa-ink, #1a1a1a) !important;
}
.sisa-cl .sisa-cl__row.is-done .sisa-cl__check-tick {
	display: block !important;
}

/*
 * Group "ERLEDIGT" badge — same inline-vs-attribute conflict. The badge ships with
 * both the `hidden` attribute (toggled by the JS once a group is complete) and an
 * inline `display:inline-flex`. The inline display outranks `[hidden]`'s implicit
 * `display:none`, so the badge showed on every group regardless of progress. Make
 * `[hidden]` win again.
 */
.sisa-cl .sisa-cl__group-badge[hidden] {
	display: none !important;
}

/*
 * Mobile sticky "PDF" pill (injected by sisa-checkliste.js) — the page's key
 * conversion element stays reachable while scrolling (design page-checkliste.jsx
 * lines 478-484). Mobile only; the print isolation below excludes it.
 */
.sisa-cl__pdf-sticky {
	position: fixed; right: 16px; bottom: 16px; z-index: 9999;
	display: inline-flex; align-items: center; gap: 6px; padding: 12px 16px;
	background: var(--sisa-yellow, #f4d435); color: var(--sisa-yellow-ink, #1a1a1a);
	border: 2px solid var(--sisa-yellow-ink, #1a1a1a);
	font-family: var(--sisa-mono, "JetBrains Mono", monospace); font-size: 13px; font-weight: 700; letter-spacing: .4px;
	text-decoration: none; box-shadow: 0 4px 14px rgba(0, 0, 0, .28);
}
@media (min-width: 1024px) { .sisa-cl__pdf-sticky { display: none; } }

/* Mobile: match the design's 16px gutter (Blocksy's edge spacing left 25px —
   "Ihre Notvorrat-Checkliste." wrapped to two lines; design fits one). */
@media (max-width: 689px) {
	.sisa-flush-top .entry-content > .wp-block-group.has-global-padding { padding-inline: 16px !important; }
	/* Calculator steppers: 30×30 is below the 40px touch-target floor. */
	.sisa-cl .sisa-cl__calc button { min-width: 40px; min-height: 40px; }
}

/*
 * Print: DRUCKEN must output a clean paper checklist, not the site chrome. The
 * design (page-checkliste.jsx:150-164) isolates the checklist with the classic
 * body-visibility trick; the page's inline @media print block only styles the
 * groups and hides .sisa-no-print, so header/nav/footer printed around it.
 */
@media print {
	body * { visibility: hidden !important; }
	.sisa-cl, .sisa-cl * { visibility: visible !important; }
	.sisa-cl { position: absolute !important; left: 0; top: 0; width: 100%; margin: 0; padding: 0; }
}