/* ==========================================================================
   Header & Navigation Override
   ========================================================================== */

.bg-light-purple {
    background-color: #a98eda !important; /* Standard Bootstrap Purple */
}

/* Set top header background color to purple */
header,
.header,
#header,
.site-header,
.navbar,
.top-header {
    background-color: #6f42c1 !important; /* Standard Bootstrap Purple */
}

    /* Main Top-Level Navigation Links (White text for dark header background) */
    header > .container-fluid a,
    .navbar > .container-fluid a,
    .navmenu > ul > li > a {
        color: #ffffff !important;
    }

        header > .container-fluid a:hover,
        .navbar > .container-fluid a:hover,
        .navmenu > ul > li > a:hover {
            color: #e0d0ff !important; /* Lighter purple on hover for top links */
        }

/* ==========================================================================
   Dropdown Menu Specific Styles (Keep text black)
   ========================================================================== */

/* Dropdown Sub-menu Container */
.navmenu .dropdown ul {
    background-color: #ffffff !important; /* White background for dropdown menu */
}

    /* Dropdown Menu Items (Forces black text) */
    .navmenu .dropdown ul li a,
    .dropdown-menu a,
    .dropdown-item {
        color: #212529 !important; /* Standard dark/black text */
    }

        /* Dropdown Item Hover State */
        .navmenu .dropdown ul li a:hover,
        .dropdown-menu a:hover,
        .dropdown-item:hover,
        .navmenu .dropdown ul .active {
            color: #6f42c1 !important; /* Purple text on hover/active inside dropdown */
            background-color: #f8f9fa !important; /* Slight off-white background on hover */
        }


/* ==========================================================================
   Global Element & Class Purple Styles
   ========================================================================== */

/* Headings and General Inline Links outside the navbar */
h1, h5,
main a:not(.btn) {
    color: #6f42c1 !important;
}

/* Custom CSS Classes & Component Selectors */
.hero-title,
.section-badge,
.secton-badge,
.section-heading,
.text-primary {
    color: #6f42c1 !important;
}

/* Badges */
.section-badge,
.secton-badge {
    background-color: #f3e8ff !important; /* Light purple background badge */
    color: #6f42c1 !important;
}

/* Buttons (Solid Purple with white text) */
button,
.btn,
.btn-primary,
.btn-donate,
input[type="submit"],
input[type="button"] {
    background-color: #6f42c1 !important;
    border-color: #6f42c1 !important;
    color: #ffffff !important;
}

    /* Button Hover State */
    button:hover,
    .btn:hover,
    .btn-primary:hover,
    .btn-donate:hover,
    input[type="submit"]:hover,
    input[type="button"]:hover {
        background-color: #59359a !important; /* Darker purple on hover */
        border-color: #59359a !important;
        color: #ffffff !important;
    }

/* Utility Class for Primary Backgrounds */
.bg-primary {
    background-color: #6f42c1 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #6f42c1 !important;
    /*color: var(--heading-color);*/
    font-family: var(--heading-font);
}