/* Ultimate Member frontend dark theme */
.um:not(.um-admin),
.um-modal,
.um-popup {
    --um-dark-surface: #242424;
    --um-dark-raised: #303030;
    --um-dark-field: #191919;
    --um-dark-border: #4a4a4a;
    --um-dark-text: #eeeeee;
    --um-dark-muted: #b8b8b8;
    --um-dark-accent: #d4af37;
    color: var(--um-dark-text);
}

.um:not(.um-admin) p,
.um:not(.um-admin) label,
.um:not(.um-admin) .um-field-label,
.um:not(.um-admin) .um-field-value,
.um:not(.um-admin) .um-account-heading,
.um:not(.um-admin) .um-name,
.um-modal,
.um-popup {
    color: var(--um-dark-text);
}

.um:not(.um-admin) a,
.um-modal a,
.um-popup a {
    color: var(--um-dark-accent);
}

.um:not(.um-admin) input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
.um:not(.um-admin) select,
.um:not(.um-admin) textarea,
.um .select2-container .select2-choice,
.um .select2-container--default .select2-selection--single,
.um .select2-container--default .select2-selection--multiple {
    color: var(--um-dark-text) !important;
    background-color: var(--um-dark-field) !important;
    border: 1px solid var(--um-dark-border) !important;
    box-shadow: none !important;
}

.um:not(.um-admin) input::placeholder,
.um:not(.um-admin) textarea::placeholder {
    color: var(--um-dark-muted);
    opacity: 1;
}

.um:not(.um-admin) input:focus,
.um:not(.um-admin) select:focus,
.um:not(.um-admin) textarea:focus {
    border-color: var(--um-dark-accent) !important;
    outline: 2px solid rgba(212, 175, 55, 0.25);
    outline-offset: 1px;
}

.um:not(.um-admin) .um-button,
.um:not(.um-admin) a.um-button,
.um-modal .um-button,
.um-popup .um-button {
    color: #191919 !important;
    background: var(--um-dark-accent) !important;
    border: 1px solid var(--um-dark-accent) !important;
}

.um:not(.um-admin) .um-button:hover,
.um:not(.um-admin) a.um-button:hover,
.um-modal .um-button:hover,
.um-popup .um-button:hover {
    color: #191919 !important;
    background: #e3c45b !important;
}

.um-profile .um-header,
.um-profile.um-viewing .um-field-label,
.um-account-nav a,
.um-account-side li,
.um-account-main div.um-account-heading,
.um-directory .um-member-directory-header,
.um-directory .um-member,
.um-directory .um-members-pagi,
.um .um-field-group-head,
.um .um-field-group-head:hover {
    color: var(--um-dark-text) !important;
    background-color: transparent !important;
    border-color: var(--um-dark-border) !important;
}

.um-account-nav a,
.um-account-nav a.current,
.um-account-name a,
.um-account-side li a,
.um-profile-nav-item a,
.um-profile-nav-item.active a {
    color: var(--um-dark-text) !important;
}

.um-account-nav a:hover,
.um-account-nav a.current,
.um-profile-nav-item.active a {
    background-color: var(--um-dark-raised) !important;
}

.um .um-field-label label,
.um .um-field-checkbox-option,
.um .um-field-radio-option,
.um .um-field-block,
.um .um-field-value,
.um .um-member-name a,
.um .um-member-tagline,
.um .um-member-meta-main {
    color: var(--um-dark-text) !important;
}

.um .um-field-group-head,
.um .um-field-group-head:hover,
.um-profile .um-header,
.um-account-nav a,
.um-profile-nav {
    border-color: var(--um-dark-border) !important;
}

.um .um-field-error {
    color: #ffffff !important;
}

.um p.um-notice.warning {
    color: #f3df9c !important;
    background-color: #3b3320 !important;
    border-color: #76632c !important;
}

.um .select2-dropdown,
.um .select2-container--open .select2-dropdown,
.um .select2-results__option,
.um .um-new-dropdown {
    color: var(--um-dark-text) !important;
    background-color: var(--um-dark-raised) !important;
    border-color: var(--um-dark-border) !important;
}

.um .select2-results__option--highlighted[aria-selected],
.um .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #191919 !important;
    background-color: var(--um-dark-accent) !important;
}

.um-modal .um,
.um-popup .um {
    color: var(--um-dark-text);
    background-color: var(--um-dark-surface);
}
