/*================= tooltips (Vue 3 + Tippy v6) ==============*/

/* === Tema blanco con padding === */
.tippy-box[data-theme~='fwl'] {
    width: max-content;
    background-color: #fff;
    color: var(--color-font);
    text-align: center;
    border-radius: 3px;
    padding: .5rem;
    font-size: medium;
    z-index: 1;
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15), 0 4px 80px -8px rgba(36,40,47,.25), 0 4px 4px -2px rgba(91,94,105,.15);
}

    .tippy-box[data-theme~='fwl'][data-placement^='top'] > .tippy-arrow::before {
        border-top-color: #fff;
    }

    .tippy-box[data-theme~='fwl'][data-placement^='bottom'] > .tippy-arrow::before {
        border-bottom-color: #fff;
    }

    .tippy-box[data-theme~='fwl'][data-placement^='left'] > .tippy-arrow::before {
        border-left-color: #fff;
    }

    .tippy-box[data-theme~='fwl'][data-placement^='right'] > .tippy-arrow::before {
        border-right-color: #fff;
    }

/* === Tema blanco sin padding === */
.tippy-box[data-theme~='fwl-no-padding'] {
    width: max-content;
    background-color: #fff;
    color: var(--color-font);
    text-align: center;
    border-radius: 3px;
    padding: 0;
    font-size: medium;
    z-index: 1;
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15), 0 4px 80px -8px rgba(36,40,47,.25), 0 4px 4px -2px rgba(91,94,105,.15);
}

    .tippy-box[data-theme~='fwl-no-padding'][data-placement^='top'] > .tippy-arrow::before {
        border-top-color: #fff;
    }

    .tippy-box[data-theme~='fwl-no-padding'][data-placement^='bottom'] > .tippy-arrow::before {
        border-bottom-color: #fff;
    }

    .tippy-box[data-theme~='fwl-no-padding'][data-placement^='left'] > .tippy-arrow::before {
        border-left-color: #fff;
    }

    .tippy-box[data-theme~='fwl-no-padding'][data-placement^='right'] > .tippy-arrow::before {
        border-right-color: #fff;
    }

/* === Tema blanco pequeño === */
.tippy-box[data-theme~='fwl-small'] {
    width: max-content;
    background-color: #fff;
    color: var(--color-font);
    text-align: center;
    border-radius: 3px;
    padding: .25rem;
    z-index: 1;
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15), 0 4px 80px -8px rgba(36,40,47,.25), 0 4px 4px -2px rgba(91,94,105,.15);
}

    .tippy-box[data-theme~='fwl-small'][data-placement^='top'] > .tippy-arrow::before {
        border-top-color: #fff;
    }

    .tippy-box[data-theme~='fwl-small'][data-placement^='bottom'] > .tippy-arrow::before {
        border-bottom-color: #fff;
    }

    .tippy-box[data-theme~='fwl-small'][data-placement^='left'] > .tippy-arrow::before {
        border-left-color: #fff;
    }

    .tippy-box[data-theme~='fwl-small'][data-placement^='right'] > .tippy-arrow::before {
        border-right-color: #fff;
    }

/* === Tema tipo popup (blanco, sin padding extra) === */
.tippy-box[data-theme~='fwl-popup'] {
    width: max-content;
    background-color: #fff;
    color: var(--color-font);
    text-align: center;
    border-radius: 3px;
    padding: 0;
    z-index: 1;
    box-shadow: 0 0 20px 4px rgba(154,161,177,.15), 0 4px 80px -8px rgba(36,40,47,.25), 0 4px 4px -2px rgba(91,94,105,.15);
}

    .tippy-box[data-theme~='fwl-popup'][data-placement^='top'] > .tippy-arrow::before {
        border-top-color: #fff;
    }

    .tippy-box[data-theme~='fwl-popup'][data-placement^='bottom'] > .tippy-arrow::before {
        border-bottom-color: #fff;
    }

    .tippy-box[data-theme~='fwl-popup'][data-placement^='left'] > .tippy-arrow::before {
        border-left-color: #fff;
    }

    .tippy-box[data-theme~='fwl-popup'][data-placement^='right'] > .tippy-arrow::before {
        border-right-color: #fff;
    }