/* 联系信息页快照样式
 * 来源：wierpower.com/联系信息/index.html
 *
 * 真实自定义类（contact.html 里实际出现的）：
 *   yike-joinus-grid  — 是 wp-block-group.is-layout-grid 的额外 class，控制加入我们区域双栏布局
 *   yike-job-list     — 是 wp-block-tbs-block-content-job-collapse 的额外 class
 *
 * 其余样式由 WP core block-library + TBS 插件 inline CSS 提供，无需在此重复定义。
 * 注：Hero 区/表单区/地图区全部使用 wp-block-cover/wp-block-columns/wp-block-group 核心类，
 *     联系信息文字由 <p> 段落承载，不需要自定义规则。
 */

/* ── 加入我们：左图右岗位 双栏网格 ─────────────── */
.yike-joinus-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px;
    align-items: start;
}

@media (max-width: 767px) {
    .yike-joinus-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ── 招聘岗位折叠列表容器 ─────────────────────── */
/* yike-job-list 是 .wp-block-tbs-block-content-job-collapse 的辅助 class，
   不覆盖 TBS 插件本身的 ant-collapse 样式，只补充容器级别的外观 */
.yike-job-list {
    display: flex;
    flex-direction: column;
    align-self: stretch;
}


/* == CF7 form layout (mirroring ref site) ========================= */

.wpcf7-form .flex {
    display: flex !important;
    gap: 24px;
    align-items: flex-start;
}

.wpcf7-form .flex .col:first-child {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.wpcf7-form .flex .col:last-child {
    flex: 1 !important;
    min-width: 0;
}

.wpcf7-form .row-md-4 { width: 100%; }

.wpcf7-form .wpcf7-form-control.wpcf7-text,
.wpcf7-form .wpcf7-form-control.wpcf7-email,
.wpcf7-form .wpcf7-form-control.wpcf7-tel {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: .95rem;
    color: #333;
    background: #fff;
    outline: none;
    transition: border-color .2s;
}

.wpcf7-form .wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form .wpcf7-form-control.wpcf7-email:focus,
.wpcf7-form .wpcf7-form-control.wpcf7-tel:focus {
    border-color: #c62d50;
}

.wpcf7-form .wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    min-height: 222px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: .95rem;
    color: #333;
    background: #f8f8f8;
    resize: vertical;
    outline: none;
    transition: border-color .2s;
}

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

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

/* submit button */
.wpcf7-form > div > p { text-align: center; margin-top: 24px; }

.wpcf7-form .wpcf7-submit {
    display: inline-block;
    padding: 12px 48px;
    background-color: #c62d50;
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity .2s;
}

.wpcf7-form .wpcf7-submit:hover { opacity: .85; }

.wpcf7-form .wpcf7-not-valid-tip {
    color: #c62d50; font-size: .8em; margin-top: 4px; display: block;
}

.wpcf7-form .wpcf7-form-control.wpcf7-not-valid { border-color: #c62d50; }

@media (max-width: 767px) {
    .wpcf7-form .flex { flex-direction: column; }
    .wpcf7-form .wpcf7-form-control.wpcf7-textarea { min-height: 140px; }
}