/* container */
.tooltip-wrap {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* tooltip box */
.tooltip-box {
    position: absolute;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%) scale(0.9);
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    color: #fff;
}

/* arrow */
.tooltip-box::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
}

/* show on hover */
.tooltip-wrap:hover .tooltip-box {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scale(1);
}

/* custom themes */
.tooltip-box.export {
    background: #007bff;
}
.tooltip-box.export::after {
    border-color: #007bff transparent transparent transparent;
}

.tooltip-box.domestic {
    background: #28a745;
}
.tooltip-box.domestic::after {
    border-color: #28a745 transparent transparent transparent;
}