/*
 * Contact section (pages 47 „Контакти" and 49 „За нас") + block hopetv/contact-form.
 * The look is style.css section 22 (.hc-contact*, .hc-form*); this file fits it
 * to the core-block markup and adds the states the server renders.
 */

.wp-block-group.hc-contact { display: flex; flex-wrap: wrap; gap: 14px; }
.hc-contact > *,
.hc-contact__info > *,
.hc-contact__form-wrap > * { margin: 0; }

.wp-block-group.hc-contact__info { padding: clamp(20px, 3vw, 32px); }
.hc-contact__info :is(h1, h2, h3).hc-contact__title {
	margin: 0;
	font-family: var(--hc-font-display);
	font-weight: 800;
	font-size: clamp(22px, 2.8vw, 32px);
	letter-spacing: -.01em;
	text-transform: uppercase;
	line-height: 1;
}
.hc-contact__info p.hc-contact__address { line-height: 1.7; }
.hc-contact__address strong { color: var(--hc-ink); }
.hc-contact__address a { color: inherit; }

/* Social buttons sit at the bottom of the card. */
.wp-block-buttons.hc-contact__social { margin-top: auto; padding-top: 10px; gap: 8px; }
.hc-contact__social .wp-block-button.is-style-chip .wp-block-button__link { min-height: 40px; }
.hc-contact__info { min-height: 0; }

/* The form. */
.hc-contact-form { min-width: 0; }
.hc-form__field select { appearance: none; -webkit-appearance: none; padding-right: 40px; background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%); background-position: calc(100% - 21px) 21px, calc(100% - 15px) 21px; background-size: 6px 6px; background-repeat: no-repeat; }
.hc-form__field select option { background: var(--hc-card); color: var(--hc-ink); }
.hc-form__field :is(input, textarea)::placeholder { color: var(--hc-ink3); opacity: 1; }
.hc-form__field :is(input, select, textarea):focus { border-color: var(--hc-focus); }
.hc-form__field textarea { min-height: 132px; font-family: inherit; }
.hc-form__hp label { display: block; }
.hc-form .hc-form__submit { padding: 0 26px; }
.hc-form .hc-form__submit[disabled] { opacity: .6; cursor: default; }
.hc-form__note--error { color: var(--hc-red-soft); font-weight: 600; }

/* Thank-you panel. */
.hc-form__sent .hc-btn { height: 44px; padding: 0 18px; }
.hc-form__sent p.hc-form__admin-note {
	padding: 10px 14px;
	border-radius: 12px;
	background: var(--hc-chip);
	font-size: 13px;
	line-height: 1.5;
}

/* In the editor the preview is not clickable; keep it readable. */
.editor-styles-wrapper .hc-form__hp { display: none; }