/**
 * @third-party:LRM
 *
 * LRM(Ajax Login Registration Modal Popup Pro)樣式覆蓋
 *
 * Loaded by: canvas/src/Services/HeaderFooter/WooCommerceIntegration.php
 *            (enqueue_lrm_styles())
 *
 * Plugin 用清楚的 .lrm-* class prefix,我們用 !important 覆蓋它的硬編碼配色,
 * 把 input / button / link / 標題對齊 hauzii design token。Modal 可能在任何
 * 頁面 trigger,因此跟 mini-cart 一樣全站載入(掛在 hauzii-tailwind 上)。
 *
 * Input background 故意寫死 #ffffff(功能性 UI 強制白底,不隨 palette 變)。
 * Chrome autofill 會用 internal :-webkit-autofill 蓋背景,要用 inset box-shadow trick 打贏。
 */

/* === LRM Login/Register Modal Override === */

/* 整體 form 字體統一 hauzii typo */
.lrm-form,
.lrm-form * {
	font-family: var(--hz-typo-typo-06-ff) !important;
}

/* Inputs — bg 強制白(功能性,不隨 palette);字色/邊框走 hauzii token */
.lrm-form input[type="text"],
.lrm-form input[type="email"],
.lrm-form input[type="password"] {
	background-color: #ffffff !important;
	color: var(--hz-color-09) !important;
	border: 1px solid var(--hz-surface-02-border) !important;
	border-radius: var(--hz-surface-02-radius) !important;
	font-size: var(--hz-typo-typo-19-fs) !important;
}

/* Chrome autofill 用 inset box-shadow 蓋過 internal 淡藍 */
.lrm-form input:-webkit-autofill,
.lrm-form input:-webkit-autofill:hover,
.lrm-form input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
	-webkit-text-fill-color: var(--hz-color-09) !important;
}

/* Submit button(登入 / 註冊)— 藍 → color.04 CTA */
.lrm-form button[type="submit"] {
	background-color: var(--hz-color-04) !important;
	color: var(--hz-color-11) !important;
	font-family: var(--hz-typo-typo-09-ff) !important;
	font-size: var(--hz-typo-typo-09-fs) !important;
	font-weight: var(--hz-typo-typo-09-fw) !important;
	border-radius: var(--hz-button-01-radius) !important;
	border: none !important;
}
.lrm-form button[type="submit"]:hover {
	opacity: 0.85;
}

/* Modal 標題 */
.lrm-user-modal h2,
.lrm-user-modal h3 {
	color: var(--hz-color-07) !important;
	font-family: var(--hz-typo-typo-04-ff) !important;
}

/* Modal 內 link(忘記密碼 / 切換登入註冊 / 第三方 OAuth 等) */
.lrm-form a,
.lrm-user-modal a:not([class*="button"]) {
	color: var(--hz-color-14) !important;
}