/* Feedback module — front-end styles */
.feedback-module {
    --fb-pad: 32px;
    --fb-radius: 12px;
    --fb-gap: 32px;
    padding: var(--fb-pad);
    border-radius: var(--fb-radius);
    background: #f8fafc;
    color: #1e293b;
}

.feedback-module .feedback-title {
    margin: 0 0 18px;
    font-size: 1.5rem;
    font-weight: 700;
}

.feedback-module .feedback-inner {
    display: flex;
    flex-wrap: wrap;
    gap: var(--fb-gap);
}

/* Две колонки: инфо + форма */
.feedback-module--two .feedback-info-col,
.feedback-module--two .feedback-form-col {
    flex: 1 1 320px;
    min-width: 280px;
}

/* Одна колонка (только форма) */
.feedback-module--single .feedback-form-col {
    flex: 1 1 100%;
    max-width: 560px;
}

.feedback-info-col {
    line-height: 1.6;
    padding: 18px;
    border-radius: 10px;
}
.feedback-info-col h1,
.feedback-info-col h2,
.feedback-info-col h3,
.feedback-info-col h4 {
    margin-top: 0;
}

/* На фоне/градиенте — светлый текст и подложка формы */
.feedback-module[style*="background"] .feedback-title,
.feedback-module[style*="background-image"] .feedback-title {
    color: #fff;
}
.feedback-module[style*="background"] .feedback-info-col,
.feedback-module[style*="background-image"] .feedback-info-col {
    color: #f1f5f9;
}
.feedback-module[style*="background"] .feedback-form-col,
.feedback-module[style*="background-image"] .feedback-form-col {
    background: rgba(255, 255, 255, 0.95);
    padding: 22px;
    border-radius: 10px;
}

/* Согласие */
.feedback-consent {
    margin-top: 12px;
    font-size: 0.82rem;
    line-height: 1.4;
    color: #64748b;
}
.feedback-consent a {
    color: #2563eb;
    text-decoration: underline;
}
.feedback-module[style*="background"] .feedback-consent,
.feedback-module[style*="background-image"] .feedback-consent {
    color: #475569;
}

/* Выбранные вложения */
.feedback-module .feedback-file-list:empty {
    display: none;
}

/* Адаптив */
@media (max-width: 768px) {
    .feedback-module {
        --fb-pad: 18px;
        --fb-gap: 18px;
    }
    .feedback-module .feedback-inner {
        flex-direction: column;
    }
}