/**
 * Bootstrap 5 Tooltip Hide CSS
 * 
 * Purpose: Temporarily hide Bootstrap 5 tooltips in submit forms
 * Note: This is a temporary CSS solution until the tooltip settings are properly configured
 * 
 * @since 3.0.0.530
 */

/* Hide all Bootstrap 5 tooltips globally */
.tooltip.bs-tooltip-top,
.tooltip.bs-tooltip-bottom,
.tooltip.bs-tooltip-start,
.tooltip.bs-tooltip-end,
.tooltip.bs-tooltip-auto {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Additional selector for any tooltip class */
.tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Hide tooltip arrows */
.tooltip-arrow {
    display: none !important;
}

/* Hide tooltip inner content */
.tooltip-inner {
    display: none !important;
}

/* Prevent tooltip from showing on hover for elements with data-bs-toggle="tooltip" */
[data-bs-toggle="tooltip"]:hover::after,
[data-bs-toggle="tooltip"]:focus::after {
    display: none !important;
}

/* Specifically target submit form tooltips if they have specific classes */
.lava-item-add-form .tooltip,
.submit-form .tooltip,
#lvltForm .tooltip {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Remove pointer events from tooltips to prevent interaction */
.tooltip {
    pointer-events: none !important;
}

/* Alternative method using position */
.tooltip.show {
    position: fixed !important;
    top: -9999px !important;
    left: -9999px !important;
}

/* For dynamically inserted tooltips */
body > .tooltip {
    display: none !important;
}

/* Disable tooltip transitions to prevent flashing */
.tooltip.fade {
    transition: none !important;
}