/**
 * Полная заявка на обучение (page-zayavka.php).
 * Дополняет form-short.css; использует переменные темы.
 */
.zayavka-page { padding: 32px 0 64px; }
.zayavka-page__head { max-width: 820px; margin: 0 auto 28px; }
.zayavka-page__title { font-size: clamp(26px, 3.2vw, 38px); font-weight: 800; letter-spacing: -.01em; }
.zayavka-page__oferta { margin-top: 14px; padding: 14px 16px; font-size: 14px; line-height: 1.55;
    color: var(--color-text-light, #6b7280); background: var(--color-bg-gray, #f9fafb);
    border: 1px solid var(--color-border, #e5e7eb); border-radius: var(--radius-md, 10px); }
.zayavka-page__oferta a { color: var(--color-primary, #012DB3); text-decoration: underline; }

/* форма шире, чем короткая */
.psy-zayavka--full { max-width: 820px; margin: 0 auto; gap: 22px; }

.zayavka-sec { border: 1px solid var(--color-border, #e5e7eb); border-radius: var(--radius-lg, 14px);
    padding: 20px 22px; margin: 0; display: flex; flex-direction: column; gap: 16px; background: #fff; }
.zayavka-sec > legend { font-size: 16px; font-weight: 700; color: var(--color-text, #212121); padding: 0 6px; }

.zayavka-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.zayavka-grid .psy-zayavka__field--wide { grid-column: 1 / -1; }

.psy-zayavka__label small { font-weight: 400; color: var(--color-text-muted, #9ca3af); }

.psy-zayavka select,
.psy-zayavka input[type="date"] {
    width: 100%; padding: 12px 14px; font: inherit; color: var(--color-text, #212121);
    background: #fff; border: 1.5px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-md, 10px); transition: border-color var(--transition-fast, .15s ease);
}
.psy-zayavka select:focus,
.psy-zayavka input[type="date"]:focus { outline: none; border-color: var(--color-primary, #012DB3); }

.psy-zayavka input[type="file"] { font: inherit; font-size: 14px; }

.zayavka-radio { display: flex; gap: 18px; align-items: center; padding: 8px 0; }
.zayavka-radio label { display: inline-flex; align-items: center; gap: 7px; font-size: 14.5px; cursor: pointer; }

.zayavka-required { font-size: 13px; color: var(--color-text-light, #6b7280); margin: 0; }
.zayavka-required em { color: var(--color-accent, #C23571); font-style: normal; }

@media (max-width: 640px) {
    .zayavka-grid { grid-template-columns: 1fr; }
}