/* =========== © 2025 Centroarts.com - https://5play.org =========== */

body { display: block; min-height: 0; min-width: 0; }
@media (min-width: 576px) {
	html { scrollbar-gutter: auto !important; }
	body, html { height: 100%; }

	.pageform-in { display: flex; justify-content: center; align-items: center; padding: 32px 16px; }

	.pform-box {
		background-color: hsl(var(--modal-bg));
		box-shadow: var(--modal-sw); border-radius: var(--modal-rd);
		width: 100%; max-width: 440px; overflow: hidden;
	}
	.pageform-copyright { color: hsl(var(--c-text-white)); }
}

.pageform { display: flex; flex-direction: column; min-height: 100vh; position: relative; z-index: 1; }
.pageform-copyright { text-align: center; font-size: var(--fs-3); padding: 16px; opacity: .7; }
.pageform-in { flex: 1 1 auto; }

.pform-box {
	--pform-box-pad: 32px;
}

.pform-box-head { padding: 20px; display: flex; align-items: center; }
.pform-box-head > .btn { --btn-h: 40px; border-radius: 50%; margin-right: 12px; }
.pform-box-head .logotype { margin: 0 auto; }
.pform-box-head .lang-sel { margin-left: 0; width: 52px; display: flex; justify-content: center; }

.pform-cont { min-height: 360px; display: flex; align-items: center; justify-content: center; }
.pform-cont-in { width: 100%; }

@media (min-width: 576px) {
	.pageform-bg {
		position: fixed; z-index: -1; inset: 0; background-color: #43bb91;
		background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;
		background-image: url(../img/form5p-bg-768.webp);
	}
	.pageform-bg::after { content: ""; position: absolute; inset: 0; z-index: -1; background-color: hsla(0, 0%, 0%, .5); }
	html.darkmod .pageform-bg::after { background-color: hsla(0, 0%, 0%, .7); }
}
@media (min-width: 992px) {
	.pageform-bg { background-image: url(../img/form5p-bg-1024.webp); }
}
@media (min-width: 1100px) {
	.pageform-bg { background-image: url(../img/form5p-bg-1200.webp); }
}
@media (min-width: 1280px) {
	.pageform-bg { background-image: url(../img/form5p-bg-1600.webp); }
}
@media (min-width: 1600px) {
	.pageform-bg { background-image: url(../img/form5p-bg-1920.webp); }
}

/* Feedback */
.pform-cont .contacts { text-align: center; padding: var(--pform-box-pad); width: 100%; }
.pform-cont .contacts > img { margin: 0 auto var(--pform-box-pad) auto; width: 160px; height: 160px; border-radius: 8px; }
.pform-cont .contacts > * { display: block; }

/* Alert */
.pform-cont-in .alert { text-align: center; background-color: transparent; margin-bottom: 0; border-radius: 0; }
.pform-cont-in .alert + form { border-top: 1px solid hsla(var(--c-text), .1); }

/* Register Rules */
.rules .desc > form { display: flex; }
.rules { padding: var(--pform-box-pad); }
@media (min-width: 576px) {
	.rules {
		overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;
		max-height: 500px;
	}
	.rules .desc > form {
		position: sticky; bottom: calc(var(--pform-box-pad)/-1);
		padding: var(--pform-box-pad); margin: calc(var(--pform-box-pad)/-1); margin-top: var(--pform-box-pad); pointer-events: none;
		background-image: linear-gradient(0deg, hsla(var(--modal-bg), 1) 0%, hsla(var(--modal-bg), 0) 100%);;
	}
	.rules .desc > form .bbcodes { pointer-events: all; }
}

/* Register */
.pform-cont-form { padding: var(--pform-box-pad); }
.pform-cont-form .sep-text { margin-top: 48px; }

@media (max-width: 575px) {
	.pform-cont-form .social-links { margin: 0; }
}
@media (min-width: 576px) {
	.pform-cont-form .social-links {
		margin: calc(var(--pform-box-pad) / -1);
		margin-top: 0;
	}
}