/* Custom CSS for PathSim-Chem Documentation */

/* Fix link preview card backgrounds for light/dark mode */
.sd-card {
    background-color: var(--color-card-background) !important;
}

.sd-card-header {
    background-color: var(--color-card-marginals-background) !important;
}

.sd-card-footer {
    background-color: var(--color-card-marginals-background) !important;
}

/* Ensure link preview text is readable in both modes */
.sd-card-text {
    color: var(--color-foreground-primary) !important;
}

.sd-card-title {
    color: var(--color-foreground-primary) !important;
}

/* Fix any link cards created by MyST linkify */
a.reference.external .sd-card {
    background-color: var(--color-card-background) !important;
    border-color: var(--color-card-border) !important;
}

/* Main tooltip container */
.tooltip {
    background-color: var(--color-background-primary) !important;
    border: 1px solid var(--color-background-border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Dark mode specific adjustments */
body[data-theme="dark"] .tooltip {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

/* Tooltip content text */
.tooltip .highlight,
.tooltip pre,
.tooltip code {
    background-color: var(--color-code-background) !important;
    color: var(--color-code-foreground) !important;
}

/* Tooltip general text */
.tooltip,
.tooltip * {
    color: var(--color-foreground-primary) !important;
}

/* Tooltip links */
.tooltip a {
    color: var(--color-link) !important;
}

.tooltip a:hover {
    color: var(--color-link--hover) !important;
}