.elementor-142 .elementor-element.elementor-element-f7eac82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 0px;--row-gap:30px;--column-gap:0px;border-style:solid;--border-style:solid;--margin-top:0160px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-142 .elementor-element.elementor-element-07f981d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#0000001C;--border-color:#0000001C;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-142 .elementor-element.elementor-element-5a7f3bf .wd-login-title{font-size:24px;text-align:center;}@media(max-width:1024px){.elementor-142 .elementor-element.elementor-element-07f981d{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-142 .elementor-element.elementor-element-07f981d{--width:100%;}}@media(max-width:767px){.elementor-142 .elementor-element.elementor-element-07f981d{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for wd_my_account_login, class: .elementor-element-5a7f3bf *//* ==================== 真实 DOM 精准覆盖：Login 表单轻奢重构 ==================== */

/* 1. 表单大容器：去除 Woodmart 默认边框，限宽并居中 */
#login-custom form.login.woocommerce-form-login {
    border: none !important;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
    max-width: 500px !important;
    margin: 40px auto !important;
    width: 100% !important;
}

/* 2. 大标题：古典罗马衬线体 */
#login-custom h2.wd-login-title {
    font-family: "Playfair Display", "Georgia", serif !important;
    font-size: clamp(28px, 4vw, 36px) !important;
    color: #000000 !important;
    font-weight: 400 !important;
    text-align: center !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.02em !important;
}

/* 标题下方注入优雅副标题 */
#login-custom h2.wd-login-title::after {
    content: "Join the membership program and unlock exclusive benefits instantly" !important;
    display: block !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 14px !important;
    color: #666666 !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
    text-transform: none !important;
}

/* 3. 输入框上方的 Label 标签：全大写粗体 */
#login-custom form.login .form-row label {
    font-family: "DM Sans", sans-serif !important;
    font-size: 12px !important;
    color: #444444 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 隐藏可能存在的原生红星，回归绝对极简 */
#login-custom form.login .form-row label .required {
    display: none !important;
}

/* 4. 输入框样式：圆角与高级哑光微泥沙色底板 */
#login-custom form.login .woocommerce-Input--text.input-text {
    width: 100% !important;
    height: 50px !important;
    background-color: #f2f0ed !important; /* 精准大牌哑光泥沙色 */
    border: 1px solid #e1deda !important;
    border-radius: 8px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    color: #2c2c2c !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

/* 输入框聚焦（Focus）时的交互反馈 */
#login-custom form.login .woocommerce-Input--text.input-text:focus {
    background-color: #ffffff !important;
    border-color: #b37400 !important; /* 聚焦时变为品牌金棕色线 */
    box-shadow: 0 0 0 1px #b37400 !important;
}

/* 5. 登录按钮：优雅哑光金棕色宽按钮 */
#login-custom form.login button.woocommerce-button__submit {
    width: 100% !important;
    height: 52px !important;
    background-color: #b37400 !important; /* 纯正大地金棕色 */
    color: #ffffff !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    margin-top: 10px !important;
    transition: opacity 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0.05em !important;
}

#login-custom form.login button.woocommerce-button__submit:hover {
    opacity: 0.9 !important;
    background-color: #b37400 !important;
}

/* 6. 底部“记住我”与“忘记密码”区域重构 */
/* 统一包裹容器的弹性盒布局，让两元素分居左右 */
#login-custom form.login .login-form-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 20px !important;
    width: 100% !important;
}

/* “记住我”文字美化 */
#login-custom form.login .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    color: #666666 !important;
    text-transform: none !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important; /* 消除原生可能存在的间距 */
    cursor: pointer !important;
}

#login-custom form.login .woocommerce-form-login__rememberme input[type="checkbox"] {
    margin-right: 6px !important;
}

/* “忘记密码”链接美化 */
#login-custom form.login .login-form-footer a.woocommerce-LostPassword {
    font-family: "DM Sans", sans-serif !important;
    font-size: 13px !important;
    color: #b37400 !important; /* 金棕色细线链接 */
    text-decoration: none !important;
    margin-top: 0 !important; /* 依靠 flex 对齐，消除负 margin */
    transition: color 0.2s ease !important;
}

#login-custom form.login .login-form-footer a.woocommerce-LostPassword:hover {
    color: #8a5a00 !important;
    text-decoration: underline !important;
}

/* 处理末尾补充的独立按钮类名覆盖 */
#login-custom .woocommerce-form-login__submit {
    background-color: #b37802 !important;
}/* End custom CSS */