/* Linkkaarten voor albums en lijstrijen (songs, artikelen), zoals op de nieuwsdetailpagina. */

.kaart-album { display: flex; align-items: center; gap: 13px; margin: 22px 0 0; padding: 11px; border: 1px solid #ecd7cc; border-radius: 10px; background: linear-gradient(90deg, #fff6f0, #fff); color: #344c60; text-decoration: none; }
.kaart-album:hover { color: #344c60; background: linear-gradient(90deg, #ffede2, #fff); }
.kaart-album img { width: 58px; height: 58px; flex: 0 0 auto; border-radius: 7px; object-fit: cover; box-shadow: 0 2px 7px rgba(23,43,64,.14); }
.kaart-album span { min-width: 0; flex: 1; }
.kaart-album small, .kaart-album strong, .kaart-album em { display: block; }
.kaart-album small { color: #d74716; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.kaart-album strong { overflow: hidden; margin: 2px 0; color: #c34217; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.kaart-album em { overflow: hidden; color: #607385; font-size: 14px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.kaart-album b { color: #d74716; font-size: 13px; white-space: nowrap; }

#art-laatstgedr23.kaart-lijst.lijst23 { padding: 0; }
#art-laatstgedr23.kaart-lijst.lijst23 .plaatrij { position: relative; box-sizing: border-box; min-width: 0; margin: 2px 0; padding: 10px 8px; border: 1px solid #e0ead8; border-radius: 8px; background: linear-gradient(90deg, #f8fbf5 0%, #fff 75%); color: #526575; transition: background .2s ease, box-shadow .2s ease, transform .2s ease; }
#art-laatstgedr23.kaart-lijst.lijst23 .plaatrij + .plaatrij { margin-top: 10px; }
#art-laatstgedr23.kaart-lijst.lijst23 .plaatrij:hover { background: linear-gradient(90deg, #edf7e7 0%, #fff 85%); box-shadow: 0 5px 14px rgba(23,43,64,.1); transform: translateY(-1px); }
#art-laatstgedr23.kaart-lijst.lijst23 .hoes img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; box-shadow: 0 2px 7px rgba(23,43,64,.12); }
#art-laatstgedr23.kaart-lijst.lijst23 .songinfo a { color: #263d51; text-decoration: none; }
#art-laatstgedr23.kaart-lijst.lijst23 .songinfo a::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: 8px; }
#art-laatstgedr23.kaart-lijst.lijst23 .plaatrij:hover .songinfo strong { color: #416822; }

.inhoud .artiestdetail23 .tekst > span { display: block; margin: 18px 0 8px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #647566; font-family: inherit; font-size: 13px; font-weight: 700; line-height: normal; letter-spacing: .03em; text-transform: uppercase; text-align: left; }

.inhoud .artiestdetail23 .tekst > hr { display: none; }

.inhoud .artiestdetail23 .kaart-meer { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: 12px auto 0; border: 1px solid #0878b9; border-radius: 50%; background: #fff; color: #0878b9; text-decoration: none; }
.inhoud .artiestdetail23 .kaart-meer:hover { background: #0878b9; color: #fff; }

#art-laatstgedr23.kaart-lijst.lijst23 .plaatrij[hidden], .inhoud .artiestdetail23 .tekst .plaatrij[hidden] { display: none !important; }

.inhoud .artiestdetail23 .kaart-meer { box-sizing: border-box; padding: 0; line-height: 0; text-align: center; }
.inhoud .artiestdetail23 .kaart-meer svg { display: block; margin: 0; }

.inhoud .artiestdetail23 .kaart-album { margin: 8px 0 0; }

.inhoud .artiestdetail23 .kaart-album span, .inhoud .artiestdetail23 .kaart-album strong, .inhoud .artiestdetail23 .kaart-album em { background: none; padding: 0; border: 0; text-align: left; box-shadow: none; }
.inhoud .artiestdetail23 .kaart-album strong { display: block; color: #c34217; font-size: 17px; }
.inhoud .artiestdetail23 .kaart-album em { display: block; color: #607385; font-size: 14px; font-style: normal; }

#art-laatstgedr23.kaart-nieuws.lijst23 .plaatrij { border-color: #cfe3f3; background: linear-gradient(90deg, #f1f8fd 0%, #fff 75%); }
#art-laatstgedr23.kaart-nieuws.lijst23 .plaatrij:hover { background: linear-gradient(90deg, #e3f1fb 0%, #fff 85%); }
#art-laatstgedr23.kaart-nieuws.lijst23 .plaatrij:hover .songinfo strong { color: #0878b9; }

.inhoud .artiestdetail23 .plaatdetail-modern-content .plaatdetail-metrics > div,
.inhoud .artiestdetail23 .plaatdetail-modern-content .plaatdetail-playtimes > div { background: #f1f8fd; border-color: #cfe3f3; }
.inhoud .artiestdetail23 .plaatdetail-modern-content strong { color: #0878b9; }

.inhoud .artiestdetail23 .tekst > span { color: #7a7a7a !important; }

.inhoud .artiestdetail23 .plaatdetail-modern-content small { color: #1f5f8b; }