/* * File: assets/css/frontend.css 
 * Description: Global static styles for Tooltips
 */
@media (max-width: 1024px) {
    body .tippy-box {
        max-width: 70vw !important;
    }
}
/* Глобальний фікс для Tippy на мобільних, щоб він не вилазив за екран */
@media (max-width: 767px) {
    div[data-tippy-root] {
        max-width: calc(100vw - 20px) !important;
        width: 100% !important;
        pointer-events: none; /* Пропускаємо кліки крізь обгортку, якщо треба */
    }

    div[data-tippy-root] .tippy-box {
        pointer-events: auto; /* Повертаємо кліки самому тултіпу */
        margin: 0 auto !important;
        max-width: 100% !important;
    }
}

/* Додатковий фікс для z-index, якщо перекривається шапкою Elementor */
.tippy-box {
    z-index: 9999 !important;
}