/* ============================================================
   AUTHOR HERO (mở rộng .cat-hero từ category.css — enqueue kèm
   themebysang-category làm dependency, không duplicate lại)
   ============================================================ */

.author-hero__profile {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.author-hero__avatar {
	flex-shrink: 0;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,.12);
}

.author-hero__info {
	flex: 1;
}

.author-hero__name {
	margin-bottom: 8px;
}

.author-hero__meta {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.author-hero__count {
	display: inline-block;
	background: rgba(230, 0, 126, 0.1);
	color: var(--color-primary-dark);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .4px;
	padding: 4px 14px;
	border-radius: 50px;
}

.author-hero__website {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	color: var(--color-primary);
	text-decoration: none;
	font-weight: 600;
	transition: color .2s;
}

.author-hero__website:hover { color: var(--color-primary-dark); }

@media (max-width: 575px) {
	.author-hero__profile {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.author-hero__meta {
		justify-content: center;
	}

	.cat-hero__desc {
		max-width: 100%;
	}
}