/* navbar.css */

/* --- RESET DHE RREGULLA UNIVERSALE --- */
* { box-sizing: border-box; }
body { margin: 0; padding: 0; }
a, button { text-decoration: none !important; outline: none !important; }

/* --- KONTEINERI FIX (STICKY) --- */
.nav-container-fixed {
    position: sticky;
    top: 0;
    z-index: 10000;
    width: 100%;
}

/* --- 1. SHIRITI I ADMINIT --- */
.asuc-admin-strip { 
    background-color: #c0392b !important; 
    width: 100% !important; 
    border-bottom: 2px solid #962d22 !important; 
    padding: 0 !important; 
    margin: 0 !important;
}

.asuc-nav-container { 
    max-width: 1250px !important; 
    margin: 0 auto !important; 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important; 
    padding: 6px 15px !important; 
}

.admin-info-text { 
    color: white !important; 
    font-size: 13px !important; 
    font-family: 'Montserrat', sans-serif; 
}

.admin-links-area { 
    display: flex !important; 
    gap: 8px !important; 
    align-items: center !important; 
}

.admin-links-area a { 
    color: white !important; 
    font-size: 11px !important; 
    font-weight: bold !important; 
    padding: 4px 10px !important; 
    background: rgba(0,0,0,0.2) !important; 
    border-radius: 3px !important;
    display: flex;
    align-items: center;
    gap: 5px;
}

.asuc-logout-btn { 
    background: #2c3e50 !important; 
}

/* --- 2. NAVIGACIONI KRYESOR --- */
.main-navbar {
    background-color: #c0392b !important; 
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.nav-wrapper {
    max-width: 1250px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 65px;
}

.nav-item, .drop-btn {
    color: #ffffff !important; 
    padding: 0 18px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    height: 65px;
    border: none;
    background: none;
    cursor: pointer;
    transition: 0.3s;
    gap: 8px;
}

.nav-item:hover, .nav-dropdown:hover .drop-btn {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* --- DROPDOWN --- */
.nav-dropdown { position: relative; height: 100%; }

.drop-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 220px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
    top: 65px;
    z-index: 10001;
    border-top: 3px solid #2c3e50;
}

.nav-dropdown:hover .drop-content { 
    display: block !important; 
}

.drop-content a {
    color: #2c3e50 !important;
    padding: 12px 20px;
    display: block;
    font-size: 13px;
    border-bottom: 1px solid #f1f1f1;
}

.drop-content a:hover { 
    background-color: #f8f9fa !important; 
    color: #c0392b !important; 
}

/* --- BUTONI NAJAVA --- */
.nav-login-wrapper { margin-left: auto; padding-right: 15px; }

.nav-login-btn {
    background-color: #ffffff !important;
    color: #c0392b !important;
    padding: 8px 20px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
}

/* --- MOBILE & BURGER ICON --- */
.mobile-icon { 
    display: none !important; 
}

@media screen and (max-width: 1100px) {
    .mobile-icon { 
        display: block !important; 
        color: white; 
        font-size: 26px; 
        margin-left: auto; 
        padding-right: 20px; 
        cursor: pointer;
    }
    
    .nav-item, .nav-dropdown, .nav-login-wrapper { display: none; }
    
    .nav-wrapper.responsive { flex-direction: column; height: auto; padding-bottom: 10px; }
    .nav-wrapper.responsive .nav-item, 
    .nav-wrapper.responsive .nav-dropdown, 
    .nav-wrapper.responsive .nav-login-wrapper { 
        display: block; 
        width: 100%; 
        height: auto; 
        text-align: left; 
    }
    .nav-wrapper.responsive .drop-content { 
        position: static; 
        display: block; 
        background: #a93226; 
        border: none; 
        box-shadow: none; 
    }
    .nav-wrapper.responsive .drop-content a { color: white !important; padding-left: 40px; }
}