/* WAHA WhatsApp Auth - styled to match the site's woodmart theme palette.
   Renders inside the theme's own get_header()/get_footer(), so this only
   needs to style the card itself, not the surrounding page. */

.waha-auth-page-wrap {
	display: flex;
	justify-content: center;
	padding: 180px 16px 60px;
	font-family: "expo-medium", Arial, Helvetica, sans-serif;
}

.waha-auth-card {
	width: 100%;
	max-width: 420px;
	background: #fff;
	border: 2px solid #ececec;
	border-radius: 0;
	box-shadow: 0 10px 30px rgba(27, 67, 50, 0.08);
	padding: 32px 28px;
	box-sizing: border-box;
}

.waha-auth-title {
	margin: 0 0 6px;
	font-family: "expo-bold", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #1b4332;
	text-align: center;
}

.waha-auth-subtitle {
	margin: 0 0 20px;
	font-size: 15px;
	color: #4d5761;
	text-align: center;
}

.waha-auth-message {
	display: none;
	margin-bottom: 16px;
	padding: 10px 14px;
	border-radius: 0;
	font-size: 14px;
	line-height: 1.5;
}

.waha-auth-message.is-visible {
	display: block;
}

.waha-auth-message.is-error {
	background: #fdecea;
	color: #af2323;
	border: 1px solid #f3c1c1;
}

.waha-auth-message.is-success {
	background: #eef4ee;
	color: #1b4332;
	border: 1px solid #c7dcc7;
}

.waha-auth-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 16px;
	font-size: 14px;
	color: #1b4332;
}

.waha-auth-field input {
	height: 46px;
	padding: 0 14px;
	border: 2px solid #e2e2e2;
	border-radius: 0;
	font-size: 15px;
	font-family: inherit;
	background: #fff;
	color: #1c1c1c;
}

.waha-auth-field input:focus {
	outline: none;
	border-color: #b47b19;
	box-shadow: 0 0 0 3px rgba(180, 123, 25, 0.12);
}

.waha-auth-submit {
	width: 100%;
	height: 46px;
	background: #b47b19;
	color: #fff;
	border: none;
	border-radius: 0;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
	cursor: pointer;
	transition: background 0.15s ease;
}

.waha-auth-submit:hover {
	background: #aa823c;
}

.waha-auth-submit:disabled {
	background: #d9c8a3;
	cursor: not-allowed;
}

.waha-auth-resend {
	width: 100%;
	height: 44px;
	margin-top: 10px;
	background: transparent;
	color: #b47b19;
	border: 2px solid #e2e2e2;
	border-radius: 0;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
	cursor: pointer;
}

.waha-auth-resend:disabled {
	color: #b7b7b7;
	cursor: not-allowed;
}

.waha-auth-otp[hidden] {
	display: none;
}

.waha-auth-switch {
	margin: 20px 0 0;
	text-align: center;
	font-size: 14px;
	color: #4d5761;
}

.waha-auth-switch a {
	color: #b47b19;
	font-weight: 600;
	text-decoration: none;
}

.waha-auth-switch a:hover {
	color: #aa823c;
	text-decoration: underline;
}