/* --- AKILLI NEON CSS --- */

/* 1. Tüm Kartları Yakala (İsminde 'Card' geçen her şey) */
div[class*="Card"] {
    /* Zemin Rengi: Koyu ve Şeffaf */
    background-color: rgba(15, 23, 42, 0.7) !important;
    
    /* Buzlu Cam */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* İnce Beyaz Çerçeve */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    
    /* Geçiş Yumuşaklığı */
    transition: all 0.2s ease-in-out !important;
}

/* 2. HOVER EFEKTİ (Fare üzerine gelince) */
/* Kartın üzerine gelince (veya linkin üzerine gelince) */
.services-item:hover div[class*="Card"], 
.bookmark-item:hover div[class*="Card"],
.infowidget:hover div[class*="Card"] {
    
    /* Havaya Kaldır */
    transform: translateY(-8px) !important;
    
    /* Çerçeveyi CARTLAK MAVİ yap */
    border-color: #00e5ff !important;
    border-width: 2px !important;
    
    /* NEON IŞIK (Gölge) */
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.6), inset 0 0 20px rgba(0, 229, 255, 0.1) !important;
    
    /* Arka planı biraz aydınlat */
    background-color: rgba(30, 41, 59, 0.95) !important;
    
    /* En öne getir */
    z-index: 999 !important;
}

/* 3. Yazıları Parlat */
.services-item:hover .service-name, 
.services-item:hover .service-icon {
    color: #ffffff !important;
    filter: drop-shadow(0 0 8px #00e5ff) !important;
    transform: scale(1.1);
}