/* Tippy.js Custom Styles */

/* Default Tippy Theme */
.tippy-box {
    background-color: #333;
    color: white;
    border-radius: 4px;
    font-size: 12px;
}

.tippy-arrow {
    color: #333;
}

/* Wikipedia-like Theme */
.tippy-box[data-theme~='wiki'] {
    background-color: white;
    color: #222;
    box-shadow: 0 0 2px rgba(0,0,0,0.25), 0 2px 8px rgba(0,0,0,0.1);
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.5;
    padding: 5px 8px;
    white-space: pre-line;
}

.tippy-box[data-theme~='wiki'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #ccc;
    margin-bottom: -1px;
}

.tippy-box[data-theme~='wiki'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #ccc;
    margin-top: -1px;
}

.tippy-box[data-theme~='wiki'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #ccc;
    margin-right: -1px;
}

.tippy-box[data-theme~='wiki'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #ccc;
    margin-left: -1px;
}

/* Dark Theme Overrides */
[data-theme="dark"] .tippy-box[data-theme~='wiki'] {
    background-color: #2d2d2d;
    color: rgba(255, 255, 255, 0.87);
    border-color: #333;
}

[data-theme="dark"] .tippy-arrow {
    color: #2d2d2d;
}