.hc-form-panel,
.wp-block-search {
	background: var(--hs-color-surface);
	border: 1px solid var(--hs-color-border);
	border-radius: var(--hs-radius-lg);
	box-shadow: var(--hs-shadow-subtle);
	padding: clamp(1.15rem, 3vw, 2rem);
	width: 100%;
}

label,
.wp-block-search__label {
	color: var(--hs-color-charcoal);
	display: block;
	font-size: var(--hs-font-size-sm);
	font-weight: 700;
	line-height: var(--hs-line-height-ui);
	margin-block-end: var(--hs-space-xs);
}

input,
select,
textarea,
.wp-block-search__input {
	background: var(--hs-color-white);
	border: 1px solid var(--hs-color-border);
	border-radius: var(--hs-radius-sm);
	color: var(--hs-color-charcoal);
	font: inherit;
	line-height: var(--hs-line-height-ui);
	min-height: 46px;
	padding: 0.8rem 0.95rem;
	width: 100%;
}

textarea {
	min-height: 150px;
	resize: vertical;
}

input:focus,
select:focus,
textarea:focus,
.wp-block-search__input:focus {
	border-color: var(--hs-color-burgundy);
	box-shadow: 0 0 0 3px rgba(128, 0, 32, 0.13);
	outline: 0;
}

button,
input[type="button"],
input[type="submit"],
.wp-block-search__button {
	background: var(--hs-color-burgundy);
	border: 1px solid var(--hs-color-burgundy);
	border-radius: var(--hs-radius-sm);
	color: var(--hs-color-white);
	cursor: pointer;
	font-family: var(--hs-font-body);
	font-weight: 700;
	min-height: 46px;
	padding: 0.8rem 1.15rem;
}

.wp-block-search__inside-wrapper {
	display: flex;
	gap: var(--hs-space-sm);
}

@media (max-width: 640px) {
	.wp-block-search__inside-wrapper {
		flex-direction: column;
	}
}