/* 样品申请页快照样式
 * 来源：wierpower.com/样品申请/index.html
 *
 * 该页面完全使用 WP 核心 Gutenberg block 类
 * （wp-block-post-title、wp-block-group.is-style-yith-wonder-group-with-shadow、
 *   wp-block-contact-form-7-contact-form-selector 等），
 * 无自定义类名，CF7 表单由插件自身样式控制。
 * 此文件保留为空规则集，避免死 CSS 孤儿规则。
 */


/* == Sample Request form layout (mirroring ref site) =================== */

/* flex 行：子元素横排 */
.wpcf7-form .flex {
    display: flex !important;
    gap: 16px;
    margin-bottom: 12px;
    align-items: flex-start;
}

/* field_group 可重复行（型号+数量）*/
.wpcf7-form .wpcf7-field-group {
    display: flex !important;
    gap: 16px;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

/* 列宽比例 */
.wpcf7-form .flex-50 { flex: 0 0 calc(50% - 8px); min-width: 0; }
.wpcf7-form .flex-25 { flex: 0 0 calc(25% - 12px); min-width: 0; }
.wpcf7-form .flex-20 { flex: 0 0 calc(20% - 12px); min-width: 0; }

/* label 撑满列宽 */
.wpcf7-form .flex-50 label,
.wpcf7-form .flex-25 label,
.wpcf7-form .flex-20 label {
    display: block;
    width: 100%;
}

/* 通用输入框样式 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 0.95rem;
    color: #333;
    background: #fff;
    outline: none;
    transition: border-color 0.2s;
}

.wpcf7-form input:focus {
    border-color: #c62d50;
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* wpcf7-field-group 内 span 撑满 */
.wpcf7-form .wpcf7-field-group .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* 加减按钮 */
.wpcf7-form .wpcf7-field-group-remove,
.wpcf7-form .wpcf7-field-group-add {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    background: #fff;
    font-size: 1.2rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    transition: all 0.2s;
}

.wpcf7-form .wpcf7-field-group-add {
    background: #c62d50;
    border-color: #c62d50;
    color: #fff;
}

/* 地址单行撑满 */
.wpcf7-form > label,
.wpcf7-form > .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 12px;
}

/* 提交按钮 */
.wpcf7-form [type="submit"] {
    display: block;
    margin: 24px auto 0;
    padding: 12px 48px;
    background-color: #c62d50;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s;
}

.wpcf7-form [type="submit"]:hover { opacity: 0.85; }

/* 预填型号字段样式区分 */
.wpcf7-form input[name="model_number"] {
    background: #fafafa;
}

@media (max-width: 767px) {
    .wpcf7-form .flex,
    .wpcf7-form .wpcf7-field-group {
        flex-direction: column;
        gap: 8px;
    }
    .wpcf7-form .flex-50,
    .wpcf7-form .flex-25,
    .wpcf7-form .flex-20 {
        flex: none;
        width: 100%;
    }
}


/* == Sample Request form layout == */

.wpcf7-form .flex {
    display: flex !important;
    gap: 16px;
    margin-bottom: 12px;
    align-items: flex-start;
}

.wpcf7-form .wpcf7-field-group {
    display: flex !important;
    gap: 16px;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.wpcf7-form .flex-50 { flex: 0 0 calc(50% - 8px); min-width: 0; }
.wpcf7-form .flex-25 { flex: 0 0 calc(25% - 12px); min-width: 0; }
.wpcf7-form .flex-20 { flex: 0 0 calc(20% - 12px); min-width: 0; }

.wpcf7-form .flex-50 label,
.wpcf7-form .flex-25 label,
.wpcf7-form .flex-20 label { display: block; width: 100%; }

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 0.95rem;
    color: #333;
    background: #fff;
    outline: none;
    transition: border-color 0.2s;
}

.wpcf7-form input:focus { border-color: #c62d50; }
.wpcf7-form .wpcf7-form-control-wrap { display: block; width: 100%; }

.wpcf7-form .wpcf7-field-group-remove,
.wpcf7-form .wpcf7-field-group-add {
    flex-shrink: 0;
    width: 32px; height: 32px;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    background: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #555;
    transition: all 0.2s;
}

.wpcf7-form .wpcf7-field-group-add {
    background: #c62d50;
    border-color: #c62d50;
    color: #fff;
}

.wpcf7-form [type='submit'] {
    display: block;
    margin: 24px auto 0;
    padding: 12px 48px;
    background-color: #c62d50;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.2s;
}

.wpcf7-form [type='submit']:hover { opacity: 0.85; }

@media (max-width: 767px) {
    .wpcf7-form .flex,
    .wpcf7-form .wpcf7-field-group { flex-direction: column; gap: 8px; }
    .wpcf7-form .flex-50,
    .wpcf7-form .flex-25,
    .wpcf7-form .flex-20 { flex: none; width: 100%; }
}