/* Auto-generated theme CSS - Bank of America */

:root {
    --theme-primary: #012169;
    --theme-primary-hover: #011952;
    --theme-primary-dark: #01123a;
    --theme-secondary: #e8eaf6;
    --theme-text-on-primary: #ffffff;
}

/* Header and Navigation */
header, .header, .main-header {
    background-color: #012169 !important;
}

#mobile-menu .mobile-menu-header {
    background: #012169 !important;
}

header a, .header a, .main-header a {
    color: #ffffff !important;
}

/* Primary Buttons */
.btn-primary, button.btn-primary, a.btn-primary,
.bg-primary, .bg-green-600, .bg-green-500 {
    background-color: #012169 !important;
    border-color: #012169 !important;
    color: #ffffff !important;
}

.btn-primary:hover, button.btn-primary:hover, a.btn-primary:hover,
.bg-primary:hover, .hover\:bg-green-700:hover {
    background-color: #011952 !important;
    border-color: #011952 !important;
    color: #ffffff !important;
}

/* Text Colors */
.text-primary, .text-green-600, .text-green-500,
a.text-primary, a.text-green-600 {
    color: #012169 !important;
}

.text-primary:hover, .hover\:text-green-700:hover {
    color: #011952 !important;
}

/* Border Colors */
.border-primary, .border-green-500,
.focus\:border-green-500:focus {
    border-color: #012169 !important;
}

/* Secondary Background */
.bg-green-50, .bg-green-100 {
    background-color: #e8eaf6 !important;
}

/* Loading Spinners */
.loading-spinner, .loading-spinner-lg, .loading-spinner-xl {
    border-top-color: #012169 !important;
}

/* Mobile Menu Icons */
#mobile-menu .mobile-menu-icon,
#mobile-menu .mobile-menu-item.text-primary {
    color: #012169 !important;
}

#mobile-menu .mobile-menu-item.text-primary:hover {
    background-color: #e8eaf6 !important;
}

/* Focus States */
input:focus, textarea:focus, select:focus,
.focus\:ring-green-200:focus {
    box-shadow: 0 0 0 3px #e8eaf6 !important;
}

.favorite-btn.active svg {
    color: #012169 !important;
}

/* Dropdown Selected Options */
.select-option.selected {
    background-color: #012169 !important;
    color: #ffffff !important;
}

.select-option:hover:not(.selected) {
    background-color: #e8eaf6 !important;
}