/* Simple CSS for dynamic select management */

/* Hide delete button on first select */
.select-wrap:first-of-type .delet_button {
    display: none !important;
}

/* Custom select styling */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/drop_icon.svg");
    background-size: 15px 9px;
    background-position: left 30px center;
    background-repeat: no-repeat;
}

/* Basic spacing for select containers */
.select-wrap {
    margin-bottom: 15px;
}

/* Utility classes for number check workflow */
.visible {
    display: block !important;
}

.visible-flex {
    display: flex !important;
}

.hidden {
    display: none !important;
}

/* Specific overrides for number check blocks */
.load.visible {
    display: block !important;
}

.num-first.visible {
    display: block !important;
}

.num-second.visible {
    display: block !important;
}

.num-finish.visible {
    display: block !important;
}

.error.visible {
    display: block !important;
}

/* Ensure load block shows properly when visible */
#load.visible {
    display: block !important;
}

/* Error text styling for visibility */
#error-text.visible {
    display: block !important;
    color: #e61c1c;
}

#error-text.hidden {
    display: none !important;
}

/* Hide Webflow form messages during number check workflow */
.w-form-done {
    display: none !important;
}

.w-form-fail {
    display: none !important;
}