/* =========== © 2024 Centroarts.com - https://honista.com =========== */

:root {
	--features-gap: var(--bmob-gap);
	--sep-img:  url("../images/sep.svg");
}
@media (min-width: 992px) {
	:root {
		--features-gap: var(--b-gap);
	}
}

.vers-last-in { position: sticky; z-index: 1; top: var(--wrp-pad); }
.vers-last-block {
	position: relative; z-index: 1; background-color: rgba(var(--color-body-rgb), 0.9);
	padding: 32px; border-radius: 24px; box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.1), 0px 12px 32px -12px rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.vers-last-block .tagline { margin-bottom: 24px; }
.vers-last-block .title { margin-bottom: 0; }
.vers-last-block .text-gradient { display: block; font-size: 82px; line-height: 1; }
.vers-last-block .btn { width: 100%; margin-top: 24px; }
.vers-last-block-head { margin-bottom: 24px; }

.vers-last-in .honista-smart-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; user-select: none; pointer-events: none; }
.vers-last-in .honista-smart-circle:first-child { position: absolute; left: -106px; top: -16px; opacity: .3; }
.vers-last-in .honista-smart-circle:last-child { position: absolute; right: -170px; bottom: -24px; opacity: .3; }

.version-item { display: flex; align-items: center; padding: 16px 0; border-top: 1px solid rgba(var(--color-text-rgb), 0.1); }
.version-icon { display: none; } 
.version-icon {
	text-align: center; border-radius: 16px; min-width: 64px; width: 64px; height: 64px; padding: 10px; margin-right: 20px;
	box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.1); color: var(--color-primary);
	font-size: var(--text-xsm-size); font-style: normal; font-weight: bold;
	transition: background-color .2s ease, box-shadow .2s ease;
}
.version-icon .ic { display: block; width: 28px; height: 24px; margin: 4px auto; margin-top: 0; }
.version-icon::after { content: attr(date-num); display: block; }
.version-item:hover .version-icon { background-color: rgba(var(--color-primary-rgb), 0.1); box-shadow: inset 0 0 0 6px rgba(var(--color-primary-rgb), 0); }

.version-item-cont { flex: 1 1 auto; }
.version-info, .version-info > li { display: flex; align-items: center; }
.version-info > li:not(:first-child)::before {
	content: ""; width: 8px; height: 8px; opacity: .3;
	mask-image: var(--sep-img); -webkit-mask-image: var(--sep-img);
	mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
	mask-size: auto 100%; -webkit-mask-size: auto 100%;
	background-color: var(--color-text);
}
.version-info > li:not(:last-child), .version-info > li:not(:first-child)::before { margin-right: 8px; }
.version-download { margin-left: 20px; }
:dir(rtl) .version-info > li:not(:last-child), :dir(rtl) .version-info > li:not(:first-child)::before { margin-left: 8px; margin-right: 0; }
:dir(rtl) .version-download { margin-right: 20px; margin-left: 0; }

.version-download a { display: flex; min-width: 48px; width: 48px; height: 48px; padding: 12px; border-radius: 50%; }
.version-title { font-size: var(--post-title-size); line-height: var(--post-title-lh); font-weight: bold; margin-bottom: 4px; }

@media (max-width: 991px) {
	.allvers-section { overflow: hidden; }
	.vers-last { margin-bottom: var(--section-gap-sm); }
	.version-item:first-child { border-top-width: 0; }
}
@media (max-width: 767px) {
	.version-info { font-size: var(--text-sm-size); }
}
@media (min-width: 576px) and (max-width: 991px) {
	.vers-last-block { display: flex; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap; overflow: hidden; }
	.vers-last-block-head, .vers-last-block > ul.text-lg { flex: 0 0 50%; margin-bottom: 0; }
	.vers-last-block > ul.text-lg { line-height: 24px; padding: 6px 0; }
	.vers-last-in .honista-smart-bg, .vers-last-block .tagline > li:not(.highlighting) { display: none; }
	.vers-last-block .tagline { position: absolute; right: 0; top: 0; }
	.vers-last-block .highlighting {
		transform: translate(20px, -20px) rotate(-15deg);
        width: 132px; height: 132px; border-radius: 50%; padding: 32px;
		align-items: center; justify-content: center; text-align: center;
	}
	:dir(rtl) .vers-last-block .tagline { left: 0; right: auto; }
	:dir(rtl) .vers-last-block .highlighting { transform: translate(-20px, -20px) rotate(15deg); }
}
@media (min-width: 768px) and (max-width: 991px) {
	.version-icon { display: block; }
}
@media (min-width: 768px) {
	.version-title { margin-bottom: 6px; }
	.version-item { padding: 20px 0; }
	.version-download a { min-width: 64px; width: 64px; height: 64px; padding: 20px; }
	.version-info > li:not(:first-child)::before, .version-info > li:not(:last-child) { margin-right: 16px; }
	
	:dir(rtl) .version-info > li:not(:first-child)::before, :dir(rtl) .version-info > li:not(:last-child) { margin-left: 16px; margin-right: 0; }
}
@media (min-width: 992px) {
	.allvers-str { display: flex; }
	.vers-last { flex: 0 0 376px; max-width: 376px; min-width: 376px; }
	.vers-last-block { padding: 48px; }
	.allvers-cont { position: relative; flex: 1 1 auto; padding-left: 72px; }
	.vers-last-in .honista-smart-circle:first-child { left: -40px; top: -20px; }
	.vers-last-in .honista-smart-circle:last-child { right: -16px; bottom: -64px; }

	:dir(rtl) .allvers-cont { padding-right: 72px; padding-left: 0; }
	:dir(rtl) .vers-last-in .honista-smart-circle:first-child { right: -40px; left: auto; }
	:dir(rtl) .vers-last-in .honista-smart-circle:last-child { left: -16px; right: auto; }
}
@media (min-width: 1100px) {
	.version-item { padding: 32px 0; }
	.version-icon { display: block; margin-right: 32px; }
	.version-download { margin-left: 32px; }

	:dir(rtl) .version-icon { margin-left: 32px; margin-right: 0; }
	:dir(rtl) .version-download { margin-right: 32px; margin-left: 0; }
}