/**
 * CS Glossary - Tooltip Styles (Tippy.js theme)
 */

.tippy-box[data-theme~='cs-glossary'] {
    background: var(--cs-glossary-tooltip-bg, #1f2937);
    color: var(--cs-glossary-tooltip-text, #ffffff);
    border-radius: var(--cs-glossary-tooltip-radius, 8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    font-family: var(--cs-glossary-font, inherit);
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 0;
}

.tippy-box[data-theme~='cs-glossary'] .tippy-arrow {
    color: var(--cs-glossary-tooltip-bg, #1f2937);
}

.tippy-box[data-theme~='cs-glossary'] .tippy-content {
    padding: 0;
}

.cs-glossary-tooltip {
    display: flex;
    gap: 0.75rem;
    padding: 0.875rem;
    max-width: 350px;
}

.cs-glossary-tooltip__img {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}

.cs-glossary-tooltip__body {
    flex: 1;
    min-width: 0;
}

.cs-glossary-tooltip__title {
    display: block;
    font-weight: 600;
    font-size: 0.9375rem;
    margin-bottom: 0.25rem;
    color: #fff;
}

.cs-glossary-tooltip__text {
    margin: 0;
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.4;
}

.cs-glossary-tooltip-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cs-glossary-spin 0.6s linear infinite;
    margin: 0.5rem;
}

@keyframes cs-glossary-spin {
    to { transform: rotate(360deg); }
}