/* ==========================================================================
   UNR WEBCAMPUS COMPONENT SUITE - THEME CSS OVERRIDES
   ========================================================================== */

/* Block Native jQuery UI Blue Overrides */
.unr-suite-tabs.enhanceable_content.tabs .ui-tabs-nav li,
.enhanceable_content.tabs.vertical-tabs .ui-tabs-nav li,
.unr-suite-tabs.enhanceable_content.tabs .ui-tabs-nav li.ui-state-active,
.enhanceable_content.tabs.vertical-tabs .ui-tabs-nav li.ui-state-active,
.unr-suite-tabs.enhanceable_content.tabs .ui-tabs-nav li.ui-state-focus,
.enhanceable_content.tabs.vertical-tabs .ui-tabs-nav li.ui-state-focus,
.enhanceable_content.tabs .ui-tabs-nav li.ui-tabs-active {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.unr-suite-tabs.enhanceable_content.tabs ul li.ui-state-active a,
.unr-suite-tabs.enhanceable_content.tabs ul li.ui-state-active a:link,
.unr-suite-tabs.enhanceable_content.tabs ul li.ui-state-active a:visited,
.enhanceable_content.tabs.vertical-tabs ul li.ui-state-active a,
.enhanceable_content.tabs.vertical-tabs ul li.ui-state-active a:link,
.enhanceable_content.tabs.vertical-tabs ul li.ui-state-active a:visited {
    background: none;
    box-shadow: none !important;
}

/* Vertical Tab Layout */
.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs,
.enhanceable_content.tabs.vertical-tabs {
    display: flex !important;
    align-items: stretch !important;
    gap: 20px !important;
    box-sizing: border-box !important;
}

.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs ul.ui-tabs-nav,
.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs ul,
.enhanceable_content.tabs.vertical-tabs ul.ui-tabs-nav,
.enhanceable_content.tabs.vertical-tabs ul {
    float: none !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs ul li,
.enhanceable_content.tabs.vertical-tabs ul li {
    float: none !important;
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    box-sizing: border-box !important;
}

.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs .ui-tabs-panel,
.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs > div[id^="tab-"],
.enhanceable_content.tabs.vertical-tabs .ui-tabs-panel,
.enhanceable_content.tabs.vertical-tabs > div[id^="tab-"] {
    float: none !important;
    width: calc(100% - 240px) !important;
    flex-grow: 1 !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Base Inactive Tab Styling (Preserves border-radius for JS handler) */
.unr-suite-tabs.enhanceable_content.tabs .ui-tabs-nav li a,
.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs ul li a,
.enhanceable_content.tabs.vertical-tabs ul li a {
    background-color: #f0f0f0;
    color: #3A3B3E !important;
    font-weight: bold !important;
    border: none !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* Tab Hover State */
.unr-suite-tabs.enhanceable_content.tabs .ui-tabs-nav li a:hover,
.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs ul li a:hover,
.enhanceable_content.tabs.vertical-tabs ul li a:hover {
    background-color: #e2e3e5 !important;
    color: #041E42 !important;
}

/* Tab Active State */
.unr-suite-tabs.enhanceable_content.tabs .ui-tabs-nav li.ui-tabs-active a,
.unr-suite-tabs.enhanceable_content.tabs .ui-tabs-nav li.ui-state-active a,
.unr-suite-tabs.enhanceable_content.tabs.vertical-tabs ul li.ui-tabs-active a,
.enhanceable_content.tabs.vertical-tabs ul li.ui-state-active a {
    background-color: #041E42 !important;
    color: #ffffff !important;
}

/* Navigation Notification Badges */
.menu-item__badge,
.nav-badge {
    background-color: #fa4300 !important;
}