/* Dralexi Rezepte */
.dralexi-sammlung { margin: 1.5em 0; }
.dralexi-filter { display: flex; flex-wrap: wrap; gap: .5em; margin-bottom: 1.2em; }
.dralexi-anzahl { margin: -.6em 0 1em; font-size: .88em; opacity: .7; }
.dralexi-filter input[type="search"],
.dralexi-filter select { padding: .4em .6em; }
.dralexi-filter button {
	background: #1F3A5F;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: .45em 1.1em;
	cursor: pointer;
	font-weight: 600;
	transition: background-color .15s ease;
}
.dralexi-filter button:hover,
.dralexi-filter button:focus { background: #16293f; }

.dralexi-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 1.2em;
}
.dralexi-card {
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 8px;
	padding: 1em;
	background: rgba(0,0,0,.02);
}
.dralexi-cover { text-align: center; margin-bottom: .6em; }
.dralexi-cover img { max-width: 100%; height: auto; border-radius: 4px; }
.dralexi-card h3 { margin: .2em 0; font-size: 1.05em; }
.dralexi-meta { margin: .3em 0; }

.dralexi-rezepte .dr-card-link { text-decoration: none; color: inherit; display: block; }
.dralexi-rezepte .dr-zeiten-klein { font-size: .82em; opacity: .7; }

.dr-ern {
	display: inline-block;
	color: #fff;
	border-radius: 4px;
	padding: .12em .55em;
	font-size: .8em;
	font-weight: 600;
	text-transform: capitalize;
}
.dr-ern-vegan { background: #2e7d32; }
.dr-ern-vegetarisch { background: #7cb342; }

.dralexi-rezept-detail { max-width: 720px; margin: 0 auto 2em; }

/* Zurück-/Weiter-Navigation als Buttons im Blauton des Filterbuttons */
.dr-back { margin: 0 0 1em; display: flex; align-items: center; gap: .8em; flex-wrap: wrap; }
.dr-position { font-size: .88em; opacity: .65; }
.dr-btn {
	display: inline-block;
	background: #1F3A5F;
	color: #fff !important;
	border-radius: 4px;
	padding: .45em 1.1em;
	font-weight: 600;
	text-decoration: none !important;
	transition: background-color .15s ease;
}
.dr-btn:hover,
.dr-btn:focus { background: #16293f; color: #fff !important; }

.dr-nav-unten {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: .6em;
	flex-wrap: wrap;
	margin-top: 2em;
}

/* Vom Theme erzeugte Beitrags-Fußzeile ("Dieser Eintrag wurde von ... veröffentlicht.
   Setze ein Lesezeichen für den Permalink.") auf Rezept-Einzelseiten ausblenden.
   Deckt die gängigen Klassennamen der Standard-Themes ab. */
.single-dralexi_rezept .entry-footer,
.single-dralexi_rezept footer.entry-meta,
.single-dralexi_rezept .entry-meta.footer-meta,
.single-dralexi_rezept .post-meta-wrapper.post-meta-single-bottom { display: none; }

/* Theme-eigene "Vorheriger/Nächster Beitrag"-Navigation ausblenden –
   das Plugin bringt eigene Buttons mit. Zusätzlich zu gängigen Klassennamen
   greifen die rel-Attribute, die solche Links themeübergreifend tragen. */
.single-dralexi_rezept .post-navigation,
.single-dralexi_rezept nav.navigation.post-navigation,
.single-dralexi_rezept .nav-single,
.single-dralexi_rezept .pagination-single,
.single-dralexi_rezept .nav-previous,
.single-dralexi_rezept .nav-next,
.single-dralexi_rezept .entry-navigation,
.single-dralexi_rezept a[rel="prev"],
.single-dralexi_rezept a[rel="next"] { display: none; }
.dralexi-rezept-detail .dr-bild { margin-bottom: 1em; }
.dralexi-rezept-detail .dr-bild img { width: 100%; height: auto; border-radius: 8px; }
.dr-zeiten { font-weight: 600; opacity: .85; margin: .3em 0 1em; }

.dr-naehrwerte {
	display: flex;
	gap: 1.4em;
	background: #faf6e9;
	border-radius: 6px;
	padding: .6em 1em;
	margin-bottom: 1.2em;
	font-size: .92em;
}
.dr-naehrwerte strong { display: block; font-size: 1.1em; }

.dr-ofenbox {
	background: rgba(31,58,95,.07);
	border-left: 4px solid #1F3A5F;
	border-radius: 4px;
	padding: .8em 1em;
	margin-bottom: 1.4em;
}
.dr-ofenhinweis { margin-top: .4em; font-size: .92em; opacity: .85; }

.dr-zutaten { columns: 2; column-gap: 2em; padding-left: 1.2em; }
@media (max-width: 600px) { .dr-zutaten { columns: 1; } }
.dr-zutaten li { break-inside: avoid; margin-bottom: .3em; }
.dr-zwischenueberschrift { font-weight: 700; margin: .8em 0 .2em; column-span: all; }

.dralexi-rezept-detail h3 { margin-top: 1.6em; }
.dr-autor { font-style: italic; opacity: .7; margin-top: 2em; }