@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';

/* _content/QuoteEngine.Web.Client/Components/Tooltip/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-8bo0quwwgc] {
    cursor: help;
}

.tooltip-wrapper span[b-8bo0quwwgc] {
    visibility: hidden;
    bottom: 120%;
}

.tooltip-wrapper:hover span[b-8bo0quwwgc] {
    visibility: visible;
}


/* Base arrow square (0x0 with borders) */
.tooltip-arrow[b-8bo0quwwgc] {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

/* Placement-specific arrows (match tooltip bg: #2d3748 for bg-gray-800) */

/* Tooltip above trigger → arrow points down, sits at bottom of tooltip */
.arrow-bottom[b-8bo0quwwgc] {
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px; /* adjust spacing */
    border-width: 6px 6px 0 6px; /* top is visible when arrow is above content */
    border-color: #2d3748 transparent transparent transparent;
}

/* Tooltip below trigger → arrow points up, sits at top of tooltip */
.arrow-top[b-8bo0quwwgc] {
    left: 50%;
    transform: translateX(-50%);
    top: -6px;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #2d3748 transparent;
}

/* Tooltip left of trigger → arrow points right, sits at right edge */
.arrow-right[b-8bo0quwwgc] {
    top: 50%;
    transform: translateY(-50%);
    right: -6px;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #2d3748;
}

/* Tooltip right of trigger → arrow points left, sits at left edge */
.arrow-left[b-8bo0quwwgc] {
    top: 50%;
    transform: translateY(-50%);
    left: -6px;
    border-width: 6px 6px 6px 0;
    border-color: transparent #2d3748 transparent transparent;
}