@media (max-width: 1024px) {
	.hfe-nav-menu__toggle {
		z-index: 999 !important;
	}

	.hfe-nav-menu__toggle .hfe-nav-menu-icon svg {
		width: 28px !important;
		height: 28px !important;
		fill: #00667F !important;
		display: block !important;
	}

	nav.hfe-nav-menu__layout-horizontal {
		width: auto !important;
		max-width: 90vw !important;
	}
}





/* === WPForms 440 — фінальна чиста версія === */

/* Контейнер Elementor — прибрати обмеження */
.elementor-widget-container,
.elementor-shortcode,
.wpforms-container,
.wpforms-field-container {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	align-self: stretch !important;
}

/* === СІТКА 2×2 === */
#wpforms-440 .wpforms-field-container {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	column-gap: 20px !important;
	row-gap: 0px !important;
	align-items: stretch !important;
	justify-items: stretch !important;
	width: 100% !important;
}

/* Повідомлення та кнопка на всю ширину */
#wpforms-440 .wpforms-field-textarea,
#wpforms-440 .wpforms-submit-container {
	grid-column: 1 / -1 !important;
}

/* Поля */
#wpforms-440 .wpforms-field {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

/* Прибрати лейбли */
#wpforms-440 .wpforms-field-label {
	display: none !important;
}

/* === Текст і стилі полів === */
#wpforms-440 input,
#wpforms-440 select,
#wpforms-440 textarea {
	width: 100% !important;
	color: #000 !important;
	font-family: "Roboto Flex", sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
	border: 2px solid #8F8F8F !important;
	border-radius: 0 !important;
	padding: 12px 16px !important;
	background-color: #fff !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease-in-out !important;
}

/* Dropdown — іконка */
#wpforms-440 select {
	appearance: none !important;
	background-position: right 12px center !important;
	background-repeat: no-repeat !important;
	background-size: 18px !important;
	padding-right: 40px !important;
	cursor: pointer !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300667F' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
}

/* Плейсхолдери */
#wpforms-440 input::placeholder,
#wpforms-440 textarea::placeholder,
#wpforms-440 select::placeholder {
	color: #000 !important;
	opacity: 1 !important;
	font-family: "Roboto Flex", sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
}

/* Фокус */
#wpforms-440 input:focus,
#wpforms-440 select:focus,
#wpforms-440 textarea:focus {
	border-color: #00667F !important;
	box-shadow: 0 0 0 3px rgba(0, 102, 127, 0.15) !important;
	outline: none !important;
}

/* === КНОПКА === */
#wpforms-440 .wpforms-submit-container {
	display: flex !important;
	justify-content: flex-start !important;
	margin-top: 20px !important;
}

#wpforms-440 .wpforms-submit {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 221px !important;
	height: 54px !important;
	background: #00667F !important;
	color: #FFF !important;
	font-family: "Roboto Flex", sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: 1.12px !important;
	text-transform: uppercase !important;
	border: none !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	transition: background 0.25s ease !important;
}

#wpforms-440 .wpforms-submit:hover {
	background: #004E61 !important;
}

/* === Адаптив === */
@media (max-width: 767px) {
	#wpforms-440 .wpforms-field-container {
		grid-template-columns: 1fr !important;
		column-gap: 20px !important;
		row-gap: 0px !important;
		/* 🔹 поля щільно одне під одним */
	}

	#wpforms-440 .wpforms-submit-container {
		justify-content: center !important;
	}

	#wpforms-440 .wpforms-submit {
		width: 100% !important;
	}

	#wpforms-440 textarea {
		min-height: 140px !important;
	}
}

/* === FIX: Розтягнути контейнери Elementor === */
.elementor-54 .elementor-element.elementor-element-40ca4119,
.elementor-54 .elementor-element.elementor-element-004458a {
	--width: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 100% !important;
	align-self: stretch !important;
}

/* Дочірні елементи також без обмежень */
.elementor-54 .elementor-element.elementor-element-004458a .elementor-shortcode,
.elementor-54 .elementor-element.elementor-element-004458a .wpforms-container {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ==== 1) Розтягнути віджет у контейнері 3a9b09b2 ==== */
.elementor-54 .elementor-element.elementor-element-3a9b09b2 {
	--align-items: stretch;
	align-items: stretch !important;
}

.elementor-54 .elementor-element.elementor-element-3a9b09b2 .elementor-widget-shortcode {
	align-self: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* ==== 2) Контейнери, що обмежували ширину, — на 100% ==== */
.elementor-54 .elementor-element.elementor-element-40ca4119,
.elementor-54 .elementor-element.elementor-element-004458a {
	--width: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	align-self: stretch !important;
}

/* ==== 3) Зняти спадкові обмеження від WPForms ==== */
#wpforms-440 .wpforms-field.half-left,
#wpforms-440 .wpforms-field.half-right {
	width: 100% !important;
	float: none !important;
	clear: none !important;
}

#wpforms-440 .wpforms-field-medium {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Підчищаємо переповнення елементів */
#wpforms-440 .wpforms-field,
#wpforms-440 input,
#wpforms-440 select,
#wpforms-440 textarea {
	min-width: 0 !important;
}

/* ==== 4) Mobile safety ==== */
@media (max-width: 767px) {
	#wpforms-440 .wpforms-field-container {
		grid-template-columns: 1fr !important;
		row-gap: 0px !important;
		/* 🔹 поля без вертикального відступу */
	}

	#wpforms-440 .wpforms-field {
		width: 100% !important;
		min-width: 0 !important;
	}
}






/* === FIX: прибрати горизонтальний скрол при закритому меню === */
@media (max-width: 1024px) {

	html,
	body {
		overflow-x: hidden !important;
		/* блокуємо горизонтальну прокрутку */
	}

	/* Контейнер меню — поза viewport і не впливає на ширину */
	.elementskit-menu-container {
		position: fixed !important;
		top: 0 !important;
		left: -100vw !important;
		width: 100vw !important;
		height: 100vh !important;
		overflow-y: auto !important;
		/* щоб вертикально скролити сам список */
		background: #fff !important;
		transform: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		z-index: 9999 !important;
		transition: left 0.3s ease, opacity 0.3s ease !important;
	}

	/* Коли активне — рухається у viewport */
	.elementskit-menu-container.active {
		left: 0 !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	/* Overlay поверх — без зсувів */
	.elementskit-menu-overlay {
		position: fixed !important;
		inset: 0 !important;
		background: rgba(0, 0, 0, 0.4) !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transition: opacity 0.3s ease !important;
		z-index: 9998 !important;
	}

	.elementskit-menu-overlay.active {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
}