/**
 * Thaicon Theme — Блок: Виджет обратной связи
 *
 * Использует общие стили .thaicon-form из form_partner.css.
 * Здесь только обёртка блока.
 *
 * @package Thaicon
 */

.block-feedback {
	background: var(--t-white);
	padding: 4rem 0;
}

.block-feedback__container {
                   /* 40px */
	background: var(--t-dark);
	border-radius: 1.875rem;               /* 30px */
	color: var(--t-white);
}


.block-feedback__header {
	margin-bottom: 1.75rem;
	text-align: center;
}

.block-feedback__title {
	font-size: 1.75rem;                    /* 28px */
	font-weight: 700;
	line-height: 1.2;
	color: var(--t-white);
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.block-feedback__subtitle {
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--t-blue-light);
}


/* Инвертированные стили формы на тёмном фоне */

.block-feedback .thaicon-form__input,
.block-feedback .thaicon-form__select,
.block-feedback .thaicon-form__textarea {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(196, 211, 221, 0.2);
	color: var(--t-white);
}

.block-feedback .thaicon-form__input::placeholder,
.block-feedback .thaicon-form__textarea::placeholder {
	color: var(--t-blue-light);
	opacity: 0.7;
}

.block-feedback .thaicon-form__input:focus,
.block-feedback .thaicon-form__textarea:focus {
	background: rgba(255, 255, 255, 0.12);
	border-color: var(--t-blue);
	box-shadow: 0 0 0 3px rgba(126, 165, 186, 0.2);
}

.block-feedback .thaicon-form__select {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%237ea5ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.block-feedback .thaicon-form__checkbox {
	color: var(--t-blue-light);
}

.block-feedback .thaicon-form__checkbox a {
	color: var(--t-blue);
}

.block-feedback .thaicon-form__submit {
	background: var(--t-blue);
	color: var(--t-dark);
	align-self: stretch;
}

.block-feedback .thaicon-form__submit:hover:not(:disabled) {
	background: var(--t-white);
}


@media (max-width: 639px) {
	.block-feedback {
		padding: 30px 0;
	}
	.block-feedback__container {
		margin: 0 15px;
		padding: 24px 20px;
		border-radius: 20px;
	}
	.block-feedback__title {
		font-size: 20px;
	}
	.block-feedback__subtitle {
		font-size: 13px;
	}
}