/* ==========================================================================
   FalishBaba Identity & Verification Styles (Self-Contained Luxury System)
   ========================================================================== */

/* Button System */
.fb-button,
.fb-button-primary,
.fb-phone-input-wrap button,
.fb-otp-input-wrap button[type="submit"],
#fb-send-otp-btn,
#fb-verify-otp-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: 100% !important;
	height: 52px !important;
	padding: 0 28px !important;
	background: #a24b31 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 9999px !important;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
	cursor: pointer !important;
	box-shadow: 0 8px 24px rgba(162, 75, 49, 0.28) !important;
	transition: all 0.25s ease !important;
	text-decoration: none !important;
	outline: none !important;
	box-sizing: border-box !important;
}

.fb-button:hover,
.fb-button-primary:hover,
.fb-phone-input-wrap button:hover,
.fb-otp-input-wrap button[type="submit"]:hover,
#fb-send-otp-btn:hover,
#fb-verify-otp-btn:hover {
	background: #8a3c25 !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 28px rgba(162, 75, 49, 0.38) !important;
}

.fb-button:active,
.fb-button-primary:active,
#fb-send-otp-btn:active,
#fb-verify-otp-btn:active {
	transform: translateY(0) !important;
	box-shadow: 0 4px 14px rgba(162, 75, 49, 0.25) !important;
}

.fb-button:disabled,
.fb-button-primary:disabled,
#fb-send-otp-btn:disabled,
#fb-verify-otp-btn:disabled {
	opacity: 0.6 !important;
	cursor: not-allowed !important;
	transform: none !important;
	box-shadow: none !important;
}

.fb-button svg,
#fb-send-otp-btn svg,
#fb-verify-otp-btn svg {
	transition: transform 0.2s ease !important;
}

.fb-button:hover svg,
#fb-send-otp-btn:hover svg,
#fb-verify-otp-btn:hover svg {
	transform: translateX(3px) !important;
}

.fb-button-ghost {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	height: 52px !important;
	padding: 0 28px !important;
	background: transparent !important;
	color: #1c201a !important;
	border: 1.5px solid #e8e5dc !important;
	border-radius: 9999px !important;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
}

.fb-button-ghost:hover {
	border-color: #a24b31 !important;
	color: #a24b31 !important;
	background: rgba(162, 75, 49, 0.04) !important;
	transform: translateY(-2px) !important;
}

/* Hide any residual staging elements */
.fb-staging-hint,
.fb-staging-btn {
	display: none !important;
}