/* ====== НАСТРОЙКИ ТУЛТИПОВ ====== */
:root {
    --tooltip-bg: #1029;
    --tooltip-color: #fff;
    --tooltip-color-bold: #fff;
    --tooltip-padding: 0.6em 1.2em;
    --tooltip-border-radius: 0.5em;
    --tooltip-font-size: 0.9em;
    --tooltip-max-width: 50em;
    --tooltip-min-width: 3em;
    --tooltip-min-height: 1em;
    --tooltip-line-height: 1.5;
    --tooltip-arrow-size: 0.5em;
    --tooltip-offset: 0;
    --tooltip-fade-duration: 50ms;
    --tooltip-z-index: 20000;
}

/* ====== ОСНОВНЫЕ СТИЛИ ====== */
.custom-tooltip {
    position: absolute;
    color: var(--tooltip-color);
    font-size: var(--tooltip-font-size);
    max-width: var(--tooltip-max-width);
    z-index: var(--tooltip-z-index);
    pointer-events: none;
    line-height: var(--tooltip-line-height);
    backdrop-filter: blur(3px);
    border-radius: var(--tooltip-border-radius);
    box-shadow: 0 0 0 2px #fff1;
}

/* SVG контейнер для облачка с стрелкой */
.custom-tooltip .tooltip-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}

/* Контент тултипа */
.custom-tooltip .tooltip-content {
    position: relative;
    padding: var(--tooltip-padding);
    white-space: pre-line;
    z-index: 1;
    min-width: var(--tooltip-min-width);
    min-height: var(--tooltip-min-height);
}

/* Жирный текст в тултипе */
.custom-tooltip .tooltip-content b,
.custom-tooltip .tooltip-content strong {
    color: var(--tooltip-color-bold);
    font-weight: normal!important;
    font-family: var(--text-font);
}

/* Позиционирование контента в зависимости от направления стрелки */
.custom-tooltip.arrow-top .tooltip-content {
    /* Контент остается на месте, SVG смещается */
}

.custom-tooltip.arrow-bottom .tooltip-content {
    top: var(--tooltip-arrow-size);
}

.custom-tooltip.arrow-left .tooltip-content {
    /* Контент остается на месте, SVG смещается */
}

.custom-tooltip.arrow-right .tooltip-content {
    left: var(--tooltip-arrow-size);
}

/* ====== ВАРИАЦИИ ТУЛТИПОВ ====== */

/* Большой тултип для стресс-тестов */
.custom-tooltip.stress-test {
    max-width: 50em;
    font-size: 0.85em;
}

/* Компактный тултип */
.custom-tooltip.compact {
    max-width: 12em;
    font-size: 0.8em;
    padding: 0.4em 0.6em;
}