@charset "UTF-8";
/* ============================================================
   德雅尚 · SureForms 表单品牌样式
   还原原 WPForms 表单视觉（.form-control / .btn-gold / .btn-rose）。

   实现方式：覆盖 SureForms 的设计变量 --srfm-* + 直接元素覆盖。
   为何必须用 !important：
     1) SureForms 在表单内联 <style> 中设置 --srfm-*（无 !important）；
     2) 插件 CSS(form.min.css 等) 在本文件【之后】加载；
   因此对本文件中的变量/属性声明加 !important，确保品牌色稳定生效，
   覆盖 JS 增强的下拉(tom-select)、焦点环、提交按钮等所有内部元素。
   ============================================================ */

/* 0) 容器：去掉 SureForms 默认外框/背景，让表单融入页面卡片 */
.srfm-form-container {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    /* 行与行间距减半（SureForms 默认内联 18px → 9px）。!important 压制表单内联 <style> 的同名变量 */
    --srfm-row-gap-between-blocks: 9px !important;
}

/* 1) 品牌色变量覆盖 —— 试听=香槟金，咨询=玫红 */
.ds-form-trial .srfm-form-container,
.srfm-form-container-281 {
    --srfm-color-scheme-primary: #A8854B !important;            /* 深金，与白字对比佳 */
    --srfm-color-scheme-text-on-primary: #FFFFFF !important;
    --srfm-color-scheme-text: #3A2E2C !important;
    --srfm-color-input-label: #3A2E2C !important;
    --srfm-color-input-text: #3A2E2C !important;
    --srfm-color-input-background: #FFFCF9 !important;
    --srfm-color-input-background-hover: #FFFFFF !important;
    --srfm-color-input-border: #E8DCD2 !important;
    --srfm-color-input-border-hover: #CBA6A2 !important;
    --srfm-color-input-border-focus-glow: rgba(203, 166, 162, 0.15) !important;
    --srfm-color-input-selected: rgba(168, 133, 75, 0.10) !important;
    --srfm-btn-color-hover: #8F6F3C !important;
    --srfm-dropdown-icon-color: #A8854B !important;
    --srfm-dropdown-option-selected-text: #A8854B !important;
    --srfm-dropdown-badge-background: rgba(168, 133, 75, 0.08) !important;
}
.ds-form-contact .srfm-form-container,
.srfm-form-container-282 {
    --srfm-color-scheme-primary: #A8766F !important;            /* 深玫瑰 */
    --srfm-color-scheme-text-on-primary: #FFFFFF !important;
    --srfm-color-scheme-text: #3A2E2C !important;
    --srfm-color-input-label: #3A2E2C !important;
    --srfm-color-input-text: #3A2E2C !important;
    --srfm-color-input-background: #FFFCF9 !important;
    --srfm-color-input-background-hover: #FFFFFF !important;
    --srfm-color-input-border: #E8DCD2 !important;
    --srfm-color-input-border-hover: #CBA6A2 !important;
    --srfm-color-input-border-focus-glow: rgba(203, 166, 162, 0.15) !important;
    --srfm-color-input-selected: rgba(168, 118, 111, 0.10) !important;
    --srfm-btn-color-hover: #8E5C55 !important;
    --srfm-dropdown-icon-color: #A8766F !important;
    --srfm-dropdown-option-selected-text: #A8766F !important;
    --srfm-dropdown-badge-background: rgba(168, 118, 111, 0.08) !important;
}

/* 2) 字段标签 */
.srfm-form .srfm-label,
.srfm-form label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3A2E2C !important;
    margin-bottom: 6px !important;
    letter-spacing: .3px !important;
}
.srfm-form .srfm-required { color: #8E4B57 !important; }

/* 3) 输入框 / 下拉 / 文本域 → 还原 .form-control */
.srfm-form input[type="text"],
.srfm-form input[type="email"],
.srfm-form input[type="tel"],
.srfm-form input[type="number"],
.srfm-form input[type="url"],
.srfm-form select,
.srfm-form textarea,
.srfm-form .srfm-input-common,
.srfm-form .srfm-dropdown-common {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 18px !important;
    border: 1.5px solid #E8DCD2 !important;
    border-radius: 14px !important;
    font-size: 15px !important;
    font-family: inherit !important;
    color: #3A2E2C !important;
    background: #FFFCF9 !important;
    line-height: 1.5 !important;
    transition: all .3s !important;
    box-shadow: none !important;
    height: auto !important;
}
.srfm-form input:focus,
.srfm-form select:focus,
.srfm-form textarea:focus,
.srfm-form .srfm-input-common:focus {
    outline: none !important;
    border-color: #CBA6A2 !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(203, 166, 162, .12) !important;
}
.srfm-form textarea { resize: vertical !important; min-height: 120px !important; }

/* 3.x) tom-select 增强下拉 —— 严格还原原 WPForms 原生 select 视觉（与 .form-control 输入框完全一致） */
.srfm-form .ts-wrapper {
    --ts-pr-caret: 1.8rem;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}
/* 下拉控件 = 文本框（同 padding / border / radius / bg / focus） */
.srfm-form .ts-wrapper .ts-control,
.srfm-form .ts-control {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px 18px !important;
    border: 1.5px solid #E8DCD2 !important;
    border-radius: 14px !important;
    background: #FFFCF9 !important;
    color: #3A2E2C !important;
    font-size: 15px !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    min-height: 50px !important;          /* 与输入框自然高度一致 */
}
.srfm-form .ts-control > input,
.srfm-form .ts-control input {
    color: #3A2E2C !important;
    font-size: 15px !important;
    font-family: inherit !important;
}
.srfm-form .ts-control > input::placeholder,
.srfm-form .ts-control input::placeholder {
    color: #9C8E88 !important;
    opacity: 1 !important;
}
/* 占位符文字（非搜索型下拉由 JS 注入 .ts-control-placeholder） */
.srfm-form .ts-control-placeholder,
.srfm-form .ts-control .ts-control-placeholder {
    color: #9C8E88 !important;
    font-size: 15px !important;
    font-family: inherit !important;
}
/* 下拉箭头 caret —— 品牌灰，还原原生 select 箭头观感 */
.srfm-form .ts-wrapper .ts-control .ts-caret {
    border-top-color: #9C8E88 !important;
}
/* 焦点态 = 输入框焦点态 */
.srfm-form .ts-wrapper.focus .ts-control,
.srfm-form .ts-wrapper.plugin-remove_button.focus .ts-control {
    border-color: #CBA6A2 !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(203, 166, 162, .12) !important;
}
/* 单项下拉：隐藏 remove / clear × 按钮，还原原生 select 外观（原 WPForms 单选下拉无 ×） */
.srfm-form .ts-wrapper.plugin-remove_button .item .remove,
.srfm-form .ts-wrapper.plugin-remove_button .remove-single,
.srfm-form .ts-wrapper.plugin-clear_button .clear-button {
    display: none !important;
}
/* 下拉展开面板 */
.srfm-form .ts-dropdown {
    background: #FFFFFF !important;
    border: 1.5px solid #E8DCD2 !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 32px rgba(58, 46, 44, .12) !important;
    margin-top: 6px !important;
    font-family: inherit !important;
    overflow: hidden;
}
.srfm-form .ts-dropdown .option {
    padding: 12px 18px !important;
    color: #3A2E2C !important;
    font-size: 15px !important;
    border-radius: 0 !important;
}
.srfm-form .ts-dropdown .option:hover,
.srfm-form .ts-dropdown .option.active,
.srfm-form .ts-dropdown .active {
    background: rgba(203, 166, 162, .14) !important;
    color: #3A2E2C !important;
}
.srfm-form .ts-dropdown .option.selected {
    background: rgba(203, 166, 162, .20) !important;
    color: #8E5C55 !important;
    font-weight: 500 !important;
}
.srfm-form .ts-dropdown .no-results {
    padding: 12px 18px !important;
    color: #9C8E88 !important;
    font-size: 14px !important;
}

/* 4) 提交按钮 → 还原 .btn-gold / .btn-rose（width:100%） */
.srfm-form .srfm-submit-button,
.srfm-form button.srfm-button,
.srfm-form .srfm-btn-frontend {
    width: 100% !important;
    padding: 15px 38px !important;
    border: none !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all .35s cubic-bezier(.4, 0, .2, 1) !important;
    box-shadow: 0 8px 24px rgba(168, 118, 111, .20) !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--rose-deep), var(--rose)) !important;
}
.srfm-form .srfm-submit-button:hover,
.srfm-form button.srfm-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 38px rgba(168, 118, 111, .32) !important;
}
/* 预约试听 → 香槟金 */
.ds-form-trial .srfm-submit-button,
.ds-form-trial button.srfm-button {
    background: linear-gradient(135deg, var(--gold), var(--gold-deep)) !important;
    box-shadow: 0 8px 24px rgba(192, 160, 106, .20) !important;
}
.ds-form-trial .srfm-submit-button:hover {
    box-shadow: 0 14px 38px rgba(192, 160, 106, .32) !important;
}

/* 5) 字段间距 */
.srfm-form .srfm-field,
.srfm-form .srfm-block-single { margin-bottom: 14px !important; }

/* 6) 隐私声明 / 成功提示 */
.form-note {
    font-size: 13px;
    color: #9C8E88;
    margin: 10px 0 0;
    text-align: center;
    line-height: 1.6;
}
.srfm-form .srfm-success-message,
.srfm-message { color: #A8766F !important; }