/* MINA Rezeptblock (Entwicklung) – Zusätze NUR für V2-Karten.
   Design kommt unverändert aus mina-rezept.css (Produktions-Plugin). Hier nur:
   Fokus, Trefferfläche (U12), Hover-Neutralisierung (U13, B6), Statuszeile. */

/* Sichtbarer Tastaturfokus wie bei den Akkordeon-Köpfen (B8) */
.mina-rezept[data-mr-version="2"] button:focus-visible {
	outline: 2px solid var(--schwarz, #141414);
	outline-offset: 3px;
}
/* Auf dem schwarzen Startknopf: weißer Rahmen innen */
.mina-rezept[data-mr-version="2"] .mr-start:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -6px;
}
.mina-rezept[data-mr-version="2"] .mr-step-count:focus { outline: none; }
.mina-rezept[data-mr-version="2"] .mr-step-count:focus-visible {
	outline: 2px solid var(--schwarz, #141414);
	outline-offset: 3px;
}

/* U13: Theme-Hover-/Fokus-Schatten an den Akkordeon-Köpfen neutralisieren (B13) */
.mina-rezept[data-mr-version="2"] .mr-acc-head:hover,
.mina-rezept[data-mr-version="2"] .mr-acc-head:focus,
.mina-rezept[data-mr-version="2"] .mr-acc-head:active {
	box-shadow: none;
}

/* B6: deaktiviertes Minus ohne Hover-Reaktion und ohne Hand-Cursor */
.mina-rezept[data-mr-version="2"] .mr-portion-control button:disabled,
.mina-rezept[data-mr-version="2"] .mr-portion-control button:disabled:hover {
	background: #fff;
	color: var(--schwarz, #141414);
	cursor: default;
	box-shadow: none;
}

/* U12: Trefferfläche −/+ mindestens 44 × 44 px, unsichtbar (sichtbare Box bleibt) */
.mina-rezept[data-mr-version="2"] .mr-portion-control button {
	position: relative;
}
.mina-rezept[data-mr-version="2"] .mr-portion-control button::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: max(100%, 44px);
	height: max(100%, 44px);
	transform: translate(-50%, -50%);
}

/* Phase 2.10: „+“ steht ab 721 px bündig am Rand von .mr-acc-inner (overflow:hidden,
   Produktions-CSS). Trefferfläche deshalb am rechten Knopfrand verankern und nach innen
   (in die Lücke zur Zahl) wachsen lassen. Sichtbare Box und Layout bleiben unverändert. */
.mina-rezept[data-mr-version="2"] .mr-portion-control [data-portions-plus]::after {
	left: auto;
	right: 0;
	transform: translateY(-50%);
}

/* Unsichtbare Statuszeile für Screenreader */
.mina-rezept[data-mr-version="2"] .mr-sr-status {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* U8: Transparenzzeile (übernimmt die Optik von .mr-nutri-note) */
.mina-rezept[data-mr-version="2"] .mr-scale-note[hidden] { display: none !important; }

/* 0.9.1: Energie-Balken im Stil von „Jetzt zubereiten“ (.mina-rezept .mr-start / .mina-post button.mr-start).
   Der Wrapper ist der schwarze Balken; der Button ist transparent und deckt per ::after die ganze Fläche ab.
   Der Wert (hidden bis zum Klick) steht per order:-1 vor dem Text, Trenner „·“ für Screenreader stumm.
   Schrift ab ca. 478 px Viewport 22 px wie „Jetzt zubereiten“, darunter proportional kleiner: einzeilig, 60 px, kein Sprung. */
.mina-rezept[data-mr-version="2"] .mr-energy {
	position: relative; box-sizing: border-box; width: 100%; min-height: 60px; margin: 12px 0 0; padding: 12px 20px;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: .35em; row-gap: 0;
	border: 1px solid var(--schwarz, #141414); background: var(--schwarz, #141414); color: #fff;
	font-family: var(--display); font-size: clamp(16px, 4.6vw, 22px); font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	line-height: 1.2; text-align: center; transition: background-color .2s, color .2s;
}
.mina-rezept[data-mr-version="2"] .mr-energy[hidden],
.mina-rezept[data-mr-version="2"] .mr-energy-value[hidden] { display: none !important; }
.mina-rezept[data-mr-version="2"] .mr-energy-toggle {
	-webkit-appearance: none; appearance: none; position: static; margin: 0; padding: 0; min-height: 0; border: 0; border-radius: 0;
	background: none; box-shadow: none; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; text-decoration: none; cursor: pointer;
}
.mina-rezept[data-mr-version="2"] .mr-energy-toggle::after { content: ""; position: absolute; inset: 0; }
.mina-rezept[data-mr-version="2"] .mr-energy-toggle:hover,
.mina-rezept[data-mr-version="2"] .mr-energy-toggle:focus,
.mina-rezept[data-mr-version="2"] .mr-energy-toggle:active { background: none; box-shadow: none; color: inherit; }
.mina-rezept[data-mr-version="2"] .mr-energy:has(.mr-energy-toggle:hover) { background: #fff; color: var(--schwarz, #141414); }
@supports selector(:has(a)) {
	.mina-rezept[data-mr-version="2"] .mr-energy:has(.mr-energy-toggle:focus-visible) { outline: 2px solid #fff; outline-offset: -6px; }
	.mina-rezept[data-mr-version="2"] .mr-energy:has(.mr-energy-toggle:hover):has(.mr-energy-toggle:focus-visible) { outline-color: var(--schwarz, #141414); }
	.mina-rezept[data-mr-version="2"] .mr-energy-toggle:focus-visible { outline: none; }
}
.mina-rezept[data-mr-version="2"] .mr-energy-value { order: -1; margin: 0; font: inherit; color: inherit; pointer-events: none; }
.mina-rezept[data-mr-version="2"] .mr-energy-value strong { font-weight: inherit; }
.mina-rezept[data-mr-version="2"] .mr-energy-value::after { content: "\00a0·"; content: "\00a0·" / ""; }
.mina-rezept[data-mr-version="2"] .mr-energy + .mr-nutri-note { margin-top: 14px; }