/* ============================================================
   ContentBlock atomicplan/favorites — Merkliste (Struktur)
   ------------------------------------------------------------
   HARTE REGEL (Workspace-CLAUDE.md, Skill css § Frame-System):
   Hier steht KEIN Sektions-Hintergrund, KEIN Sektions-Padding und
   KEINE Container-Breite. Fläche, Abstand und Breite kommen
   ausschließlich vom generischen Frame (`background_color_class`,
   `space_before/after_class`, `frame_layout` → `.frame-container`).

   Diese Datei liefert nur die STRUKTUR (Raster, Kartenaufbau,
   Entfernen-Knopf). Die Optik macht das Theme über die Klassen
   `.plces-fav-card*` / `.plces-favorites*` bzw. die
   `--a-favorites-*`-Variablen der Komponente.
   ============================================================ */

.plces-favorites__list {
	display: grid;
	gap: var(--plces-favorites-gap, 1.5rem);
}

/* Zeilen-Variante: ein Eintrag pro Zeile. */
.plces-favorites--list .plces-favorites__list {
	grid-template-columns: 1fr;
}

/* Karten-Variante: fluides Raster ohne feste Breakpoints (Container-Query-Ersatz). */
.plces-favorites--grid .plces-favorites__list {
	grid-template-columns: repeat(auto-fill, minmax(var(--plces-favorites-card-min, 17rem), 1fr));
}

.plces-favorites .a-favorites-group + .a-favorites-group {
	margin-top: var(--plces-favorites-group-gap, 2.5rem);
}

.plces-favorites .a-favorites-group__items {
	display: grid;
	gap: var(--plces-favorites-gap, 1.5rem);
}

.plces-favorites--list .a-favorites-group__items {
	grid-template-columns: 1fr;
}

.plces-favorites--grid .a-favorites-group__items {
	grid-template-columns: repeat(auto-fill, minmax(var(--plces-favorites-card-min, 17rem), 1fr));
}

/* Der Wrapper kommt aus der Komponente (position: relative als Inline-Style,
   damit der Entfernen-Knopf sitzt). */
.plces-favorites .instance-wrapper {
	min-width: 0;
}

.plces-fav-card {
	position: relative;
	display: grid;
	gap: var(--plces-favorites-card-gap, 1.2rem);
	height: 100%;
	min-width: 0;
}

.plces-favorites--list .plces-fav-card {
	grid-template-columns: minmax(0, var(--plces-favorites-media-col, 15rem)) minmax(0, 1fr);
	align-items: start;
}

.plces-favorites--grid .plces-fav-card {
	grid-template-columns: minmax(0, 1fr);
	align-content: start;
}

.plces-fav-card__media {
	overflow: hidden;
}

.plces-fav-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: var(--plces-favorites-media-ratio, 4 / 3);
}

.plces-fav-card__body > * {
	margin: 0;
}

.plces-fav-card__body > * + * {
	margin-top: var(--plces-favorites-line-gap, 0.35rem);
}

/* „Stretched link": der Titel-Link deckt die Karte ab, damit sie als Ganzes
   klickbar ist — ohne ein <a>, das andere Bedienelemente umschließt. Der
   Entfernen-Knopf der Komponente liegt darüber (z-index unten). */
.plces-fav-card__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.plces-favorites .closeBt {
	z-index: 2;
}

@media (max-width: 36rem) {
	.plces-favorites--list .plces-fav-card {
		grid-template-columns: minmax(0, 1fr);
	}
}