/* Секция формы */
.contact-form-section {
    position: relative !important;
    overflow: hidden !important;
}

/* Шары через псевдоэлементы секции */
.contact-form-section::before {
    content: '' !important;
    position: absolute !important;
    width: 320px !important;
    height: 320px !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    opacity: 0.18 !important;
    background: #F5222D !important;
    left: -80px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.contact-form-section::after {
    content: '' !important;
    position: absolute !important;
    width: 320px !important;
    height: 320px !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    opacity: 0.18 !important;
    background: #F5222D !important;
    right: -80px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Градиенты через дочерний элемент .elementor-widget-container */
.contact-form-section .elementor-widget:first-child .elementor-widget-container {
    position: relative !important;
}

.contact-form-section .elementor-widget:first-child .elementor-widget-container::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 120px !important;
    background: linear-gradient(to bottom, #111111, transparent) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.contact-form-section .elementor-widget:last-child .elementor-widget-container::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 120px !important;
    background: linear-gradient(to top, #111111, transparent) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
/* ============================================================
   GLOBAL ACCENT FIX — brand is always red (#F5222D), NEVER green.
   Woodmart's live primary color is green (#83b735) and WooCommerce
   uses --wc-green (#008a20) for valid form fields / success states.
   Override those green variables to the project red so forms,
   buttons, links, focus rings and notices match the brand.
   ============================================================ */
:root {
    --wd-primary-color: #F5222D !important;       /* woodmart primary accent (was #83b735) */
    --btn-accented-bgcolor: #F5222D !important;    /* accent button bg (was #83b735) */
    --btn-accented-bgcolor-hover: #D4111B !important; /* accent button hover (was #74a32f) */
    --notices-success-bg: #F5222D !important;      /* success notice bg (was #459647) */
    --wc-green: #F5222D !important;                /* WooCommerce green (was #008a20) */
}

/* Validated WooCommerce form fields: neutral border (not green, not alarming red) */
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select,
.woocommerce form .form-row.woocommerce-validated textarea,
.woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection {
    border-color: var(--cs-bdr2, rgba(255,255,255,0.18)) !important;
    box-shadow: none !important;
}

/* Invalid fields: use the brand red */
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid textarea {
    border-color: rgba(245,34,45,0.55) !important;
}