/*
 * Dwell Auth — Forgot Password (separate design from Sign in / Sign up)
 * Isolated from Elementor/theme and from .dwell-auth login styles.
 */

.dwell-auth-forgot.dwell-auth-forgot {
	all: revert;

	--daf-ink: #1d140d;
	--daf-muted: #6c6158;
	--daf-brand: #906847;
	--daf-brand-deep: #7a5638;
	--daf-border: #e1ddd7;
	--daf-white: #ffffff;
	--daf-sand: #f7f2eb;

	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 72vh !important;
	margin: 0 auto !important;
	padding: 48px 16px !important;
	background: transparent !important;
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	color: var(--daf-ink) !important;
	-webkit-font-smoothing: antialiased;
}

.dwell-auth-forgot.dwell-auth-forgot :where(div, form, h1, p, span, a, label, button, input, img, svg) {
	all: revert;
	box-sizing: border-box !important;
	font-family: inherit !important;
	margin: 0 !important;
	text-shadow: none !important;
}

.dwell-auth-forgot.dwell-auth-forgot [hidden] {
	display: none !important;
}

.dwell-auth-forgot.dwell-auth-forgot *,
.dwell-auth-forgot.dwell-auth-forgot *::before,
.dwell-auth-forgot.dwell-auth-forgot *::after {
	box-sizing: border-box !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-panel {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: 440px !important;
	overflow: hidden !important;
	border-radius: 20px !important;
	border: 1px solid var(--daf-border) !important;
	background: var(--daf-white) !important;
	box-shadow: 0 18px 50px rgba(29, 20, 13, 0.12) !important;
}

/* Distinct brown banner header (not used on login/signup) */
.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-banner {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 36px 28px 28px !important;
	text-align: center !important;
	background: linear-gradient(160deg, var(--daf-brand) 0%, var(--daf-brand-deep) 100%) !important;
	color: #fefbf8 !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 72px !important;
	height: 72px !important;
	border-radius: 50% !important;
	background: rgba(254, 251, 248, 0.16) !important;
	color: #fefbf8 !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-icon svg {
	display: block !important;
	width: 40px !important;
	height: 40px !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-title {
	display: block !important;
	font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
	font-weight: 600 !important;
	font-size: 28px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
	color: #fefbf8 !important;
	border: 0 !important;
	background: transparent !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-lead {
	display: block !important;
	max-width: 320px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: rgba(254, 251, 248, 0.88) !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 18px !important;
	padding: 28px 28px 32px !important;
	background: var(--daf-sand) !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	width: 100% !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-field {
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
	width: 100% !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-label {
	display: block !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	color: var(--daf-muted) !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-input {
	display: block !important;
	width: 100% !important;
	height: 44px !important;
	padding: 0 14px !important;
	border: 1px solid var(--daf-border) !important;
	border-radius: 10px !important;
	background: var(--daf-white) !important;
	box-shadow: none !important;
	font-size: 15px !important;
	color: var(--daf-ink) !important;
	outline: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-input:focus {
	border-color: var(--daf-brand) !important;
	box-shadow: 0 0 0 3px rgba(144, 104, 71, 0.18) !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-input-wrap {
	position: relative !important;
	width: 100% !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-input-wrap .dwell-auth-forgot-input {
	padding-right: 44px !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-eye {
	position: absolute !important;
	top: 50% !important;
	right: 12px !important;
	transform: translateY(-50%) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	cursor: pointer !important;
	opacity: 0.65 !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-eye img {
	display: block !important;
	width: 18px !important;
	height: 14px !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 44px !important;
	margin-top: 4px !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--daf-ink) !important;
	color: #fefbf8 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	box-shadow: 0 8px 20px rgba(29, 20, 13, 0.18) !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-btn:hover {
	background: #2a1f16 !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-btn:disabled,
.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-btn.is-loading {
	opacity: 0.7 !important;
	pointer-events: none !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-message {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #7a3010 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-message:not([hidden]) {
	display: block !important;
	padding: 12px 14px !important;
	border-radius: 10px !important;
	border: 1px solid #f5c5a3 !important;
	background: #fff8f5 !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-message.is-success:not([hidden]) {
	border-color: #c8e0c5 !important;
	background: #f2faf1 !important;
	color: #2c5e2a !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-alert {
	padding: 14px 16px !important;
	border-radius: 10px !important;
	border: 1px solid #f5c5a3 !important;
	background: #fff8f5 !important;
	color: #7a3010 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-secondary,
.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-back {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	padding: 8px 4px !important;
	color: var(--daf-brand) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	background: transparent !important;
	border: 0 !important;
}

.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-back:hover,
.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-secondary:hover {
	text-decoration: underline !important;
	color: var(--daf-brand-deep) !important;
}

@media (max-width: 520px) {
	.dwell-auth-forgot.dwell-auth-forgot {
		padding: 24px 12px !important;
		min-height: auto !important;
	}

	.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-banner {
		padding: 28px 20px 22px !important;
	}

	.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-body {
		padding: 22px 20px 26px !important;
	}

	.dwell-auth-forgot.dwell-auth-forgot .dwell-auth-forgot-title {
		font-size: 24px !important;
	}
}