/*
Theme Name: GeneratePress Child
Theme URI: https://onlinekhabri.in/generatepress-child
Author: Aman Maurya
Author URI: https://onlinekhabri.in
Description: Child theme for GeneratePress used on onlinekhabri.in
Template: generatepress
Text Domain: generatepress-child
Version: 1.0
*/
/* ==========================================
   ONLINE KHABRI AUTH PAGES
========================================== */

.ok-auth-page{
	min-height:calc(100vh - 140px);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:48px 20px;
	background:#f7f8fa;
}

.ok-auth-card{
	width:100%;
	max-width:440px;
	padding:34px;
	background:#fff;
	border:1px solid rgba(0,0,0,.08);
	border-radius:20px;
	box-shadow:0 18px 45px rgba(0,0,0,.10);
}

.ok-auth-brand{
	display:flex;
	justify-content:center;
	margin-bottom:26px;
}

.ok-auth-brand img{
	max-width:150px;
	height:auto;
}

.ok-auth-card h1{
	margin:0 0 8px;
	color:#171717;
	font-size:28px;
	line-height:1.2;
	text-align:center;
}

.ok-auth-subtitle{
	margin:0 0 28px;
	color:#6d6d6d;
	font-size:15px;
	line-height:1.6;
	text-align:center;
}

.ok-auth-form label:not(.ok-auth-check){
	display:block;
	margin:0 0 8px;
	color:#222;
	font-size:14px;
	font-weight:700;
}

.ok-auth-form input[type="text"],
.ok-auth-form input[type="password"],
.ok-auth-form input[type="email"]{
	width:100%;
	height:48px;
	margin:0 0 20px;
	padding:0 14px;
	color:#222;
	background:#fff;
	border:1px solid #d9dce1;
	border-radius:10px;
	font:inherit;
	outline:none;
	box-sizing:border-box;
}

.ok-auth-form input:focus{
	border-color:#e10600;
	box-shadow:0 0 0 3px rgba(225,6,0,.10);
}

.ok-auth-check{
	display:flex;
	align-items:center;
	gap:9px;
	margin:-4px 0 22px;
	color:#555;
	font-size:14px;
	cursor:pointer;
}

.ok-auth-check input{
	width:17px;
	height:17px;
	margin:0;
	accent-color:#e10600;
}

.ok-auth-submit{
	width:100%;
	min-height:48px;
	border:0;
	border-radius:10px;
	background:#e10600;
	color:#fff;
	font-size:15px;
	font-weight:800;
	cursor:pointer;
}

.ok-auth-submit:hover{
	background:#bd0500;
}

.ok-auth-links{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:9px;
	margin-top:24px;
	color:#777;
	font-size:14px;
}

.ok-auth-links a{
	color:#e10600;
	font-weight:700;
	text-decoration:none;
}

.ok-auth-error{
	margin:0 0 20px;
	padding:12px 14px;
	color:#a90000;
	background:#fff0f0;
	border:1px solid #ffcaca;
	border-radius:10px;
	font-size:14px;
}

@media (max-width:480px){
	.ok-auth-page{
		padding:28px 16px;
	}

	.ok-auth-card{
		padding:26px 20px;
		border-radius:16px;
	}
}

.ok-auth-check{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin:-4px 0 22px;
	color:#555;
	font-size:14px;
	line-height:1.45;
	cursor:pointer;
}

.ok-auth-check input[type="checkbox"]{
	display:block!important;
	flex:0 0 18px;
	width:18px!important;
	height:18px!important;
	min-width:18px;
	margin:2px 0 0;
	padding:0;
	opacity:1!important;
	appearance:auto!important;
	-webkit-appearance:checkbox;
	accent-color:#e10600;
}