/* Site-specific rules recovered from the production theme's header.php. */
.custom_title,
.wpcf7-response-output {
	color: white !important;
}
form [type="button"]:focus,
[type="button"]:hover,
[type="submit"]:focus,
[type="submit"]:hover,
button:focus,
button:hover {
	background-color: #02e5024a !important;
}
.uc_icon_carousel_content > .ue-item-icon {
	display: none !important;
}
.uc_icon_carousel_content > .uc_icon_carousel_title > p {
	display: flex !important;
	align-items: center !important;
	column-gap: 5px !important;
	margin-bottom: 0;
}
.uc_icon_carousel_content .uc_icon_carousel_text {
	margin-top: 0;
}
@media (max-width: 1050px) {
	/* Elementor 4 убрал обёртку .elementor-row: колонки лежат прямо в .elementor-container. */
	.custom__grid__row .elementor-row,
	.custom__grid__row > .elementor-container {
		display: grid;
		grid-template-columns: 32px 1fr;
		row-gap: 10px;
	}
	.custom__grid__row .elementor-column {
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	.custom__grid__row .elementor-container {
		margin-left: 0 !important;
	}
	.custom__class__benefits .uc_icon_carousel_content {
		flex-direction: column;
	}
}
/* The original Customizer CSS clipped .elementor-section-wrap. Elementor 4
   removed that wrapper, so decorative absolute widgets need the new root. */
.elementor[data-elementor-type="wp-page"],
.elementor[data-elementor-type="wp-post"],
.elementor[data-elementor-type="single-post"],
.elementor[data-elementor-type="archive"],
.elementor[data-elementor-type="product"],
.elementor[data-elementor-type="product-archive"],
.elementor[data-elementor-type="footer"] {
    overflow: hidden !important;
}

/* Hello's dark-blue link hover and Woo's light-theme button states disappear
   against this site's dark surfaces. Keep interaction states in its palette. */
body.elementor-kit-7 a:is(:hover, :focus-visible, :active) {
    color: #02e502;
}
body.elementor-kit-7 .elementor-icon:is(:hover, :focus-visible) {
    color: #02e502;
}
body.elementor-kit-7 :is(a.button, button.button, input.button, .elementor-button, input.wpcf7-submit):not(:disabled):not(.disabled):is(:hover, :focus-visible) {
    color: #fff !important;
    background-color: #164b16 !important;
    border-color: #02e502 !important;
}
body.elementor-kit-7 :is(a, button, input[type="submit"]):focus-visible {
    outline: 2px solid #02e502;
    outline-offset: 3px;
}
#elementor-popup-modal-548 .agro-header-cart li.mini_cart_item a:not(.remove):is(:hover, :focus-visible) {
    color: #02e502;
}

/* Easy Product Bundles 6.22: JS заменяет основную цену комплекта блоком .asnp-mainPrice
   со своими стилями (15–17px, серый #606060). Возвращаем вид цены как у обычного товара (prod, Bundles 4.0). */
p.price .asnp-mainPrice,
p.price .asnp-mainPrice .asnp-totalPrice-section {
    display: inline;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
}
p.price .asnp-mainPrice .asnp-totalPrice-section .woocommerce-Price-amount.amount {
    color: inherit;
}

/* «Где мы работаем»: на проде у планшета/телефона указан отдельный фон Где-мы-работаем-1.png,
   которого нет на сервере (404) — фактически фона на этих ширинах нет. Ссылка на 404 удалена из Elementor,
   поэтому без этого правила подставлялся бы десктопный фон-надпись (задвоение заголовка). */
@media (max-width: 1024px) {
    .elementor-31 .elementor-element.elementor-element-308161b,
    .elementor-400 .elementor-element.elementor-element-4065187 {
        background-image: none !important;
    }
}

/* WooCommerce 11 сделал рамку форм rgba(51,51,51,.2) — на тёмном фоне её не видно.
   На проде (WooCommerce 6.8) рамка светло-серая #d3ced2. */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_coupon,
.woocommerce form.lost_reset_password {
    border-color: #d3ced2;
}

/* Keep the header's phone number together instead of wrapping at a hyphen. */
.elementor-location-header .elementor-element-65aa9c7 a[href^="tel:"] {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
    width: max-content;
    white-space: nowrap;
}
.elementor-location-header .elementor-element-65aa9c7 .elementor-icon-list-icon {
    flex: 0 0 26px;
    width: 26px;
}
.elementor-location-header .elementor-element-65aa9c7 .elementor-icon-list-icon svg {
    width: 26px;
    height: 26px;
    margin: 0;
}
.elementor-location-header .elementor-element-65aa9c7 .elementor-icon-list-text {
    flex: 0 0 auto;
    padding: 0;
    white-space: nowrap;
}