/**
 * HỆ THỐNG GIA CỐ HIỆU ỨNG ÁNH SÁNG KIOSK MAP
 * [GIA CỐ CHỐNG ĐÈ MÀU]: Ép buộc đè bẹp hoàn toàn thuộc tính màu gốc stroke="#000" từ Adobe Illustrator
 */

/* =========================================================================
   1. TRẠNG THÁI MẶC ĐỊNH: Làm mờ tất cả các đường đi để ẩn vào ảnh nền
   ========================================================================= */
.rkm-vector-route {
    stroke: #444444 !important;      /* Ép đường vẽ sang màu xám tối để ẩn đi */
    stroke-width: 3px !important;    /* Độ dày vừa phải ở trạng thái ẩn */
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 0.15 !important;         /* Làm mờ hẳn đi, chỉ để lộ vân nhẹ trên bản đồ */
    fill: none !important;
    transition: stroke 0.4s ease, stroke-width 0.3s ease, filter 0.4s ease, opacity 0.4s ease;
}

/* =========================================================================
   2. TRẠNG THÁI KÍCH HOẠT (NEON FLOW): Đường đi rực sáng khi khách bấm tìm kiếm
   ========================================================================= */
.rkm-vector-route.active-neon {
    stroke: #00f3ff !important;      /* Ép buộc chuyển sang màu xanh Cyan Neon rực rỡ */
    stroke-width: 6px !important;    /* Phóng to gấp đôi độ dày để khách dễ nhìn đường */
    opacity: 1 !important;           /* Hiện rõ ràng 100% */
    
    /* Tạo hiệu ứng dải đèn LED phát quang lan tỏa tỏa bóng chùm */
    filter: drop-shadow(0px 0px 4px #00f3ff) 
            drop-shadow(0px 0px 10px #00f3ff) 
            drop-shadow(0px 0px 20px #00f3ff) !important;
}