/* ==========================================================================
   supplier-quote.css
   用途：让 supplier 页面的评论表单 label-input 单列对齐
   liuyan.php 用自写 HTML，所以选择器是 id/class 直接打靶
   ========================================================================== */

/* ---- 覆盖主题的伪元素 label 方案（gather.css 585-586） ----
   主题原本用 .comment-form-comment::before 注入 "供应详情 *"，并隐藏真实 label。
   我们改为：让真实 label 显示，让 ::before 内容清空。 */
.supplier-quote-form .comment-form-comment::before {
    content: none !important;
}
.supplier-quote-form .comment-form-comment label {
    display: block !important;
}

/* ---- 容器 ---- */
.supplier-quote-form {
    margin: 30px auto !important;
    max-width: 720px;
    padding: 0 15px;
}

/* ---- 必填红 * 标记 ---- */
.supplier-quote-form .required-glyph {
    color: #c00 !important;
    font-weight: bold !important;
    margin-left: 4px;
}

/* ---- 标题 ---- */
.supplier-quote-form #reply-title {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 18px 0 !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/* ---- 提示文字 ---- */
.supplier-quote-form .comment-notes {
    color: #888;
    font-size: 13px;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

/* ============================================================
   所有字段：label 左 + input 右（flexbox 单列布局）
   ============================================================ */
.supplier-quote-form #commentform p,
.supplier-quote-form .sunlife-supplier-quote p {
    display: flex !important;
    align-items: flex-start !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

/* ---- label 固定宽度 120px，右对齐 ---- */
.supplier-quote-form #commentform p > label,
.supplier-quote-form .sunlife-supplier-quote p > label {
    flex: 0 0 120px !important;
    display: block !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: right !important;
    padding: 9px 14px 0 0 !important;
    margin: 0 !important;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
    background: transparent !important;
    border: none !important;
}

/* ============================================================
   input 样式统一
   ============================================================ */
.supplier-quote-form #commentform input[type="text"],
.supplier-quote-form #commentform input[type="email"],
.supplier-quote-form .sunlife-supplier-quote input[type="text"],
.supplier-quote-form .sunlife-supplier-quote input[type="email"],
.supplier-quote-form #commentform textarea {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100%;
    padding: 8px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    height: auto !important;
    display: block !important;
}
.supplier-quote-form #commentform textarea {
    min-height: 120px !important;
    line-height: 1.6 !important;
    resize: vertical;
    font-family: inherit;
}
.supplier-quote-form #commentform input[type="text"]:focus,
.supplier-quote-form #commentform input[type="email"]:focus,
.supplier-quote-form .sunlife-supplier-quote input[type="text"]:focus,
.supplier-quote-form .sunlife-supplier-quote input[type="email"]:focus,
.supplier-quote-form #commentform textarea:focus {
    border-color: #66afe9 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,239,.6) !important;
}

/* ---- 自定义字段外层 ---- */
.supplier-quote-form .sunlife-supplier-quote {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

/* ---- 提交按钮 ---- */
.supplier-quote-form .form-submit {
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: block !important;
}
.supplier-quote-form input#submit {
    background: #337ab7 !important;
    border: 1px solid #2e6da4 !important;
    color: #fff !important;
    padding: 8px 28px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    display: inline-block !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background 0.15s ease-in;
}
.supplier-quote-form input#submit:hover {
    background: #286090 !important;
    border-color: #204d74 !important;
}

/* ---- 响应式：窄屏 label 改成顶部 ---- */
@media (max-width: 600px) {
    .supplier-quote-form #commentform p,
    .supplier-quote-form .sunlife-supplier-quote p {
        flex-direction: column !important;
    }
    .supplier-quote-form #commentform p > label,
    .supplier-quote-form .sunlife-supplier-quote p > label {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        text-align: left !important;
        padding: 0 0 4px 0 !important;
    }
}