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

.dle-popup-userprofile { width: 100% !important; max-width: 664px !important; max-height: 90vh !important; }
.puser { overflow: hidden; }
.puser-avatar {
	width: var(--puser-avatar); position: relative; z-index: 1; margin-bottom: 16px; margin-top: 16px;
	text-align: center; margin-left: auto; margin-right: auto;
}
.puser-avatar::after {
	content: ""; position: absolute; left: 50%; top: 50%; z-index: -1;
	transform: translate(-50%, -50%); width: 242px; height: 242px; pointer-events: none;
	background-image: radial-gradient(closest-side,rgba(0,0,0,0.5) 0,rgba(0,0,0,0) 100%);
}

.puser-avatar .fit-cover { border-radius: 50%; width: var(--puser-avatar); height: var(--puser-avatar); background-color: var(--noavatar-dark-bg); }
.puser-avatar::before {
	width: 14px; height: 14px; position: absolute; right: 14px; bottom: 14px; z-index: 1; border-radius: 50%;
}
.puser-avatar.online::before { content: ""; }
.puser-avatar.online::before { background-color: var(--green-color); }

.profile-popup { top: -205px !important; }

.puser-status-limit, .puser-status { font-size: 12px; line-height: 16px; text-align: center; pointer-events: none; }
.puser-status { text-transform: uppercase; font-weight: bold; opacity: .7; }
.puser-status * { font-weight: inherit; color: inherit !important; }
.puser-status-limit { display: block; opacity: .5; margin-top: 4px; }

/* Авторитет */
.avtoritet { text-align: center; margin: 0 auto; margin-top: 24px; pointer-events: none; }
.avtoritet-title { font-size: 12px; font-style: normal; font-weight: 400; line-height: 12px; opacity: .5; text-transform: uppercase; }
.avtoritet-percent {
    content: ""; width: 204px; height: 12px; display: block; margin: 0 auto; margin-top: 8px;
    mask-image: url(../images/progress.svg); -webkit-mask-image: url(../images/progress.svg);
    mask-repeat: repeat-x; -webkit-mask-repeat: repeat-x;
    mask-size: auto 100%; -webkit-mask-size: auto 100%;
    background: linear-gradient(90deg, var(--green-color) var(--avtoritet-percent), var(--primary-color-dark) var(--avtoritet-percent));
}
.avtoritet-percent-empty { background: #FFFFFF4D; }

/* - USERINFO PAGE - */
.head-message + .page-user { margin-top: 2px; }
.page-user .logged-line { position: absolute; opacity: 0; height: 0; visibility: hidden; }
/* .page-user .logged-line + .puser .puser-btn-message,
.page-user .logged-line + .puser .puser-icon-message { display: none !important; } */

.page-user-title {
	padding: var(--gap-min); line-height: 20px; text-align: center;
}

.puser-bg::after {
	content: ""; position: absolute; top: 50%; bottom: 0; right: 0; width: 100%;
	background-image: linear-gradient(180deg, rgba(var(--dark-bg-rgb),0) 0%, rgba(var(--dark-bg-rgb),1) 100%);
}

@media (max-width: 799px) {
	.page-user .puser-second { margin-left: calc(var(--gap) * -1); margin-right: calc(var(--gap) * -1); overflow: hidden; }
	.page-user .puser-data-list {
		padding-bottom: 20px; margin-bottom: -20px; padding-left: var(--gap); padding-right: var(--gap);
		overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch;
	}
	.page-user .puser-data-item {
		padding: 12px; min-width: 240px; border: 0 solid var(--border-white);
		border-top-width: 1px; position: relative;
	}
	.page-user .puser-data-item::before {
		content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; margin-top: -5px; margin-left: -6px;
		pointer-events: none; border: 2px solid; border-bottom-width: 0; border-right-width: 0; opacity: .2;
		transform: rotate(-45deg);
	}
}
@media (max-width: 575px) {
	.page-user .puser-data-item { border-bottom-width: 1px; }
	.page-user .logged-line + .puser .puser-data-item, .offline-guest .puser-data-item { border-bottom-width: 0; }

	.puser .puser-btn-message { display: block !important; }
	.puser .puser-icon-message { display: none !important; }

	.puser-btn-message { margin-top: var(--gap); }
}
@media (min-width: 576px) {
	.page-user { padding: var(--gap); padding-top: 0; }
	.page-user .puser { margin: calc(var(--gap) * -1); margin-top: 0; }
	.page-user-title {
		margin: 0 calc(var(--gap) * -1); padding-left: var(--gap); padding-right: var(--gap);
		border-bottom: var(--border-width) solid var(--border-color);
	}

	.page-user #userinfo {
		display: inherit; grid-template-rows: inherit; grid-template-columns: inherit; gap: inherit;
	}
	.page-user #userinfo > *:not(.g-item) { grid-column: auto/span 12; }

	.puser .puser-btn-message { display: none !important; }
	.puser .puser-icon-message { display: block !important; }
}
@media (min-width: 800px) and (max-width: 991px) {
	.page-user .puser-data-list { border-top: 1px solid var(--border-white); padding-top: var(--gap); }
	.page-user .puser-second-block .puser-second + .btn { margin-top: var(--gap); }
}
@media (min-width: 800px) {
	.page-user .puser-data-list { gap: 12px; }

	.page-user .puser-login-name { font-size: 32px; line-height: 40px; }
	.page-user .puser-fullname { font-size: 18px; line-height: 24px; }
	.page-user .puser-bg { max-width: 100%; }
	.page-user .puser-bg::after {
		top: 0; width: 50%; background-image: linear-gradient(90deg, rgba(var(--dark-bg-rgb),0) 0%, rgba(var(--dark-bg-rgb),1) 100%);
	}

	/* Анимация */
	.circle-anim {
		display: block !important;
		position: absolute; z-index: -1; left: 50%; top: 50%; width: 628px; height: 628px;
		margin-left: -314px; margin-top: -314px; color: var(--primary-color-dark);
		pointer-events: none;
	}
	.circle-anim path { fill: currentColor; }
	.circle-anim-lg { animation: circle_rotate 12s infinite linear; transform-origin: 50% 50%; opacity: .3; }
	.circle-anim-min { animation: circle_rotate 18s infinite linear; transform-origin: 50% 50%; opacity: .5; }
	@keyframes circle_rotate {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}
}
@media (min-width: 992px) {
	.page-user .puser { display: flex; padding: 0; min-height: 432px; }
	.page-user .puser-first { flex: 1 1 auto; }
	.page-user .puser-first, .page-user .puser-second-block { display: flex; flex-direction: column; justify-content: center; align-items: center; }
	.page-user .puser-second-block {
		border-left: 1px solid #FFFFFF1A;
		padding: 32px 48px; flex: 0 0 33%;
	}
	.page-user .puser-second-block .puser-second { margin-top: 0; width: 100%; }
	.page-user .puser-second-block .puser-second + .btn { margin-top: 32px; }
	.page-user .puser-data-list { grid-template-columns: repeat(2, 1fr); }
	.page-user .puser-data-list .puser-data-item:nth-child(-n + 2) {
		color: var(--primary-color-dark); font-weight: bold; padding-bottom: 20px;
	}
	.page-user .puser-data-list .puser-data-item:nth-child(-n + 2) .puser-data-num { font-size: 32px; line-height: 40px; }
	.page-user .puser-data-list .puser-data-item:nth-child(-n + 2) .puser-data-info { opacity: 1; }
	.page-user .puser-data-list .puser-data-item:not(:nth-child(-n + 2)) {
		border-top: 1px solid #FFFFFF1A; grid-column: auto/span 2; padding-top: 12px;
	}
}