/* Tooltip Purple - Global application tooltip style */

/* Custom tooltip structure with purple theme */
.tooltip-purple .tooltip-inner {
    background-color: white;
    padding: 0;
    border: 2px solid #5a2d82;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    text-align: left;
    max-width: 350px;
}

.tooltip-purple-title {
    background-color: #5a2d82;
    color: white;
    padding: 10px 14px;
    font-weight: 700;
    font-size: 0.95rem;
    margin: 0;
}

.tooltip-purple-body {
    background-color: white;
    color: #212529;
    padding: 10px 14px;
    font-size: 0.875rem;
    line-height: 1.5;
}

.tooltip-purple-body-line {
    margin-bottom: 4px;
}

.tooltip-purple-body-line:last-child {
    margin-bottom: 0;
}

.tooltip-purple-notes {
    font-style: italic;
    color: #6c757d;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #e9ecef;
}

/* Override Bootstrap tooltip arrow to match purple theme */
.tooltip-purple.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #5a2d82;
}

.tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #5a2d82;
}

.tooltip-purple.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #5a2d82;
}

.tooltip-purple.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #5a2d82;
}

/* Ensure tooltip has full opacity */
.tooltip-purple {
    opacity: 1 !important;
}

.tooltip-purple .tooltip-inner {
    opacity: 1 !important;
}