/*
 * Contact layout and form controls.
 *
 * Loaded on: the "Contact" page template
 * Enqueued by Stylchen\Frontend\Assets.
 */

.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
.contact-form label { display: block; margin-bottom: 5px; color: var(--sc-ink); font-weight: 600; }
.contact-form input, .contact-form textarea { width: 100%; border: 1px solid #ddd; padding: 10px 12px; margin-bottom: 15px; font: inherit; }
.contact-form label small { color: var(--sc-red); font-size: inherit; }
.contact-form__notice { margin: 15px 0 0; border-left: 3px solid #c9043b; padding: 10px 15px; background: #fafafa; color: var(--sc-ink); }
.contact-form__notice--sent { border-left-color: #409240; }

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