/* ============================================================
   邮件订阅-1 (email_1) 专属样式
   还原自 行业咨询.html 的 .ly_newsletter_1
   (visual_plugins_container data-type="newsletter" data-mode="mode_1")
   —— 公共结构样式在此, 实例级样式(颜色/字号/按钮/间距/模块宽度)由模板内联输出。
   引入方: templates/sitebuilder/modules/email_1.html
   交互: js/email_1.js(订阅提交, 接口预留 —— 校验 + POST + 提示, 见该文件头注释)
   注意: 新增本文件后需同步 SiteStaticPublishServiceImpl 的 CSS_FILES / JS_FILES(发布态拷贝清单是硬编码的)。

   字体: 标题/副标题走 .deco-title/.deco-subtitle 公共 class 取全局字体, 本文件不设 font-family;
   按钮是例外(§11.9), font-family 由模板按 buttonStyle 输出。
   ============================================================ */

.ly_newsletter_1 { overflow: hidden; }
.ly_newsletter_1 a { text-decoration: none; color: inherit; }

/* ---------- 模块宽度三规则(class 在内部容器 .wide 上, 见指南 §7 第13条) ---------- */
.ly_newsletter_1 .wide { margin: 0 auto; padding: 0; box-sizing: border-box; }
.ly_newsletter_1 .wide.module_width_1440 { width: 1440px; max-width: 100%; }
.ly_newsletter_1 .wide.module_width_full { width: 100%; }
.ly_newsletter_1 .wide.module_width_global { width: var(--deco-module-width, 1440px); max-width: 100%; }

/* ---------- 主体: 左文案 / 右表单, 参考站 .newsletter_box ----------
   60px 3% 是模块自身固有内边距(参考站公共样式), 与配置里的"间距"是两回事:
   间距落在模块外层与 .section 上(模板内联输出), 默认全 0 时这里的 60px 3% 仍生效。 */
.ly_newsletter_1 .newsletter_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 3%;
    box-sizing: border-box;
}
.ly_newsletter_1 .info_box { box-sizing: border-box; }
.ly_newsletter_1 .n_title { line-height: 1; }
.ly_newsletter_1 .n_title h2 { margin: 0; font-weight: normal; line-height: 1; }
.ly_newsletter_1 .n_subtitle { line-height: 1.7; margin-top: 5px; }

/* ---------- 表单区 ---------- */
.ly_newsletter_1 .form_box { width: 47.2%; box-sizing: border-box; }
.ly_newsletter_1 .default_newsletter_form {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
}
.ly_newsletter_1 .default_newsletter_form .text {
    flex-grow: 1;
    max-width: 350px;
    height: 48px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid transparent;
    background-color: #ffffff;
    font-size: 14px;
    color: #333333;
    outline: none;
}
.ly_newsletter_1 .default_newsletter_form .subscribe {
    /* 高度默认跟输入框对齐(48px); 配置里填了高度时由模板内联覆盖 */
    height: 48px;
    line-height: 1;
    box-sizing: border-box;
    padding: 0 20px;
    border: 1px solid transparent;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: color .3s, background-color .3s, border-color .3s;
}

.ly_newsletter_1 .default_newsletter_form .subscribe[data-loading] { opacity: .6; cursor: default; }

/* ---------- 提交提示(email_1.js 按需创建, 见其头注释) ---------- */
.ly_newsletter_1 .subscribe_tip {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.5;
    text-align: right;
}
.ly_newsletter_1 .subscribe_tip[data-tip-type="error"] { color: #ffd6d6; }
.ly_newsletter_1 .subscribe_tip[data-tip-type="success"] { color: #ffffff; }
.ly_newsletter_1 .default_newsletter_form .text.error { border-color: #e34d4d; }

/* ---------- 移动端: 上下堆叠居中(参考站 1000px 断点) ---------- */
@media screen and (max-width: 1000px) {
    .ly_newsletter_1 .newsletter_box {
        flex-wrap: wrap;
        text-align: center;
        padding: 30px 0;
    }
    .ly_newsletter_1 .info_box { width: 100%; }
    .ly_newsletter_1 .form_box { width: 100%; margin-top: 20px; }
    .ly_newsletter_1 .default_newsletter_form { justify-content: center; }
    .ly_newsletter_1 .default_newsletter_form .text { max-width: none; }
    .ly_newsletter_1 .subscribe_tip { text-align: center; }
}