/**
 * FusionCMS-Style Tooltip Styles
 * Quality colors and tooltip appearance
 */

/* Tooltip container */
#jada_tooltip {
    background: linear-gradient(to bottom, #1a1a1a 0%, #0d0d0d 100%);
    border: 2px solid #444;
    border-radius: 6px;
    padding: 12px 15px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.9);
    color: #fff;
    font-family: 'Frutiger', 'Verdana', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.6;
    max-width: 350px;
    min-width: 250px;
}

/* Quality colors - exact FusionCMS colors */
.q0 { color: #9d9d9d !important; } /* Poor - Grey */
.q1 { color: #ffffff !important; } /* Common - White */
.q2 { color: #1eff00 !important; } /* Uncommon - Green */
.q3 { color: #0070dd !important; } /* Rare - Blue */
.q4 { color: #a335ee !important; } /* Epic - Purple */
.q5 { color: #ff8000 !important; } /* Legendary - Orange */
.q6 { color: #e6cc80 !important; } /* Artifact - Light Orange */
.q7 { color: #00ccff !important; } /* Heirloom - Light Blue */

/* Socket colors */
.socket-meta { color: #ffff98; }
.socket-red { color: #ff4040; }
.socket-yellow { color: #ffff00; }
.socket-blue { color: #4169e1; }

/* Tooltip loading state */
.tooltip-loading {
    padding: 8px 12px;
    color: #ffff00;
    font-style: italic;
}

/* Tooltip error state */
.tooltip-error {
    padding: 8px 12px;
    color: #ff4040;
}

/* Item links with tooltips */
a[rel^="item="] {
    cursor: help;
    text-decoration: none;
    border-bottom: 1px dotted currentColor;
}

a[rel^="item="]:hover {
    border-bottom-style: solid;
}

/* Ensure floats are cleared in tooltip */
#jada_tooltip::after {
    content: "";
    display: table;
    clear: both;
}

/* Additional tooltip formatting */
.fcms-tooltip {
    font-size: 13px;
    line-height: 1.6;
}

.fcms-tooltip a {
    color: inherit;
}

.fcms-tooltip a:hover {
    text-decoration: underline;
}

/* Item quality borders (for item icons in equipment view) */
.quality-border-0 { border-color: #9d9d9d !important; }
.quality-border-1 { border-color: #ffffff !important; }
.quality-border-2 { border-color: #1eff00 !important; }
.quality-border-3 { border-color: #0070dd !important; }
.quality-border-4 { border-color: #a335ee !important; }
.quality-border-5 { border-color: #ff8000 !important; }
.quality-border-6 { border-color: #e6cc80 !important; }
.quality-border-7 { border-color: #00ccff !important; }

/* Item quality backgrounds */
.quality-bg-0 { background-color: rgba(157, 157, 157, 0.2) !important; }
.quality-bg-1 { background-color: rgba(255, 255, 255, 0.1) !important; }
.quality-bg-2 { background-color: rgba(30, 255, 0, 0.2) !important; }
.quality-bg-3 { background-color: rgba(0, 112, 221, 0.2) !important; }
.quality-bg-4 { background-color: rgba(163, 53, 238, 0.2) !important; }
.quality-bg-5 { background-color: rgba(255, 128, 0, 0.2) !important; }
.quality-bg-6 { background-color: rgba(230, 204, 128, 0.2) !important; }
.quality-bg-7 { background-color: rgba(0, 204, 255, 0.2) !important; }