/* Complementa o app.css, que já estiliza cartões, séries, estrelas e filtros. */

/* A leitura desta página não rende XP próprio. */
.cl100-sr .cl100-xp {
	display: none;
}

.cl100-sr .cl100-sr-social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
}

.cl100-sr .cl100-fav {
	position: static;
}

.cl100-sr .cl100-rate {
	margin-bottom: 0;
}

/* Parece botão, mas é só a opinião marcada no painel. */
.cl100-sr .cl100-sr-opinion {
	display: inline-block;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	padding: 6px 12px;
	margin: 0 0 8px 6px;
	box-shadow: 0 2px 0 rgba(34, 28, 21, 0.25);
}

.cl100-sr .cl100-sr-opinion.is-recomendo {
	background: var(--cl-gold);
	color: var(--cl-ink);
}

.cl100-sr .cl100-sr-opinion.is-gostei {
	background: var(--cl-green);
	color: #fff;
}

/* z-index mantém o botão acima da área de clique do cartão. */
.cl100-sr .cl100-own {
	position: relative;
	z-index: 1;
	margin-top: 8px;
}

.cl100.is-member .cl100-filters.cl100-member {
	display: flex;
}