/* Match the two contact pages' existing icons without relying on field order. */
body:is(.page-id-3218, .page-id-3222) .elementor-widget-form .elementor-form .elementor-field-group.elementor-field-group-serie::before,
body:is(.page-id-3218, .page-id-3222) .elementor-widget-form .elementor-form .elementor-field-group.elementor-field-group-mensagem::before {
    position: absolute;
    left: 20px;
    top: 16px;
    z-index: 1;
    margin: 0;
    padding: 0;
    opacity: .4;
    transform: scale(.75);
    pointer-events: none;
}

body:is(.page-id-3218, .page-id-3222) .elementor-widget-form .elementor-form .elementor-field-group.elementor-field-group-serie::before {
    content: "";
    width: 25px;
    height: 25px;
    background-color: #999;
    -webkit-mask: url("icons/f-serie-solid.svg") center / contain no-repeat;
    mask: url("icons/f-serie-solid.svg") center / contain no-repeat;
}

body:is(.page-id-3218, .page-id-3222) .elementor-widget-form .elementor-form .elementor-field-group.elementor-field-group-mensagem::before {
    content: url("https://cordeldavila.com.br/wp-content/uploads/2023/02/pencil-1-1.svg");
}

body:is(.page-id-3218, .page-id-3222) .elementor-widget-form .elementor-form .elementor-field-group-serie .elementor-select-wrapper select {
    padding-left: 50px;
    padding-right: 40px;
}

/* Elementor renders input placeholders at 60% opacity. Keep selected values
   fully opaque, and match only the select's empty placeholder to that color. */
body:is(.page-id-3218, .page-id-3222) .elementor-widget-form .elementor-form .elementor-field-group-serie select:required:invalid {
    color: rgba(112, 112, 112, .6);
    color: color-mix(in srgb, var(--e-global-color-text, #707070) 60%, transparent);
}

body:is(.page-id-3218, .page-id-3222) .elementor-widget-form .elementor-form .elementor-field-group-serie select option {
    color: var(--e-global-color-text, #707070);
}