/* ===================================
   ACTIVE LINK FIX
   Поправка за активни линкови во навигацијата
==================================== */

/* Активен линк - бел текст на градиент позадина */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%) !important;
    box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.3);
}

/* Hover на активен линк */
header .navbar-nav > li.active > a:hover {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #4338CA 0%, #0891B2 100%) !important;
}

/* Неактивни линкови - темен текст */
header .navbar-nav > li:not(.active) > a {
    color: #1F2937;
}

header .navbar-nav > li:not(.active) > a:hover {
    color: #4F46E5;
    background: rgba(79, 70, 229, 0.05);
}

/* Dropdown активен линк */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #4F46E5 !important;
    background: rgba(79, 70, 229, 0.05) !important;
}

/* Dropdown menu активен item */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%) !important;
}

/* Mobile menu активен линк */
@media (max-width: 991px) {
    .navbar-collapse .navbar-nav > .active > a,
    .navbar-collapse .navbar-nav > .active > a:hover,
    .navbar-collapse .navbar-nav > .active > a:focus {
        color: #FFFFFF !important;
        background: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%) !important;
    }
    
    .navbar-collapse .navbar-nav > li:not(.active) > a {
        color: #1F2937 !important;
    }
}

/* Осигурување дека текстот е читлив */
.navbar-nav > li.active > a {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    font-weight: 700;
}

/* Focus state за активен линк */
.navbar-nav > li.active > a:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}