/* UX Form - Underline Style */
.form-underline input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
.form-underline select,
.form-underline textarea {
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: currentColor !important;
}

.form-underline input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):focus,
.form-underline select:focus,
.form-underline textarea:focus {
    border-bottom-color: var(--fs-color-primary, #c6a36d) !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Dark Mode & Nav Dark */
.dark .form-underline input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
.dark .form-underline select,
.dark .form-underline textarea,
.nav-dark .form-underline input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),
.nav-dark .form-underline select,
.nav-dark .form-underline textarea {
    background-color: transparent !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-color: rgba(255, 255, 255, 0.25) !important;
    color: #fff !important;
}

.dark .form-underline input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):focus,
.dark .form-underline select:focus,
.dark .form-underline textarea:focus,
.nav-dark .form-underline input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]):focus,
.nav-dark .form-underline select:focus,
.nav-dark .form-underline textarea:focus {
    border-bottom-color: var(--fs-color-primary, #c6a36d) !important;
}

.dark .form-underline select option {
    background-color: #222;
    color: #fff;
}