/* Location Synchronization CSS */

/* Ensure both location elements are always visible and styled consistently */
#lokasiTextShow,
#lokasiTextShow2,
.lokasiTextShow {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #000000 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 0.3px !important;
}

/* Specific styling for header location */
#main-menu-header #lokasiTextShow {
    color: #000000 !important;
    font-weight: bold !important;
}

/* Specific styling for scroll navigation location */
#main-menu #lokasiTextShow2 {
    color: #000000 !important;
    font-weight: bold !important;
    display: inline !important;
    visibility: visible !important;
}

/* Ensure location button in scroll nav is visible and clickable */
#lokasi-ambang {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 999 !important;
}

#lokasi-ambang a.trigerModalLokasi {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1000 !important;
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

#lokasi-ambang a.trigerModalLokasi:hover {
    background: transparent !important;
    text-decoration: none !important;
    outline: none !important;
}

#lokasi-ambang a.trigerModalLokasi:focus {
    background: transparent !important;
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

#lokasi-ambang a.trigerModalLokasi:active {
    background: transparent !important;
    text-decoration: none !important;
    outline: none !important;
}

#lokasi-ambang a.trigerModalLokasi i {
    color: #000000 !important;
    font-weight: bold !important;
    margin-right: 8px !important;
    pointer-events: none !important;
}

#lokasi-ambang a.trigerModalLokasi span {
    color: #000000 !important;
    font-weight: bold !important;
    pointer-events: none !important;
}

/* Ensure clickability - remove any overlapping elements */
html body .header-style2 .category-header7 .category-contain .category-right .menu-block nav#main-nav ul#main-menu li#lokasi-ambang a.trigerModalLokasi {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 1000 !important;
    position: relative !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Override any JavaScript-applied styles that might interfere */
html body .header-style2 .category-header7 .category-contain .category-right .menu-block nav#main-nav ul#main-menu li#lokasi-ambang a.trigerModalLokasi:hover,
html body .header-style2 .category-header7 .category-contain .category-right .menu-block nav#main-nav ul#main-menu li#lokasi-ambang a.trigerModalLokasi:focus,
html body .header-style2 .category-header7 .category-contain .category-right .menu-block nav#main-nav ul#main-menu li#lokasi-ambang a.trigerModalLokasi:active {
    pointer-events: auto !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Force clickability with maximum specificity */
body .category-header7 #main-nav #main-menu #lokasi-ambang a.trigerModalLokasi {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 1001 !important;
}

/* Force visibility with highest specificity */
html body .header-style2 .category-header7 .category-contain .category-right .menu-block nav#main-nav ul#main-menu li#lokasi-ambang a.trigerModalLokasi span#lokasiTextShow2 {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #000000 !important;
    font-weight: bold !important;
}

/* Hover effects */
#lokasi-ambang a.trigerModalLokasi:hover span,
#lokasi-ambang a.trigerModalLokasi:hover i,
.trigerModalLokasi:hover .lokasiTextShow {
    color: #dc3545 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    #lokasiTextShow,
    #lokasiTextShow2,
    .lokasiTextShow {
        font-size: 10px !important;
        letter-spacing: 0.2px !important;
    }
    
    #lokasi-ambang a.trigerModalLokasi {
        padding: 3px 6px !important;
    }
}

@media (max-width: 480px) {
    #lokasiTextShow,
    #lokasiTextShow2,
    .lokasiTextShow {
        font-size: 9px !important;
        letter-spacing: 0.1px !important;
    }
    
    #lokasi-ambang a.trigerModalLokasi {
        padding: 2px 4px !important;
    }
}