/* =====================================================
   ورود / ثبت‌نام با شماره موبایل (OTP)
   ===================================================== */

.horam-auth-wrap{

	max-width:440px;

	margin:48px auto;

	background:#fff;

	border-radius:28px;

	box-shadow:var(--shadow-lg);

	border:1px solid #f0f2f5;

	padding:40px 34px;

	position:relative;

	overflow:hidden;

}

.horam-auth-wrap:before{

	content:'';

	position:absolute;

	inset:0 0 auto 0;

	height:6px;

	background:var(--primary-gradient);

}

.horam-auth-logo{

	width:64px;

	height:64px;

	border-radius:20px;

	background:var(--primary-gradient);

	display:flex;

	align-items:center;

	justify-content:center;

	margin:0 auto 18px;

	font-size:28px;

	color:#fff;

	box-shadow:0 10px 24px rgba(230,57,70,.28);

}

.horam-auth-title{

	text-align:center;

	font-size:19px;

	font-weight:900;

	color:var(--dark);

	margin-bottom:6px;

}

.horam-auth-subtitle{

	text-align:center;

	font-size:13px;

	color:var(--gray);

	margin-bottom:28px;

	line-height:1.9;

}

.horam-auth-step{

	display:none;

}

.horam-auth-step.is-active{

	display:block;

	animation:horamAuthFade .35s var(--ease);

}

@keyframes horamAuthFade{

	from{ opacity:0; transform:translateY(8px); }
	to{ opacity:1; transform:translateY(0); }

}

.horam-auth-field{

	margin-bottom:16px;

}

.horam-auth-field label{

	display:block;

	font-size:13px;

	font-weight:700;

	color:var(--dark);

	margin-bottom:8px;

}

.horam-auth-field input[type="text"],
.horam-auth-field input[type="tel"],
.horam-auth-field input[type="password"]{

	width:100%;

	height:54px;

	border-radius:16px;

	border:1.5px solid #e5e7eb;

	padding:0 18px;

	font-size:15px;

	font-family:Vazirmatn,Tahoma,Arial,sans-serif;

	transition:border-color .2s var(--ease), box-shadow .2s var(--ease);

	background:#fbfbfc;

}

.horam-auth-field input:focus{

	outline:none;

	border-color:var(--primary);

	box-shadow:0 0 0 4px rgba(230,57,70,.08);

	background:#fff;

}

.horam-auth-btn{

	width:100%;

	height:54px;

	border:none;

	border-radius:16px;

	background:var(--primary-gradient);

	color:#fff;

	font-size:15px;

	font-weight:800;

	cursor:pointer;

	display:flex;

	align-items:center;

	justify-content:center;

	gap:8px;

	transition:transform .15s var(--ease), box-shadow .15s var(--ease);

	box-shadow:0 10px 24px rgba(230,57,70,.25);

}

.horam-auth-btn:hover{

	transform:translateY(-2px);

}

.horam-auth-btn:disabled,
.horam-auth-btn.is-loading{

	opacity:.7;

	cursor:progress;

	transform:none;

}

.horam-auth-otp-boxes{

	display:flex;

	justify-content:center;

	gap:10px;

	direction:ltr;

	margin-bottom:22px;

}

.horam-otp-digit{

	width:50px;

	height:58px;

	text-align:center;

	font-size:22px;

	font-weight:800;

	border-radius:14px;

	border:1.5px solid #e5e7eb;

	background:#fbfbfc;

	transition:border-color .2s var(--ease), box-shadow .2s var(--ease);

}

.horam-otp-digit:focus{

	outline:none;

	border-color:var(--primary);

	box-shadow:0 0 0 4px rgba(230,57,70,.08);

	background:#fff;

}

.horam-auth-mobile-display{

	direction:ltr;

	font-weight:800;

	color:var(--primary);

}

.horam-auth-otp-hint{

	text-align:center;

	font-size:13px;

	color:var(--gray);

	margin-bottom:20px;

	line-height:2;

}

.horam-auth-resend{

	display:block;

	text-align:center;

	margin-top:16px;

	font-size:13px;

	font-weight:700;

	color:var(--primary);

	cursor:pointer;

	text-decoration:none;

}

.horam-auth-resend.is-disabled{

	color:var(--gray);

	cursor:default;

	pointer-events:none;

}

.horam-auth-back{

	display:block;

	text-align:center;

	margin-top:14px;

	font-size:13px;

	color:var(--gray);

	cursor:pointer;

	text-decoration:none;

}

.horam-auth-back:hover{

	color:var(--dark);

}

.horam-auth-message{

	display:none;

	text-align:center;

	font-size:13px;

	font-weight:700;

	padding:12px 14px;

	border-radius:14px;

	margin-bottom:18px;

}

.horam-auth-message.is-error{

	background:#fdeceb;

	color:var(--primary-dark);

}

.horam-auth-message.is-success{

	background:#e8f6f4;

	color:var(--success);

}

.horam-auth-fields-row{

	display:grid;

	grid-template-columns:1fr 1fr;

	gap:14px;

}

.horam-auth-links{

	display:flex;

	align-items:center;

	justify-content:space-between;

	margin-top:14px;

	gap:10px;

}

.horam-auth-link{

	font-size:12px;

	color:var(--gray);

	text-decoration:none;

}

.horam-auth-link:hover{

	color:var(--primary);

}

.horam-auth-switch{

	text-align:center;

	font-size:13px;

	color:var(--gray);

	margin-top:20px;

}

.horam-auth-switch a{

	color:var(--primary);

	font-weight:800;

	text-decoration:none;

}

@media(max-width:480px){

	.horam-auth-wrap{

		margin:24px 14px;

		padding:32px 22px;

		border-radius:22px;

	}

	.horam-auth-fields-row{

		grid-template-columns:1fr;

	}

	.horam-otp-digit{

		width:44px;

		height:52px;

		font-size:20px;

	}

	.horam-auth-links{

		flex-direction:column;

		align-items:flex-start;

		gap:8px;

	}

}