/* Контакти (issue #26, §7) — адреса, email, карта, години, форма,
   одноколонково (Контакти не входить до сектор-нав «Про заклад»). */

.contacts-page {
  max-width: 68ch;
  padding-block: var(--space-9) var(--space-10);
}

.contacts-info p {
  margin-bottom: var(--space-2);
}

.contacts-map {
  margin-top: var(--space-7);
}

.contacts-map iframe {
  display: block;
  border: 1px solid var(--line);
}

.contacts-hours {
  margin-top: var(--space-8);
}

.contacts-hours-note {
  font-size: var(--fs-meta-lg);
  color: var(--muted);
  margin-top: var(--space-2);
}

.contact-form {
  margin-top: var(--space-8);
}

.form-group {
  margin-bottom: var(--space-5);
}

.form-group label {
  display: block;
  font-size: 13px;
  color: var(--body);
  margin-bottom: var(--space-2);
}

.form-group input,
.form-group textarea {
  display: block;
  width: 100%;
  height: 48px;
  border: 1px solid var(--line);
  padding-inline: var(--space-4);
  font-family: inherit;
  font-size: var(--fs-text);
}

.form-group textarea {
  height: auto;
  padding-block: var(--space-3);
}

.form-group input:focus-visible,
.form-group textarea:focus-visible {
  border-color: var(--accent);
}

.form-group input.is-invalid,
.form-group textarea.is-invalid {
  border-color: var(--error);
}

.field-error {
  font-size: 13px;
  color: var(--error);
  margin-top: var(--space-2);
}

/* Сторінка результату форми (issue #27, ревʼю користувацького досвіду)
   — сторінки подяки/помилки раніше рендерились сирим HTML поза шаблоном
   сайту (свій inline-стиль, старий шрифт/палітра, а 400/500 — взагалі
   голий текст без жодного посилання назад). Тепер res.renderPage()
   з тими самими шапкою/футером/навігацією, що й решта сайту. */
.contact-result {
  max-width: 60ch;
  padding-block: var(--space-9) var(--space-10);
}

.contact-result-message {
  margin-top: var(--space-4);
  margin-bottom: var(--space-7);
}