/* Awesome CSS Code: Global User Logged Out | 14/08/2026 18:35 */

/* --- Code: CK Login Register Popup [PCJ#17] --- */
/***** Extra Code *****/ 
.ck-login-register-popup-container .site-logo {
    width: 100px;
}
/***** End Extra Code *****/


/* Popup Container */
.ck-login-register-popup-wrapper {
	display: none;
	position: fixed !important;
	top:0px;
	bottom:0;
	left:0;
	right:0;
	align-items:center;
	justify-content:center;
	width: 100% !important;
	height: 100% !important;
	z-index:9999999;
	background-color: rgba(0,0,0,0.7);
}
.ck-login-register-popup-wrapper.is-open {
    display: flex;
}

.ck-login-register-popup-container {
	display: flex;
    flex-direction: column;
	position: relative;
    width: 100%;
    height: 85%;
	top: 0px;
	border-radius: 15px !important;
	margin-left: 10px;
    margin-right: 10px;
	background-color: #FFFFFF;
    overflow: hidden;
    
    max-height: 550px !important;
}
.dark .ck-login-register-popup-container {
    background-color: #111418;
}

@media (min-width: 721px) {
    .ck-login-register-popup-container {
        width: 425px !important;
        height: auto;
        max-height: 700px !important;
    }
}      

.ck-login-register-popup-close-button {
    font-weight: 400;
    font-size: 24px !important;
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    right: 15px;
    display: inline-flex;
    justify-content: center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding: 5px;
	z-index: 99999;
}

.ck-login-register-popup-body {
	position: relative;
    overflow-y: auto;
	overflow-x: hidden;
	height: 100% !important;
	padding-top: 30px;
	padding-left: 15px;
    padding-right: 15px;
	padding-bottom: 20px;
}

/* --- Code: Auth - Login-Register-LostPassword Forms Switch (Suite 106) --- */
.ck-login-register-popup #ck-form-wrapper {
	margin-top: -10px;
}
		
/*@media (min-width:500px) {
	#ck-form-wrapper {
	width: 320px;
	margin: 0 auto;
} }*/

@media (min-width: 500px) {
#ck-form-wrapper {
	width: auto;
	max-width: 425px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin-top: -5px;
	margin: 0 auto;
}}

.ck-form-site-logo {
	display: flex;
	justify-content: center;

}
.ck-form-site-logo img {
	width: 100px;
}

svg.ck-form-head-title-icon {
	position: relative;
	top: 3px;
	margin-right: 3px;
}
.ck-form-head-title {
	margin-top: 5px;
	/*text-align: center;*/
	font-size: 24px;
	font-weight: 600;

}

.ck-form-description {
	/*text-align: center;*/
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 15px;

}

.ck-form-container {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	background: #F5F5F5;
	border-bottom: 5px solid #0060ff;
}
.dark .ck-form-container {
	background: #191c20;
}

/*.ck-form-shotcode {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-radius: 10px;
	width: 100% !important;
	background: #F5F5F5;
	}
	.dark .ck-form-shotcode {
	background: #191c20;
}*/

.ck-auth-already-member a,
.ck-auth-not-yet-member a,
.ck-auth-back-to-login a {
	color: #212121;
}

.dark .ck-auth-already-member a,
.dark .ck-auth-not-yet-member a,
.dark .ck-auth-back-to-login a {
	color: #ffffff;
}

/* --- Code: Awesome Lost-Password Form Based WooCommerce Engine (Suite 127) --- */
.ck-lostpw-feedback { margin-top:20px; padding:15px; border-radius:4px; font-weight: 500; }
.ck-lostpw-message-info { display:block !important; background-color: #f0f7ff; color: #0060ff; border-left: 4px solid #0060ff; }
.ck-lostpw-message-success { display:block !important; background-color: #edffef; color: #28a745; border-left: 4px solid #28a745; }
.ck-lostpw-message-error { display: block !important; background-color: #ffe5e5; color: #d63638; border-left: 4px solid #d63638; } 

.shake { animation: shake 0.3s ease-in-out 0s 2; }
@keyframes shake { 0%, 100% {transform: translateX(0);} 25% {transform: translateX(-5px);} 75% {transform: translateX(5px);} }

.dark .ck-lostpw-message-info { background-color: #1a2a40; color: #5090ff; }
.dark .ck-lostpw-message-success { background-color: #1a301d; color: #70d481; }
.dark .ck-lostpw-message-error { background-color: #2c1515; color: #ff8080; }