/* Mobile tooltip disable - Hide tooltips on mobile devices */

/* Hide tooltips on touch devices and mobile screens */
@media (max-width: 768px), (hover: none) {
    .tooltip {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Disable Bootstrap tooltip initialization on mobile */
    [data-bs-toggle="tooltip"] {
        pointer-events: auto !important;
    }
    
    /* Specifically target back button tooltips */
    .btn[data-bs-toggle="tooltip"],
    .btn-outline-secondary[data-bs-toggle="tooltip"],
    .btn-sm[data-bs-toggle="tooltip"] {
        position: relative;
    }
    
    .btn[data-bs-toggle="tooltip"]:before,
    .btn[data-bs-toggle="tooltip"]:after {
        display: none !important;
    }
}

/* Additional mobile detection for touch-based devices */
@media (pointer: coarse) {
    .tooltip {
        display: none !important;
    }
    
    .tooltip-inner {
        display: none !important;
    }
    
    .bs-tooltip-top,
    .bs-tooltip-bottom,
    .bs-tooltip-left,
    .bs-tooltip-right {
        display: none !important;
    }
}

/* Force disable tooltips on mobile navigation elements */
@media (max-width: 768px) {
    .mobile-navbar [data-bs-toggle="tooltip"],
    .btn-back[data-bs-toggle="tooltip"],
    .navbar [data-bs-toggle="tooltip"] {
        pointer-events: auto;
    }
    
    .mobile-navbar [data-bs-toggle="tooltip"]:hover:before,
    .mobile-navbar [data-bs-toggle="tooltip"]:hover:after,
    .btn-back[data-bs-toggle="tooltip"]:hover:before,
    .btn-back[data-bs-toggle="tooltip"]:hover:after {
        display: none !important;
    }
}