/**
 * Tema escuro da página de letra (player + playlist + letra/tradução),
 * inspirado no layout do ouvirmusica.com.br. Carregado só em páginas de
 * letra (is_singular('letra')) — não afeta o resto do site.
 */
.rockmusbr-dark-hero {
	--rockmusbr-accent: #ff2d55;
	--rockmusbr-bg: #161616;
	--rockmusbr-bg-alt: #1e1e1e;
	--rockmusbr-text: #e8e8e8;
	--rockmusbr-text-muted: #9a9a9a;
	color: var(--rockmusbr-text);
}

.rockmusbr-dark-hero .rockmusbr-card {
	background: var(--rockmusbr-bg);
	border: none;
	border-radius: 14px;
	overflow: hidden;
}

.rockmusbr-dark-hero .rockmusbr-card .card-body {
	padding: 1.5rem;
}

/* Cabeçalho: título / artista */
.rockmusbr-dark-hero #rockmusbr-titulo {
	color: var(--rockmusbr-text);
	font-size: 1.5rem;
}

.rockmusbr-dark-hero #rockmusbr-artista-link {
	color: var(--rockmusbr-accent) !important;
	font-weight: 700;
}

/* Abas Original / Tradução */
.rockmusbr-dark-hero .rockmusbr-tabs {
	display: flex;
	gap: .5rem;
	align-items: center;
	margin-bottom: 1.25rem;
	flex-shrink: 0;
}

.rockmusbr-dark-hero .rockmusbr-pill {
	border: none;
	border-radius: 999px;
	padding: .45rem 1.1rem;
	font-weight: 600;
	font-size: .9rem;
	background: var(--rockmusbr-bg-alt);
	color: var(--rockmusbr-text-muted);
	transition: background .15s ease, color .15s ease;
}

.rockmusbr-dark-hero .rockmusbr-pill.active {
	background: #ffffff;
	color: #111111;
}

.rockmusbr-dark-hero .rockmusbr-print-icon {
	margin-left: auto;
	background: transparent;
	border: none;
	color: var(--rockmusbr-text-muted);
	font-size: 1.1rem;
}
.rockmusbr-dark-hero .rockmusbr-print-icon:hover {
	color: var(--rockmusbr-text);
}

/* Letra / tradução */
.rockmusbr-dark-hero #letra_div {
	font-size: 1.05rem;
	line-height: 1.9;
	color: var(--rockmusbr-text);
}
.rockmusbr-dark-hero #letra_div em {
	color: var(--rockmusbr-text-muted);
}

/* Divisor "Continua depois do anúncio" */
.rockmusbr-dark-hero .rockmusbr-ad-divider {
	display: flex;
	align-items: center;
	gap: .75rem;
	color: var(--rockmusbr-text-muted);
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin: 1.5rem 0 1rem;
}
.rockmusbr-dark-hero .rockmusbr-ad-divider::before,
.rockmusbr-dark-hero .rockmusbr-ad-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #333;
}
.rockmusbr-dark-hero .rockmusbr-ad-slot {
	background: var(--rockmusbr-bg-alt);
	border-radius: 10px;
	min-height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--rockmusbr-text-muted);
	font-size: .8rem;
}

/* Compartilhar */
.rockmusbr-dark-hero .rockmusbr-share {
	background: transparent;
	border-top: 1px solid #2a2a2a;
	margin-top: 1.5rem;
	padding-top: 1rem;
}
.rockmusbr-dark-hero .rockmusbr-share > span {
	color: var(--rockmusbr-text-muted);
}

/* Player */
.rockmusbr-dark-hero .rockmusbr-player-card {
	background: #000;
	border-radius: 14px;
	overflow: hidden;
	flex-shrink: 0;
}

/* Playlist */
.rockmusbr-dark-hero .rockmusbr-playlist-card {
	background: var(--rockmusbr-bg);
	border-radius: 14px;
	overflow: hidden;
}
.rockmusbr-dark-hero .rockmusbr-playlist-header {
	background: var(--rockmusbr-bg-alt);
	color: var(--rockmusbr-text-muted);
	font-size: .85rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding: .9rem 1.25rem;
	font-weight: 700;
	flex-shrink: 0;
}
.rockmusbr-dark-hero .rockmusbr-playlist-header .text-danger {
	color: var(--rockmusbr-accent) !important;
}
.rockmusbr-dark-hero #rockmusbr-playlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

/**
 * Altura das 2 colunas de cima (player+playlist / letra):
 * usa a altura da janela (vh) para se ajustar à tela, com um piso em px
 * pra não ficar espremido em telas baixas/mobile. Cada coluna rola por
 * dentro de forma independente (o player em si não rola, só a playlist
 * e o texto da letra).
 */
.rockmusbr-dark-hero .rockmusbr-hero-row {
	height: min(78vh, 720px);
	min-height: 480px;
}
.rockmusbr-dark-hero .rockmusbr-hero-col {
	height: 100%;
}
.rockmusbr-dark-hero .rockmusbr-hero-pane {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.rockmusbr-dark-hero .rockmusbr-flexfill {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
}
.rockmusbr-dark-hero .rockmusbr-scroll-area {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
}
/* Barra de rolagem discreta, combinando com o tema escuro */
.rockmusbr-dark-hero .rockmusbr-scroll-area::-webkit-scrollbar {
	width: 8px;
}
.rockmusbr-dark-hero .rockmusbr-scroll-area::-webkit-scrollbar-thumb {
	background: #333;
	border-radius: 8px;
}
.rockmusbr-dark-hero .rockmusbr-scroll-area::-webkit-scrollbar-track {
	background: transparent;
}

@media (max-width: 991.98px) {
	/* Em telas menores que lg, as colunas empilham — cada uma com sua
	   própria altura/scroll, em vez de dividir a altura da tela ao meio. */
	.rockmusbr-dark-hero .rockmusbr-hero-row {
		height: auto;
		min-height: 0;
	}
	.rockmusbr-dark-hero .rockmusbr-hero-col {
		height: auto;
		margin-bottom: 1.5rem;
	}
	.rockmusbr-dark-hero .rockmusbr-hero-pane {
		height: auto;
	}
	.rockmusbr-dark-hero .rockmusbr-playlist-card .rockmusbr-scroll-area,
	.rockmusbr-dark-hero .rockmusbr-hero-pane .rockmusbr-scroll-area {
		max-height: 60vh;
	}
}
.rockmusbr-dark-hero .rockmusbr-playlist-item {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .7rem 1.25rem;
	background: transparent;
	border: none;
	border-bottom: 1px solid #232323;
	color: var(--rockmusbr-text);
}
.rockmusbr-dark-hero .rockmusbr-playlist-item:last-child {
	border-bottom: none;
}
.rockmusbr-dark-hero .rockmusbr-playlist-item .rockmusbr-playlist-num {
	color: var(--rockmusbr-text-muted);
	width: 1.25rem;
	flex-shrink: 0;
	text-align: center;
}
.rockmusbr-dark-hero .rockmusbr-playlist-link {
	color: var(--rockmusbr-text) !important;
	text-decoration: none;
}
.rockmusbr-dark-hero .rockmusbr-playlist-item.active {
	background: var(--rockmusbr-accent) !important;
	border-radius: 8px;
	margin: 0 .5rem;
	padding-left: .75rem;
	padding-right: .75rem;
}
.rockmusbr-dark-hero .rockmusbr-playlist-item.active .rockmusbr-playlist-num,
.rockmusbr-dark-hero .rockmusbr-playlist-item.active .rockmusbr-playlist-link {
	color: #fff !important;
	font-weight: 700;
}