/* ==========================================================================
   Post Author Bio — template-parts/post-author.php
   ========================================================================== */

.post-author {
	background: #faf4e7;
	border-radius: 12px;
	padding: 24px;
	margin: 40px 0 0;
}

/* Header: avatar + meta */
.post-author__header {
	display: flex;
	align-items: center;
	gap: 16px;
}

/* Avatar */
.post-author__avatar-wrap {
	flex-shrink: 0;
}

.post-author__avatar {
	display: block;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
}

/* Meta: label + name */
.post-author__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.post-author__label {
	font-family: var(--font-figtree);
	font-size: 14px;
	line-height: 1.4;
	color: #505869;
}

.post-author__name {
	font-family: var(--font-figtree);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: #1a2035;
}

/* Social links */
.post-author__socials {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-left: auto;
	align-self: center;
	justify-content: flex-end;
	max-width: 140px;
	width: 100%;
}

.post-author__social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #4a5568;
	transition: background 0.2s ease;
	flex-shrink: 0;
}

.post-author__social-link:hover {
	background: #2d3748;
}

.post-author__social-link img {
	display: block;
	width: 15px;
	height: 15px;
	filter: brightness(0) invert(1);
}

/* Divider */
.post-author__divider {
	border: none;
	border-top: 1px solid #e2e8f0;
	margin: 20px 0;
}

/* Bio */
.post-author__bio {
	font-family: var(--font-figtree);
	font-size: 16px;
	line-height: 1.7;
	color: #505869;
	margin: 0;
}

@media (max-width: 768px) {
	.post-author__socials {
		max-width: 70px;
	}
	.post-author__social-link img {
		height: 15px;
		width: 15px;
	}
}
