/* Author identity block: shared by the archive header and the per-post box.
   Mobile-first, stacks under 768px to match the theme's existing breakpoint. */
.rade-author-identity {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
}

@media (min-width: 768px) {
	.rade-author-identity {
		flex-direction: row;
		align-items: flex-start;
		text-align: right;
		gap: 24px;
	}
}

.rade-author-identity__avatar {
	flex-shrink: 0;
}

.rade-author-identity__avatar img {
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

.rade-author-identity__body {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
}

.rade-author-identity__name {
	font-size: 21px;
	font-weight: 700;
	margin: 0;
	line-height: 1.4;
}

.rade-author-identity__name a {
	color: inherit;
}

.rade-author-identity--box .rade-author-identity__name {
	font-size: 18px;
}

.rade-author-identity__count {
	font-size: 13px;
	color: #6c757d;
	margin-top: 4px;
}

.__dm .rade-author-identity__count {
	color: #9a9a9a;
}

.rade-author-identity__bio-title {
	font-size: 15px;
	font-weight: 700;
	margin-top: 12px;
}

.__dm .rade-author-identity__bio-title {
	color: #fff;
}

.rade-author-identity__bio {
	font-size: 14px;
	line-height: 23.8px;
	color: #444;
	margin-top: 4px;
	max-width: 640px;
}

@media (max-width: 767.98px) {
	.rade-author-identity__bio {
		margin-right: auto;
		margin-left: auto;
	}
}

.rade-author-identity__bio p {
	margin: 0 0 8px;
}

.rade-author-identity__bio p:last-child {
	margin-bottom: 0;
}

.__dm .rade-author-identity__bio {
	color: #eaeaea;
}

.rade-author-identity__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(0, 0, 0, .08);
	color: #4db3e8;
	font-weight: 600;
}

.__dm .rade-author-identity__cta {
	border-top-color: rgba(255, 255, 255, .1);
}

.rade-author-identity__cta::after {
	font-family: FontAwesome;
	content: "\f104";
	font-size: 13px;
}

@media (min-width: 768px) {
	.rade-author-identity__cta {
		justify-content: flex-start;
	}
}

/* Social icons */
.rade-author-social {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

@media (min-width: 768px) {
	.rade-author-social {
		justify-content: flex-start;
	}
}

.rade-author-social__item i.fa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	font-size: 18px;
	color: #666;
}

.__dm .rade-author-social__item i.fa {
	color: #ccc;
}

.rade-author-social__icon {
	display: block;
	width: 34px;
	height: 34px;
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.rade-author-social__item--telegram .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/telegram-light.svg'); }
.__dm .rade-author-social__item--telegram .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/telegram-dark.svg'); }

.rade-author-social__item--instagram .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/instagram-light.svg'); }
.__dm .rade-author-social__item--instagram .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/instagram-dark.svg'); }

.rade-author-social__item--aparat .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/aparat-light.svg'); }
.__dm .rade-author-social__item--aparat .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/aparat-dark.svg'); }

.rade-author-social__item--youtube .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/youtube-light.svg'); }
.__dm .rade-author-social__item--youtube .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/youtube-dark.svg'); }

.rade-author-social__item--linkedin .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/linkedin-light.svg'); }
.__dm .rade-author-social__item--linkedin .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/linkedin-dark.svg'); }

.rade-author-social__item--twitter .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/twitter-light.svg'); }
.__dm .rade-author-social__item--twitter .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/twitter-dark.svg'); }

.rade-author-social__item--facebook .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/facebook-light.svg'); }
.__dm .rade-author-social__item--facebook .rade-author-social__icon { background-image: url('../../../assets/images/icons/social/facebook-dark.svg'); }

/* Below "lg", the first 4 cards' .col-lg-3 wrapper and the horizontal-card
   partial (dropped in as a raw .row child, no .col wrapper) both lose their
   Bootstrap gutter padding, leaving .row's negative side margins uncompensated
   so cards bleed out to the viewport edge. Neutralize just on this page. */
@media (max-width: 991.98px) {
	/* !important: bootstrap-css enqueues after this stylesheet, so on equal
	   selector specificity its .row/.col-lg-3 rules would otherwise win the
	   cascade tie and silently cancel this override. */
	.rade-author-posts {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.rade-author-posts > .col-lg-3 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

/* Archive page empty state */
.rade-author-empty {
	color: #6c757d;
}

.__dm .rade-author-empty {
	color: #9a9a9a;
}