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

.widget {
	--widget-bg: hsl(var(--c-body-widget));
	--widget-sw: 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 4px 12px 0 rgba(0, 0, 0, 0.12);
	--widget-rd: var(--rd-big);
	--widget-fs: var(--fs);
	--widget-lh: var(--lh);
	--widget-pad-x: 24px;
	--widget-pad-y: 24px;
	--widget-pad: var(--widget-pad-y) var(--widget-pad-x);
	
	border-radius: var(--widget-rd);
	background-color: var(--widget-bg);
	box-shadow: var(--widget-sw);
	font-size: var(--widget-fs);
	line-height: var(--widget-lh);
	margin: var(--atext-gap) 0;
}

@media (min-width: 480px) {
	.widget {
		--widget-pad-x: 28px;
		--widget-pad-y: 28px;
		--widget-rd: var(--rd-box);
	}
}
@media (max-width: 479px) {
	.widget {
		margin-left: -12px; margin-right: -12px;
	}
}
.widget-pad {
	padding: var(--widget-pad);
}

.widget-brl { border-left: 1px solid hsl(var(--c-primary)); }
.widget-brt { border-top: 1px solid hsl(var(--c-primary)); }
.widget-brr { border-right: 1px solid hsl(var(--c-primary)); }
.widget-brb { border-bottom: 1px solid hsl(var(--c-primary)); }

.widget-title { font-size: var(--fs-heading-sect); line-height: var(--lh-heading-sect); margin-bottom: 0; }
.widget-title a { display: block; color: inherit !important; }
.widget-title .text-clamp {
	--text-clamp-h: var(--lh-heading-sect);
	--text-clamp-rows: 2;
}
.widget-text {
	--text-clamp-h: 24px;
	--text-clamp-rows: 3;
	text-wrap: balance;
}
.widget .sect-heading { text-align: left; }
.widget a { text-decoration: none; }
.widget .poster { --poster-mw: 164px; }
.widget-text { margin-top: 12px; }
.widget .btn-group { margin-top: 18px; }
.widget .btn-group .btn { z-index: 3; min-width: 132px; }
.widget .m-meta { margin-top: 6px; }
.widget .m-meta a { position: relative; z-index: 2; }

@media (min-width: 680px) {
	.widget-book { display: flex; align-items: stretch; }
	.widget-book .widget-cont { order: -1; flex: 1 1 auto; align-self: center; }
}
@media (max-width: 679px) {
	.widget-book .widget-cont { text-align: center; }
	.widget-book .m-meta, .widget-book .btn-group { justify-content: center; }
	.widget-book .poster { margin-left: auto; margin-right: auto; }
	.widget-book .widget-img { padding-bottom: 0; margin-bottom: 16px; }
	.widget-book .widget-pad + .widget-pad { padding-top: 0; }
	.widget-book .btn-group .btn { flex: 1; min-width: 0; }
}
.widget-book .poster { min-width: var(--poster-mw); }

.widget-ctr { text-align: center; }
.widget-ctr .poster, .widget-ctr .widget-pad > .avatar { margin-left: auto; margin-right: auto; margin-bottom: 16px; }
.widget-ctr .widget-pad > .avatar { --avatar-size: 88px; }
.widget-ctr .m-meta, .widget-ctr .btn-group { justify-content: center; }  
.widget-ctr .widget-title, .widget-ctr .widget-text { max-width: 600px; margin-left: auto; margin-right: auto; }
.widget-ctr .sepwave + .widget-pad .sect-heading-title {
	--fs-heading-sect: 20px;
    --lh-heading-sect: 28px;
}

.widget .sepwave { margin: 0; }

/* WShort */
.wshort-list { margin: -12px 0; }
.wshort {
	display: flex; gap: 16px; align-items: center;
	padding: 12px 0; position: relative; text-align: left;
}
.wshort:first-child::after { display: none; }
.wshort::after { content: ""; position: absolute; top: 0; left: 84px; right: calc(var(--widget-pad-x)/-1); border-top: 1px solid var(--c-border); }

.wshort-title .text-clamp { --text-clamp-h: 24px; }
.wshort-cont { flex: 1 1 auto; min-width: 0; }
.wshort .poster { --poster-mw: 68px; margin-bottom: 0; }
.wshort-fav a { position: relative; z-index: 3; }

.wshort ul.wshort-author {
	margin-top: 4px; list-style: none; padding-left: 0;
	font-size: var(--fs-1); display: block;
}
.wshort ul.wshort-author > li { display: inline; margin: 0; }
.wshort ul.wshort-author a:not(:hover) { opacity: .7; }
.wshort ul.wshort-author > li.author-link:not(:last-child)::after { display: inline; }
