/* LSOS 1.0.154 — My Account OTP / profile completion */
.idb-my-account-otp{
	--idb-otp-primary:var(--wd-primary-color,#1769c8);
	--idb-otp-primary-hover:var(--wd-primary-color-hover,#125aa9);
	box-sizing:border-box;
	width:100%;
	max-width:540px;
	margin:20px auto 34px;
	padding:26px;
	border:1px solid #e0e6ed;
	border-radius:10px;
	background:#fff;
	box-shadow:0 8px 28px rgba(25,45,70,.06);
	text-align:start;
}

.idb-otp-header{
	display:flex;
	align-items:center;
	gap:13px;
	margin-bottom:20px;
	padding-bottom:16px;
	border-bottom:1px solid #edf1f5;
}

.idb-otp-lock{
	display:flex;
	flex:0 0 42px;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:50%;
	background:#eaf7ef;
	color:#16824f;
	font-size:18px;
	font-weight:900;
}

.idb-otp-header h2{
	margin:0 0 4px!important;
	font-size:20px!important;
	font-weight:800!important;
	line-height:1.45!important;
}

.idb-otp-header p,
.idb-otp-profile-intro p{
	margin:0;
	color:#758195;
	font-size:12px;
	line-height:1.8;
}

.idb-otp-notice{
	margin:0 0 17px;
	padding:12px 14px;
	border:1px solid;
	border-radius:7px;
	font-size:12px;
	line-height:1.8;
}

.idb-otp-notice-success{
	border-color:#addbc0;
	background:#eaf8f0;
	color:#176b3a;
}

.idb-otp-notice-error{
	border-color:#efc1bd;
	background:#fff2f1;
	color:#982d28;
}

.idb-otp-channel-switch{
	margin:0 0 17px;
	padding:0;
	border:0;
}

.idb-otp-channel-switch legend{
	margin-bottom:8px;
	font-size:12px;
	font-weight:800;
}

.idb-otp-channel-options{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
}

.idb-otp-channel-options label{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	min-height:42px;
	padding:6px 10px;
	border:1px solid #d7e0e9;
	border-radius:7px;
	background:#fafbfd;
	color:#56657a;
	cursor:pointer;
	font-size:12px;
	font-weight:700;
}

.idb-otp-channel-options label.is-selected{
	border-color:#8ab6e7;
	background:#eef6ff;
	color:#1769c8;
	box-shadow:0 0 0 2px rgba(23,105,200,.06);
}

.idb-otp-channel-options input{
	margin:0!important;
}

.idb-otp-channel-fields[hidden]{
	display:none!important;
}

.idb-otp-channel-fields,
.idb-otp-label{
	display:block;
	margin:0 0 16px;
}

.idb-otp-label>span:first-child{
	display:block;
	margin-bottom:7px;
	color:#34445c;
	font-size:12px;
	font-weight:700;
}

.idb-mobile-row{
	display:flex;
	direction:ltr;
	width:100%;
	height:50px;
	overflow:hidden;
	box-sizing:border-box;
	border:1px solid #d5dee7;
	border-radius:7px;
	background:#fff;
}

.idb-mobile-prefix{
	display:flex;
	flex:0 0 auto;
	align-items:center;
	padding:0 14px;
	border-right:1px solid #d5dee7;
	background:#f6f8fa;
	color:#56657a;
	font-size:13px;
	white-space:nowrap;
}

.idb-mobile-row input,
.idb-otp-wide-input,
.idb-otp-code{
	box-sizing:border-box!important;
	width:100%!important;
	min-height:50px!important;
	margin:0!important;
	padding:0 13px!important;
	border:1px solid #d5dee7!important;
	border-radius:7px!important;
	background:#fff!important;
	box-shadow:none!important;
	font-family:inherit!important;
}

.idb-mobile-row input{
	flex:1 1 auto;
	width:auto!important;
	min-width:0;
	height:48px;
	min-height:48px!important;
	border:0!important;
	border-radius:0!important;
	direction:ltr!important;
	text-align:left!important;
}

.idb-otp-wide-input[type="email"]{
	direction:ltr!important;
	text-align:left!important;
	unicode-bidi:plaintext;
}

.idb-otp-code{
	height:56px!important;
	font-size:24px!important;
	font-weight:700!important;
	letter-spacing:6px!important;
	direction:ltr!important;
	text-align:center!important;
}

.idb-mobile-row:focus-within,
.idb-otp-wide-input:focus,
.idb-otp-code:focus{
	border-color:#74a9df!important;
	box-shadow:0 0 0 2px rgba(23,105,200,.10)!important;
	outline:0!important;
}

.idb-otp-submit{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	min-height:49px!important;
	margin:7px 0 0!important;
	padding:0 20px!important;
	border:0!important;
	border-radius:7px!important;
	background:var(--idb-otp-primary)!important;
	color:#fff!important;
	box-shadow:none!important;
	font-family:inherit!important;
	font-size:13px!important;
	font-weight:800!important;
	line-height:1.2!important;
	cursor:pointer!important;
}

.idb-otp-submit:hover{
	background:var(--idb-otp-primary-hover)!important;
	color:#fff!important;
}

.idb-otp-submit:disabled{
	opacity:.55!important;
	cursor:not-allowed!important;
}

.idb-otp-submit.loading::after{
	content:"";
	width:14px;
	height:14px;
	margin-inline-start:8px;
	border:2px solid rgba(255,255,255,.45);
	border-top-color:#fff;
	border-radius:50%;
	animation:idbOtpSpin .7s linear infinite;
}

@keyframes idbOtpSpin{to{transform:rotate(360deg)}}

.idb-otp-channel-hint{
	margin:0 0 15px;
	color:#68768a;
	font-size:12px;
	line-height:1.8;
}

.idb-otp-countdown{
	margin:10px 0!important;
	text-align:center;
	color:#6e7c8e;
	font-size:11px;
}

.idb-otp-countdown strong{
	direction:ltr;
	color:#2d405b;
	font-size:13px;
}

.idb-otp-secondary-link{
	display:block;
	margin-top:13px;
	color:#65758a;
	font-size:11px;
	font-weight:700;
	text-align:center;
	text-decoration:none;
}

.idb-otp-secondary-link:hover{
	color:#1769c8;
}

.idb-otp-profile-intro{
	margin:0 0 17px;
	padding:13px 14px;
	border:1px solid #d9e8f8;
	border-radius:8px;
	background:#f6faff;
}

.idb-otp-profile-intro h3{
	margin:0 0 4px!important;
	color:#29415f;
	font-size:14px!important;
	font-weight:800!important;
}

body.woocommerce-account .woocommerce-MyAccount-content .idb-account-phone-field #idb_account_phone{
	direction:ltr!important;
	text-align:left!important;
	unicode-bidi:plaintext!important;
	padding-left:12px!important;
	padding-right:12px!important;
	opacity:1!important;
	color:#6d7785!important;
	-webkit-text-fill-color:#6d7785!important;
}

.idb-account-phone-field small{
	display:block;
	margin-top:5px;
	color:#7b8795;
}

@media(max-width:767px){
	.idb-my-account-otp{
		margin-top:10px;
		padding:19px;
		border-radius:8px;
	}
	.idb-otp-channel-options{
		grid-template-columns:1fr;
	}
}