/* =========== © 2026 Centroarts - https://m1r.ru =========== */

:root {
	--post-gap: var(--g-sect);
	--post-foot-gap: 8px;
	--post-section-gap: 12px;
}
.post + .post { margin-top: var(--post-gap); }

.post-head { margin-top: var(--post-section-gap); }
.post-head .title { font-size: var(--fs-title-post); line-height: var(--lh-title-post); white-space: normal; margin-bottom: 0; }

.post-img { display: block; border-radius: var(--rd-box); position: relative; z-index: 1; aspect-ratio: 16/9; min-width: 100%; max-height: 320px; margin-block: 16px; }
.post-img .adaptive-pic { z-index: -1; }
.post-img img { border-radius: var(--rd-box); }
.post-img .post-views { position: absolute; right: 8px; bottom: 8px; z-index: 2; --btn-c-bg: hsl(var(--c-body)); }
.post-img .postid { position: absolute; left: 0; top: 0; }

.post-head-info { display: flex; gap: 8px; font-size: var(--fs-1); margin-bottom: 8px; }
.post-head-info > li:not(:first-child)::before { content: "·"; margin-inline-end: 8px; }
.post-head-cat { position: relative; z-index: 3; color: hsl(var(--c-link-hover)); }

@media (min-width: 992px) {
	.post-head-cat:hover { color: hsl(var(--c-link-hover)); }
}
@media (max-width: 991.9px) {
	.post-head-cat { color: hsl(var(--c-primary)); }
}

.post-text.text-clamp { --text-clamp-rows: 2; --text-clamp-h: 24px; }
.post-text { opacity: .7; margin-top: 12px; }

.post-footer {
	display: flex; align-items: center; gap: var(--post-foot-gap);
	margin-top: var(--post-section-gap); white-space: nowrap;
}
.post-footer-first, .post-footer-second { display: flex; align-items: center; gap: var(--post-foot-gap); }
.post-footer-first { margin-inline-end: auto; }
.post-footer-first a { position: relative; z-index: 2; }
.post-footer-first a:hover { color: hsl(var(--c-link-hover)); }

.m-date { margin-right: auto; }

/* View Post */
.article-img { display: block; position: relative; z-index: 1; overflow: hidden; }
.article-img .cover, .article-slider-line .cover { aspect-ratio: 16/9; width: 100%; max-height: 320px; }
.article-img .cover img { aspect-ratio: inherit; border-radius: 0; }

.article-slider, .article-img { margin-bottom: var(--atext-gap); }
.article-slider a, .article-img a { opacity: 1 !important; }
.article-slider-line {
	display: flex; align-items: stretch; margin: 0; padding: 0;
	border-radius: var(--rd-box);
	--hscroll-take: 0px;
	scroll-snap-type: x mandatory;
}

@media (min-width: 576px) {
	.article-img { border-radius: var(--rd-post); }
}
@media (max-width: 807.9px) {
	.article-slider-line { gap: 8px; }
	.article-slider-line .cover { width: 92%; }
}
@media (max-width: 575.9px) {
	.article-slider, .article-img {
		margin-inline: var(--wrp-p-inv);
		border-radius: 0;
	}
	.article-slider img, .article-img img, .article-slider-line { border-radius: 0; }
	.post-img { margin-inline: -6px; }
}

.article-head .link-back *:not(:first-child):not(:last-child) { display: none; }

/* Article Author */
.article-author { font-size: var(--fs); margin: var(--g-sect) 0; }
.article-author .avatar { --avatar-size: 40px; }
.article-author a { display: flex; gap: 8px; opacity: 1 !important; color: inherit !important; line-height: 20px; }
.article-author a .muted { font-size: var(--fs-1); }
.article-author a .cont { flex: 1 1 auto; }
.article-author a .cont * { display: block; }