/* Album-Summary – Hub-Tokens; Cover im OG-Format 1200×630 */

.player-playlist-container .afs-album-summary-card,
.dm-right-column .afs-album-summary-card,
.dm-playlist-layout .afs-album-summary-card,
.afs-album-summary-card {
	--dm-text: var(--dh-text, #333333);
	--dm-background: var(--dh-background, #f9f9f9);
	--dm-surface: var(--dh-surface, #ffffff);
	--dm-border: var(--dh-border, #bbbbbb);
	--dm-accent: var(--dh-accent, #003475);
	--dm-muted: color-mix(in srgb, var(--dm-text) 62%, transparent);
	--dm-shadow: rgba(0, 0, 0, 0.1);
	font-family: var(--dm-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	font-size: var(--dm-font-size, 18px);
	line-height: var(--dm-line-height, 1.45);
	color: var(--dm-text) !important;
	background-color: var(--dm-background) !important;
	border: 1px solid var(--dm-border) !important;
	border-radius: 6px;
	box-shadow: 0 6px 18px var(--dm-shadow);
	overflow: hidden;
	max-width: 920px;
	margin: 20px auto;
	padding: 12px;
	text-align: center;
	box-sizing: border-box;
}

/* Sidebar / Playlist-Layout: zentriert wie Galerie-Kachel */
.dm-right-column .afs-album-summary-card,
.dm-playlist-layout .afs-album-summary-card {
	max-width: 100%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Durchgängiger Rahmen um Bild + Text (innerhalb der äußeren Card) */
.afs-album-summary-card .afs-as-frame {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
	border: 1px solid var(--dm-border) !important;
	border-radius: 4px;
	box-shadow: none;
	overflow: hidden;
	background-color: var(--dm-surface) !important;
	box-sizing: border-box;
}

.afs-album-summary-card .afs-as-image-wrap {
	width: 100%;
	max-width: none;
	margin: 0;
	aspect-ratio: 1200 / 630;
	background: color-mix(in srgb, var(--dm-surface) 92%, var(--dm-background) 8%);
	overflow: hidden;
	border: none;
	border-radius: 0;
}

.afs-album-summary-card .afs-as-image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 0;
}

.afs-album-summary-card .afs-as-body {
	text-align: center;
	padding: 20px 22px 26px;
	background-color: var(--dm-surface) !important;
	border: none !important;
	border-radius: 0;
	color: var(--dm-text) !important;
	max-width: none;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}

.afs-album-summary-card .afs-as-title,
.afs-album-summary-card .afs-as-body > h2,
.afs-album-summary-card .afp-music-album {
	font-size: 1.4em;
	line-height: 1.25;
	margin: 10px 0 8px;
	padding: 0;
	font-weight: 700;
	background: transparent !important;
	color: var(--dm-accent) !important;
	text-align: center;
}

.afs-album-summary-card .afs-as-meta {
	color: var(--dm-muted);
	font-size: var(--dm-font-size-sm, 16px);
	text-align: center;
}

.afs-album-summary-card .afs-as-slug-row {
	margin: 8px 0 10px;
	font-weight: 600;
	color: var(--dm-text) !important;
	text-align: center;
}

.afs-album-summary-card .afs-as-stats-row {
	margin-top: 2px;
	color: var(--dm-muted);
	text-align: center;
}

.afs-album-summary-card .afp-music-slug {
	display: inline-block;
	color: var(--dm-accent) !important;
	font-weight: 600;
}

.afs-album-summary-card .afp-music-count,
.afs-album-summary-card .afp-music-playtime {
	font-weight: 600;
	color: var(--dm-text) !important;
}

@media (max-width: 640px) {
	.afs-album-summary-card .afs-as-body {
		padding: 16px 14px 20px;
	}
}