/* ==========================================================================
   Tooltips — base + dark mode + mobile
   ========================================================================== */

/* Tooltip global (default oscuro tipo pill) */
.tooltip {
    --bs-tooltip-bg: #2d2d3a !important;
    --bs-tooltip-color: #fff !important;
    --bs-tooltip-opacity: 1 !important;
    font-size: 0.875rem;
    z-index: 1060;
}

.tooltip-inner {
    background-color: #2d2d3a !important;
    color: #fff !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #2d2d3a !important;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #2d2d3a !important;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #2d2d3a !important;
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: #2d2d3a !important;
}

/* Tooltips en dark mode — fondo claro con texto oscuro */
[data-bs-theme="dark"] .tooltip-inner {
    background-color: rgba(255, 255, 255, 0.95);
    color: #212529;
}

[data-bs-theme="dark"] .tooltip.bs-tooltip-top .tooltip-arrow::before,
[data-bs-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: rgba(255, 255, 255, 0.95);
}

[data-bs-theme="dark"] .tooltip.bs-tooltip-bottom .tooltip-arrow::before,
[data-bs-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: rgba(255, 255, 255, 0.95);
}

[data-bs-theme="dark"] .tooltip.bs-tooltip-start .tooltip-arrow::before,
[data-bs-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: rgba(255, 255, 255, 0.95);
}

[data-bs-theme="dark"] .tooltip.bs-tooltip-end .tooltip-arrow::before,
[data-bs-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: rgba(255, 255, 255, 0.95);
}

/* Tooltips en mobile dentro del navbar */
@media (max-width: 768px) {
    .navbar-collapse .navbar-actions [data-bs-toggle="tooltip"]:active {
        opacity: 0.8;
    }
}