/* 1. Buttons: Purple background with WHITE text */
.btn-primary, .button, .submit, input[type="submit"], .btn, .nav.nav-tabs li.active > a {
    background-color: #673188 !important;
    border-color: #673188 !important;
    color: #ffffff !important; /* Force text to white on buttons */
}

/* 2. Navigation and top bar elements */
#header, .top-bar, .navbar-inner, .navbar .nav > .active > a {
    background-color: #673188 !important;
    color: #ffffff !important;
}

/* 3. General Links: These remain purple for standard text links */
/* DELETE OR MODIFY THIS OLD RULE */
a, .text-orange, .highlight {
    color: #673188 !important;
}


/* 4. Sidebar and menu active states */
.menu-item.active, .sidebar-nav li.active > a {
    border-left-color: #673188 !important;
    background-color: #F3E5F5 !important; 
}

/* 5. System Variables */
:root {
    --color-navbtn-bg-inter: #673188 !important; 
    --color-navbtn-text-inter: #ffffff !important; 
}
/* 1. Reset Dropdown Button Background and Text */
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle {
    background-color: #f8f9fa !important; /* Standard light gray/white */
    color: #333333 !important;           /* Standard dark text */
    border: 1px solid #ccc !important;
}

/* 2. Reset the Dropdown Arrow (Caret) Color */
.forma-quick-search-form .bootstrap-select button.btn.dropdown-toggle .bs-caret .caret:before {
    color: #333333 !important; /* Changes the orange arrow to dark gray */
}

/* 3. Global fix for the primary color variable (Optional but recommended) */
:root {
    --color-primary: #673188; /* This changes other orange things to purple WITHOUT affecting the dropdowns specifically targeted above */
}

/* Target the specific Admin Menu selectors from your image */
@media (min-width: 768px) {
    /* 1. The main purple background when clicked/active */
    .sm-forma a.highlighted, 
    .sm-forma a:hover, 
    .sm-forma a:focus, 
    .sm-forma a:active {
        background: #673188 !important;
        background-color: #673188 !important;
        color: #ffffff !important; /* Forces text to white */
    }

    /* 2. Fix the box shadow to match the purple theme */
    .sm-forma a.highlighted {
        box-shadow: 0 4px 3px rgba(103, 49, 136, 0.25) !important;
    }
}

/* 3. Global variable override for the Admin Area */
:root {
    --color-primary: #673188 !important;
    --color-primary-text: #ffffff !important;
}
/* 1. Redefine the Secondary color variable to Purple */
:root {
    --color-secondary: #673188 !important;
}

/* 2. Targeted fix for the specific heading selector from your image */
.inline_block_big .heading {
    color: #673188 !important;
}

/* 3. Global fix for all standard heading tags that might still be orange */
h1, h2, h3, h4, h5, h6 {
    color: #673188 !important;
}
/* Specifically target the 'Enter' label inside the course button */
.forma-button-container a span.forma-button_label {
    color: #ffffff !important;
}

/* Also ensure the arrow icon stays white */
.forma-button-container a .forma-button_icon i {
    color: #ffffff !important;
}

/* 1. Change the inactive tabs from orange to a light purple */
.nav-tabs > li > a {
    background-color: #F3E5F5 !important; /* Light purple */
    border-color: #e1bee7 !important;
    color: #673188 !important;           /* Purple text */
}

/* 2. Change the tabs to solid purple when you hover over them */
.nav-tabs > li > a:hover {
    background-color: #673188 !important;
    color: #ffffff !important;           /* White text on hover */
}

/* 3. Ensure the active tab (the one you already fixed) stays dark purple */
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    background-color: #673188 !important;
    color: #ffffff !important;
    border-bottom-color: transparent !important;
}