/* 1. ANA DROPDOWN KUTUSU, GÖLGE VE YUMUŞAK KÖŞELER */
.navbar .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #2FA4E7 !important; /* Orijinal Cerulean Mavisi */
    border: none !important;
    border-radius: 8px !important; /* Biraz daha modern ve oval köşeler */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important; /* Güçlendirilmiş derinlik gölgesi */
    padding: 8px 0 !important;
}

/* 2. SÜZÜLEREK AÇILMA EFEKTİ (DURAKSAMASIZ GEÇİŞ) */
@media (min-width: 768px) {
    .navbar .dropdown-menu {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        transform: translateY(12px);
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    .navbar .dropdown:hover .dropdown-menu,
    .navbar .open > .dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0px) !important;
    }
}

/* 3. LİNKLERİN TASARIMI VE SATIR ARALIKLARI */
.navbar .dropdown-menu a, 
.navbar .dropdown-menu li a,
.navbar-default .navbar-nav .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff !important; 
    font-weight: 500 !important; 
    text-shadow: none !important; 
    padding: 10px 20px !important; /* Tıklama alanını dikeyde biraz daha büyüttük */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; /* Çok hafif ayıraç çizgisi */
    display: flex !important;
    align-items: center !important;
}

.navbar .dropdown-menu li:last-child a {
    border-bottom: none !important;
}

/* 4. MOUSE İLE ÜZERİNE GELİNDİĞİNDE SAĞA KAYMA VE RENK DEĞİŞİMİ */
.navbar .dropdown-menu a:hover, 
.navbar .dropdown-menu li a:hover {
    color: #ffffff !important; 
    background-color: #1a8ccb !important; /* Hafif koyu modern mavi */
    padding-left: 26px !important; /* Sağa doğru esnek kayma */
    transition: all 0.2s ease !important;
}

/* 5. AKTİF OLUNAN SAYFAYI FARKLI RENKTE GÖSTERME (ACTIVE STATE) */
.navbar .dropdown-menu .active a,
.navbar .dropdown-menu li.active a {
    background-color: #1573a6 !important; /* Aktif sayfayı belli eden koyu ton */
    font-weight: bold !important;
}

/* 6. EĞER PANELDE BİLDİRİM VARSA (BADGE) KÜÇÜK KIRMIZI BİR DAİRE YAP */
.navbar .dropdown-menu .badge {
    background-color: #ff4d4d !important; /* Canlı kırmızı bildirim rengi */
    color: #ffffff !important;
    font-size: 11px !important;
    margin-left: auto !important; /* Bildirimi en sağa yaslar */
    border-radius: 10px !important;
    padding: 3px 7px !important;
}