/**
 * Dokan ACF Bridge - frontend styles
 *
 * 让 ACF 字段在 Dokan 卖家中心里看起来不突兀。
 */

.dokan-acf-wrapper {
    margin-top: 20px;
}

.dokan-acf-group {
    margin-bottom: 24px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
}

.dokan-acf-group .dokan-section-heading {
    background: #f7f7f7;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 16px;
}

.dokan-acf-group .dokan-section-heading h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.dokan-acf-group .dokan-section-content {
    padding: 16px;
}

/* ACF 自身的 .acf-fields 容器在前端默认有边框，去掉以避免双层框 */
.dokan-acf-group .acf-fields {
    border: none;
    background: transparent;
}

.dokan-acf-group .acf-field {
    border-top: none;
    padding: 10px 0;
}

.dokan-acf-group .acf-field + .acf-field {
    border-top: 1px solid #f0f0f0;
}

.dokan-acf-group .acf-label label {
    font-weight: 600;
    color: #333;
}

.dokan-acf-group .acf-input input[type="text"],
.dokan-acf-group .acf-input input[type="number"],
.dokan-acf-group .acf-input input[type="email"],
.dokan-acf-group .acf-input input[type="url"],
.dokan-acf-group .acf-input input[type="password"],
.dokan-acf-group .acf-input textarea,
.dokan-acf-group .acf-input select {
    width: 100%;
    box-sizing: border-box;
}

/* Repeater 添加按钮跟 Dokan 主题色对齐 */
.dokan-acf-group .acf-repeater .acf-button.button-primary,
.dokan-acf-group .acf-button.button-primary {
    background: #f39c12;
    border-color: #f39c12;
    color: #fff;
}

.dokan-acf-group .acf-repeater .acf-button.button-primary:hover,
.dokan-acf-group .acf-button.button-primary:hover {
    background: #e08e0b;
    border-color: #e08e0b;
}

@media (max-width: 600px) {
    .dokan-acf-group .dokan-section-content {
        padding: 12px;
    }
}