/* =========== © 2024 Centroarts.com =========== */

.full-story { --full-pad-y: 24px; --full-pad-x: 16px; }
@media (min-width: 500px) {
	.full-story { --full-pad-y: 24px; --full-pad-x: 24px; }
}
@media (min-width: 576px) {
	.full-story { --full-pad-y: 36px; --full-pad-x: 36px; }
}
@media (max-width: 575px) {
	.full-story + .comments, .full-story + .post, .comments + .post { margin-top: 4px; }
}

/* IMG & Video */
.full-story-media {
	position: relative; height: 0; padding-top: 56.5%; margin-bottom: 24px; overflow: hidden;
	border-top-left-radius: inherit; border-top-right-radius: inherit;
}
.full-story-media .fit-cover { transition: opacity .2s ease, visibility .2s ease; }
.full-story-media .fit-cover, .story-play { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.story-play {
	display: flex; align-items: center; justify-content: center; z-index: 2; cursor: pointer; 
	background-color: rgba(0, 0, 0, 0.07); transition: background-color .2s ease;
}
.story-play-btn {
	width: 64px; height: 64px; border-radius: 50%; border: 0 none;
	background-image: url("../images/play.svg");
	background-color: rgba(0, 0, 0, 0.5);
	transition: transform .2s ease;
}
@media (min-width: 992px) {
	.story-play:hover { background-color: rgba(0, 0, 0, 0.02); }
	.story-play:hover .story-play-btn { transform: scale(1.04); }
}
.story-play:active .story-play-btn { transform: scale(0.97); }

.story-img > iframe {
	/*display: none;*/
	position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2;
	width: 100%; height: 100%;
}
.story-img.play-video > iframe { display: block; }
.story-img.play-video .fit-cover { opacity: 0; visibility: hidden; }

/* Meta */
.full-meta {
	display: flex; align-items: center; height: 44px; padding: 10px var(--full-pad-x);
	user-select: none; font-size: var(--fs-sm); line-height: 24px; margin-top: 12px;
}
.full-story-media + .full-meta { margin-top: -12px; }

.full-meta .source-logo { width: 40px; height: 40px; }
.full-meta .source-logo img { min-width: 24px; max-width: 24px; height: 24px; }

.full-meta .meta-views { margin-left: auto; }

/* Heading */
.full-story .heading { padding: 0 var(--full-pad-x); margin-bottom: 20px; }
.full-story-text { margin-top: 20px; }
.full-story .heading > a { color: inherit !important; text-decoration: none !important; }

/* Edit */
.full-story-edit a {
	float: right; width: 32px; height: 32px; margin-left: 6px; margin-bottom: 6px; margin-top: .125em;
	display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--body-bg-color);
	transition: transform .2s ease;
}
.full-story-edit a:hover { transform: scale(1.03); }

/* Text */
.full-story-text { padding: 0 var(--full-pad-x); margin-bottom: var(--full-pad-y); }

/* Poll */
.poll {
	--poll-pad: 16px; margin: var(--full-pad-y) 0; user-select: none;
}

.poll-box { background-color: var(--body-bg-color); padding: var(--poll-pad); }
.poll-title { margin: 0; text-align: center; margin-bottom: var(--poll-pad); padding: 4px 0; }
.poll-list, .poll-result-list { background-color: var(--post-bg-color); padding: 16px; border-radius: 12px; }
.poll-result-list { padding: 16px; }

.pollanswer label > input { display: none; }
.pollanswer label { display: block; padding: 12px 16px; line-height: 24px; padding-left: 48px; margin: 0; cursor: pointer; position: relative; }
.pollanswer label input + span::before { 
	content: ""; width: 18px; height: 18px; border-radius: 6px; position: absolute; left: 19px; top: 15px;
	border: 0px solid var(--post-bg-color); box-shadow: 0 0 0 1px rgba(var(--text-color-rgb), .1); background-color: var(--post-bg-color);
	transition: border .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.pollanswer label input[type="radio"] + span::before {  border-radius: 50%; }
.pollanswer label:hover input + span::before {
	box-shadow: 0 0 0 1px rgba(var(--link-color-rgb), .3);
}
.pollanswer label input:checked + span::before { 
	border: 3px solid var(--post-bg-color); box-shadow: 0 0 0 1px rgba(var(--link-color-rgb), .2); background-color: var(--link-color);
}

@media (min-width: 576px) {
	.poll { --poll-pad: 24px; padding: 0 var(--full-pad-x); }
	.poll-box { border-radius: 12px; }
	.poll-title { padding: 0; }
	.poll-list { padding: 20px 12px; }
	.poll-result-list { padding: 28px; }
}

.poll-result-info { text-align: center; font-size: var(--fs-sm); margin-top: var(--poll-pad); }
.pollprogress { overflow: hidden; height: 8px; background-color: rgba(var(--link-color-rgb), .1); border-radius: 4px; margin-top: 6px; margin-bottom: 16px; }
.pollprogress:last-child { margin-bottom: 0; }
.pollprogress span { text-indent: -9999px; height: inherit; display: block; overflow: hidden; background-color: var(--link-color); }

/* Автор и Источник */
.full-story-data { padding: 0 var(--full-pad-x); margin: var(--full-pad-y) 0; font-weight: bold; }
.full-story-data:empty { display: none; }

.full-story-data a { color: inherit; }
.full-story-data > li::before {
	content: attr(title); font-size: var(--fs-sm); display: block;
	line-height: 16px; margin-bottom: 4px; font-weight: normal;
}
@media (max-width: 575px) {
	.full-story-data > li + li { margin-top: 24px; }
}

.full-story-readmore { padding: 0 var(--full-pad-x); margin: var(--full-pad-y) 0; }

/* Поделиться и рейтинг */
.full-story-foot { padding: 0 var(--full-pad-x); margin: var(--full-pad-y) 0; display: flex; align-items: center; }
.full-story-foot .favorites { margin-left: auto; }

.share { display: flex; align-items: center; }
.fbtn {
	--fbtn-color: var(--text-color-rgb);
	display: flex; align-items: center; height: 48px; padding: 12px; border-radius: 24px;
	border: 0 none !important; background: none !important; color: inherit; cursor: pointer;
	box-shadow: inset 0 0 0 1px rgba(var(--fbtn-color), .1);
	transition: box-shadow .2s ease, color .2s ease;
}

.share-btn { width: 48px; padding: 8px; }
.share-button { padding: 12px 16px; }

.share-btn + .share-btn { margin-left: 8px; }
.share-btn svg { width: 32px; height: 32px; display: block; }

.share-button svg { margin-right: 8px; }

@media (min-width: 992px) {
	.fbtn:hover {
		color: rgb(var(--fbtn-color));
		box-shadow: inset 0 0 0 1px rgba(var(--fbtn-color), .2);
	}
	.share-tg:hover { --fbtn-color: 40, 168, 233; }
	.share-vk:hover { --fbtn-color: 2, 119, 255; }
	.share-ok:hover { --fbtn-color: 247, 123, 32; }
}
.fbtn:active { box-shadow: inset 0 0 0 2px rgba(var(--fbtn-color), .3); }

.favorites a { color: inherit; }
.fav-minus-btn { background-color: var(--btn-fill-color) !important; color: var(--btn-fill-text-color) !important; }

/* Блок каналов */
.channels { font-size: var(--fs-sm); padding: var(--full-pad-y); border-top: 1px solid rgba(var(--text-color-rgb), .1); content-visibility: auto;  }
.channels-icon { display: none; }
.channels-info, .channels-links { flex: 1; }

.channels-info-title + .channels-info-text { margin-top: 4px; }
.channels-info-text { margin-bottom: 0; }

.channels-links { display: flex; }
.channels-links > a {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	flex: 0 0 calc(100% / 3); color: inherit; line-height: 16px; padding: 4px 12px;
	text-decoration: none !important; text-align: center;
}
.channels-links > a > svg { width: 32px; height: 32px; margin-bottom: 8px; }

@media (min-width: 768px) {
	.channels { display: flex; align-items: center; }
}
@media (min-width: 992px) {
	.channels-links > a > svg { transition: transform .2s ease; }
	.channels-links > a:hover > svg { transform: scale(1.03); }
}
@media (max-width: 767px) {
	.channels { text-align: center; }
	.channels-info { max-width: 328px; margin-left: auto; margin-right: auto; margin-bottom: 16px; }
}

/* Реклам внутри текста */
.banner-full-story {
	overflow: hidden;
}

@media (max-width: 575px) {
		.banner-full-story {
		margin-left: calc(var(--gap-min) * -1);
		margin-right: calc(var(--gap-min) * -1);
	}
}

.ad-lenta {
    background-color: #f5f5f5; padding-top: 22px; padding-bottom: 22px;
}