/* popup-form.css — উড়ে বেড়াই Sign-Up popup form (2026-10-26, icons 2026-10-29b,
   Google button fix 2026-10-29c)
   Styles for the registration form inside #ubLoginModal (used by
   popup-signup-restore.js). Loaded from footer.php; version is bumped there
   for cache busting. */

#ubLoginModal .ub-signup-form,
#ubLoginModal .ub-signup-form * { box-sizing: border-box; }

#ubLoginModal .ub-signup-form .ur-form-row,
#ubLoginModal .ub-signup-form .ur-grid,
#ubLoginModal .ub-signup-form .ur-form-grid,
#ubLoginModal .ub-signup-form .ur-field-item,
#ubLoginModal .ub-signup-form > form > div,
#ubLoginModal .ub-signup-form > form > p,
#ubLoginModal .ub-signup-form .ur-field-item > div {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	transform: none !important;
	position: static !important;
	width: auto !important;
	margin: 0 0 11px !important;
}

#ubLoginModal .ub-signup-form form { display: block !important; }

#ubLoginModal .ub-signup-form input[hidden],
#ubLoginModal .ub-signup-form .ub-name-row { display: flex !important; }

#ubLoginModal .ub-lbl-restore {
	display: block !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	color: #14254A !important;
	margin: 0 0 5px !important;
	line-height: 1.3 !important;
}
#ubLoginModal .ub-lbl-restore .ub-ast { color: #E11D2E !important; margin-left: 2px; }

#ubLoginModal .ub-signup-form input[type="text"],
#ubLoginModal .ub-signup-form input[type="email"],
#ubLoginModal .ub-signup-form input[type="password"],
#ubLoginModal .ub-signup-form input[type="tel"] {
	display: block !important;
	visibility: visible !important;
	width: 100% !important;
	height: 34px !important;
	border: 1px solid #D9DEE7 !important;
	border-radius: 6px !important;
	background-color: #fff !important;
	padding: 9px 36px 9px 11px !important;
	font-size: 12.5px !important;
	font-weight: 400 !important;
	color: #14254A !important;
	box-shadow: none !important;
	text-indent: 0 !important;
	letter-spacing: normal !important;
	text-shadow: none !important;
}
#ubLoginModal .ub-signup-form input:focus {
	border-color: #2F6FE0 !important;
	outline: none !important;
	box-shadow: none !important;
}

#ubLoginModal .ub-name-row { display: flex !important; gap: 10px; margin: 0 0 11px !important; }
#ubLoginModal .ub-name-row > div { flex: 1 1 0; min-width: 0; margin: 0 !important; }

#ubLoginModal .ub-terms-row {
	display: flex !important;
	align-items: flex-start;
	gap: 7px;
	font-size: 11px !important;
	line-height: 1.5 !important;
	color: #5B6577 !important;
	margin: 10px 0 13px !important;
}
#ubLoginModal .ub-terms-row input[type="checkbox"] {
	width: 12px !important;
	height: 12px !important;
	margin: 2px 0 0;
	flex: 0 0 auto;
}
#ubLoginModal .ub-terms-row a {
	color: #E11D2E !important;
	text-decoration: underline !important;
	font-weight: 700 !important;
}

#ubLoginModal .ub-cta-restore {
	display: block !important;
	width: 100% !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, #3B7BE8, #1B4FC9) !important;
	color: #fff !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	letter-spacing: .8px !important;
	padding: 11px 10px !important;
	cursor: pointer !important;
}

#ubLoginModal .ub-gdiv-restore {
	display: flex !important;
	align-items: center;
	gap: 9px;
	font-size: 10.5px !important;
	color: #8A94A6 !important;
	margin: 13px 0 10px !important;
	letter-spacing: .4px;
	font-weight: 600;
}
#ubLoginModal .ub-gdiv-restore:before,
#ubLoginModal .ub-gdiv-restore:after { content: ""; flex: 1; height: 1px; background: #E4E9F2; }

#ubLoginModal .ub-gbtn-restore {
	display: flex !important;
	align-items: center;
	gap: 10px;
	width: 100% !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, #E53935, #C62828) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .3px !important;
	padding: 10px 13px !important;
	cursor: pointer;
	text-decoration: none !important;
}
#ubLoginModal .ub-gbtn-restore .ub-gicon {
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ubLoginModal .ub-gbtn-restore .ub-gicon svg { width: 13px; height: 13px; display: block; }

/* The theme's own divider / social block duplicate the popup's "or continue with"
   line and Google button (main.js keeps moving them between the views), so they
   stay hidden — popup-signup-restore.js keeps exactly one Google block instead. */
#ubLoginModal .ub-modal__divider,
#ubLoginModal .ub-modal__social { display: none !important; }

/* ---- Google button: the "Continue with Google" text must ALWAYS show -------
   (owner's marked images 20261029_183835 / 20261029_183836: the Sign-Up popup's
   red button showed the G icon but no text). These !important rules win over
   every popup-scoped rule so the icon + text can never be blanked or hidden,
   in BOTH the Log In and the Sign Up popup. */
#ubLoginModal .ub-google-block {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	transform: none !important;
	overflow: visible !important;
	height: auto !important;
	width: auto !important;
}
#ubLoginModal .ub-gdiv,
#ubLoginModal .ub-gdiv-restore {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	align-items: center;
	gap: 9px;
	font-size: 10.5px !important;
	color: #8A94A6 !important;
	margin: 13px 0 10px !important;
	letter-spacing: .4px;
	font-weight: 600;
}
#ubLoginModal .ub-gdiv:before,
#ubLoginModal .ub-gdiv:after { content: ""; flex: 1; height: 1px; background: #E4E9F2; }
#ubLoginModal .ub-gbtn,
#ubLoginModal .ub-gbtn-restore {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100% !important;
	box-sizing: border-box !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	transform: none !important;
	overflow: visible !important;
	height: auto !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: linear-gradient(135deg, #E53935, #C62828) !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: .3px !important;
	line-height: 1.25 !important;
	padding: 10px 13px !important;
	cursor: pointer !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	text-align: left !important;
	white-space: normal !important;
	margin: 0 !important;
}
#ubLoginModal .ub-gbtn .ub-gicon,
#ubLoginModal .ub-gbtn-restore .ub-gicon {
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	flex: 0 0 auto !important;
	background: #fff !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	visibility: visible !important;
	opacity: 1 !important;
	overflow: visible !important;
	margin: 0 !important;
	padding: 0 !important;
}
#ubLoginModal .ub-gbtn .ub-gicon svg,
#ubLoginModal .ub-gbtn-restore .ub-gicon svg {
	width: 13px !important;
	height: 13px !important;
	display: block !important;
	visibility: visible !important;
}
#ubLoginModal .ub-gbtn .ub-gtxt,
#ubLoginModal .ub-gbtn-restore .ub-gtxt {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: .3px !important;
	text-align: left !important;
	text-indent: 0 !important;
	text-shadow: none !important;
	white-space: nowrap !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	position: static !important;
	transform: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
}
/* plugin duplicates of the Google button never show inside the popup */
#ubLoginModal .nsl-container,
#ubLoginModal .nsl-container-buttons { display: none !important; }

/* ---- in-field icons (owner's marked images 2026-10-29) --------------------
   Grey icons at the right side of EVERY popup field — Log In (email, password)
   AND Sign Up (names, phone, email, password) — matching the owner's marked
   images: person (names), smartphone (phone), envelope + letter (email),
   key (password).
   These !important rules override both the inline icons set by the popup JS
   and the `background: #fff !important` of popup-logo-off.js's .ub-fld-final
   (which was blanking the Log In icons). Order matters: the generic
   type="text" (person) rule comes first so phone / email / password rules win
   where they match. */
#ubLoginModal input[type="text"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23A3ACBA%27%3E%3Cpath d=%27M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z%27/%3E%3C/svg%3E") !important;
}
#ubLoginModal input[type="tel"],
#ubLoginModal input[name*="phone" i],
#ubLoginModal input[id*="phone" i],
#ubLoginModal input[name*="mobile" i] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23A3ACBA%27%3E%3Cpath d=%27M17 1H7c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 18H7V5h10v14z%27/%3E%3C/svg%3E") !important;
}
#ubLoginModal input[type="email"],
#ubLoginModal input[name*="email" i],
#ubLoginModal input[id*="email" i],
#ubLoginModal input[name="log"],
#ubLoginModal input[name*="user_login" i],
#ubLoginModal input[id*="user_login" i] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23A3ACBA%27%3E%3Cpath d=%27M7 3h10v13H7z%27/%3E%3Cpath d=%27M2 9.2 12 15l10-5.8V19c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V9.2z%27/%3E%3C/svg%3E") !important;
}
#ubLoginModal input[type="password"],
#ubLoginModal input[name*="pass" i],
#ubLoginModal input[id*="pass" i] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23A3ACBA%27%3E%3Cpath d=%27M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z%27/%3E%3C/svg%3E") !important;
}
#ubLoginModal input[type="text"],
#ubLoginModal input[type="email"],
#ubLoginModal input[type="password"],
#ubLoginModal input[type="tel"] {
	background-repeat: no-repeat !important;
	background-position: right 14px center !important;
	background-size: 18px 18px !important;
}