/* Fórum — estilos compartilhados entre listing e tópico (extraídos do e.php na Fase 0) */

/* linhas de tópico (listing) */
.topic_row {
	border-bottom: solid thin rgba(21, 21, 22, 0.8);
	background-color: rgba(21, 21, 22, 0.075);
	min-height: 48px;
}
@media screen and (max-width: 992px) {
	.topic_row {
		border-bottom: solid thin rgba(21, 21, 22, 0.9);
	}
}
.topic_row:hover {
	background-color: rgba(21, 21, 22, 0.75);
}
.col_title a {
	font-size: 15px;
	color: var(--color-default);
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 44px;
}
.col_titles {
	font-family: 'Cabin';
	color: var(--secondary);
	padding-top: 1rem;
	padding-bottom: 0.75rem;
}
.col_autor, .col_replies, .col_votes, .col_time, .col_visits {
	font-size: 14px;
	line-height: 16px;
	cursor: default;
	color: var(--color-gray);
}
.col_time .avatar_img {
	max-height: 32px;
	width: auto;
}
.post_unread {
	border-left: solid thin var(--info);
	border-bottom: solid thin rgba(41, 41, 42, 0.7);
	background-color: rgba(22, 22, 32, 0.4);
}

/* paginação */
@media (max-width: 576px) {
	.page-link {
		padding: .2rem .45rem;
	}
}
.page-item.active .page-link {
	background-color: var(--color-brown);
	border-color: var(--color-gray);
	color: var(--color-gold);
}
.page-link, .page-item.disabled .page-link {
	color: var(--color-gray);
	background: transparent;
}
.page-link {
	color: var(--color-gray);
	background: transparent;
	border-color: var(--color-gray);
}
.page-link:hover {
	color: var(--color-gold);
	background-color: var(--color-brown);
	border-color: var(--color-gold);
}
.page-item.disabled .page-link {
	color: var(--color-gray);
	border-color: var(--color-gray);
}

/* embed de item da Library nos posts (Fase 3a) */
.item_embed {
	display: inline-block;
	position: relative;
	border: 1px solid rgb(242 215 156 / 30%);
	border-radius: 4px;
	background: rgb(8 8 8 / 60%);
	padding: 6px 12px;
	margin: 4px 2px;
	vertical-align: middle;
}
.item_embed_head {
	display: flex;
	align-items: center;
	gap: 10px;
}
.item_embed_img {
	max-height: 44px;
	width: auto;
}
.item_embed_text {
	display: inline-block;
	text-align: left;
	line-height: 18px;
}
.item_embed_name {
	display: block;
	font-weight: bold;
}
.item_embed_base {
	display: block;
	font-size: 12px;
	color: var(--color-gray);
}
.item_embed_props {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(100% + 4px);
	z-index: 50;
	min-width: 240px;
	background: rgb(8 8 8 / 95%);
	border: 1px solid rgb(242 215 156 / 30%);
	border-radius: 4px;
	padding: 8px 12px;
	font-size: 13px;
	line-height: 17px;
	text-align: center;
}
.item_embed:hover .item_embed_props {
	display: block;
}
.item_embed_props span {
	display: block;
}