/**
 * Menu UI Improvements for mb2mcl theme
 * 
 * 1. Standardize menu text capitalization (Title Case)
 * 2. Add proper spacing around breadcrumb arrows
 * 3. Apply consistent styling across all menu levels
 */

/* 1. Menu Text Capitalization - Title Case for all menu items */
.main-nav .nav-item,
.main-nav .dropdown-item,
.main-nav .nav-link,
.main-menu a,
.main-menu .dropdown-menu a,
.navbar-nav .nav-item a,
.navbar-nav .dropdown-item,
.breadcrumb li,
.breadcrumb a,
.breadcrumb span,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item span,
.course-categories a,
.course-category-name,
.coursename,
.dropdown-menu .dropdown-item,
.navbar-nav .nav-link,
.navbar a,
.nav-item a,
.nav-link {
    text-transform: capitalize !important;
}

/* Special handling for specific menu items to maintain proper capitalization */
.main-nav a:contains("ISO"),
.main-menu a:contains("ISO"),
.breadcrumb a:contains("ISO"),
.breadcrumb span:contains("ISO") {
    text-transform: none !important;
}

/* 2. Breadcrumb Arrow Spacing - Add padding around ">" symbols */
.breadcrumb li + li:before,
.breadcrumb-item + .breadcrumb-item:before {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    color: #6c757d !important;
}

/* Additional breadcrumb styling for better visual hierarchy */
.breadcrumb {
    font-size: 0.9rem;
}

.breadcrumb a {
    color: #144858 !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb a:hover {
    color: #0d2e3a !important;
    text-decoration: underline;
}

.breadcrumb .breadcrumb-item:last-child {
    color: #495057;
    font-weight: 500;
}

/* 3. Dropdown menu improvements */
.main-nav .dropdown-menu {
    padding: 0.5rem 0;
}

.main-nav .dropdown-item {
    padding: 0.5rem 1.5rem;
    transition: background-color 0.2s ease;
}

.main-nav .dropdown-item:hover {
    background-color: rgba(20, 72, 88, 0.05);
}

/* Mobile menu adjustments */
@media (max-width: 991px) {
    .sidebar-main-nav .nav-item a,
    .sidebar-main-nav .dropdown-item {
        text-transform: capitalize !important;
    }
    
    /* Mobile breadcrumb spacing */
    .breadcrumb li + li:before,
    .breadcrumb-item + .breadcrumb-item:before {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
}

/* Course navigation menu styling */
.course-navigation .nav-item a,
.course-navigation .dropdown-item {
    text-transform: capitalize !important;
}

/* Secondary navigation styling */
.secondary-navigation .navigation .nav-item a,
.secondary-navigation .dropdown-item {
    text-transform: capitalize !important;
}

/* Fix for "TOTAL COURSES" to "Total Courses" */
.main-nav a:contains("TOTAL"),
.main-menu a:contains("TOTAL"),
.breadcrumb a:contains("TOTAL"),
.breadcrumb span:contains("TOTAL") {
    text-transform: capitalize !important;
}

/* Ensure ISO numbers maintain proper spacing */
.main-nav a,
.main-menu a,
.breadcrumb a,
.breadcrumb span,
.breadcrumb-item a,
.breadcrumb-item span {
    /* This will be handled by JavaScript for proper ISO spacing */
}

/* Additional menu improvements for mb2mcl theme */
.theme-menu {
    text-transform: capitalize !important;
}

/* Dropdown submenu improvements */
.dropdown-submenu > a::after,
.dropdown-toggle::after {
    margin-left: 10px !important;
    margin-right: 5px !important;
}

/* Menu path separator styling */
.menu-path-separator,
.path-separator {
    padding: 0 15px !important;
    color: #666 !important;
}

/* Ensure all navigation links follow the capitalization rule */
#page-header .navbar a,
#region-main .navigation a,
.block_navigation a,
.block_settings a {
    text-transform: capitalize !important;
}