/* CSS for sphinx-callouts extension */

.callout-code-wrapper {
    position: relative;
}

.callout-inline-marker {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: var(--color-code-foreground, #333);
    pointer-events: none;
    /* Prevent selection to avoid interference with code copying */
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    white-space: nowrap;
}

/* Set line height CSS custom property based on the highlight theme */
.highlight {
    --code-line-height: 1.4em;
}

/* Ensure the wrapper maintains the proper height */
.callout-code-wrapper .highlight pre {
    position: relative;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .callout-marker {
        color: var(--color-code-foreground, #f8f8f2);
    }
}

/* Style field lists inside callout annotations to be inline */
.callout .annotations dl.field-list dt {
    float: left;
    clear: left;
    width: auto;
    margin-right: 0.5em;
    font-weight: bold;
}

.callout .annotations dl.field-list dd {
    margin-left: 0;
    padding-left: 0;
}

.callout .annotations dl.field-list dd::after {
    content: "";
    display: table;
    clear: both;
}

.callout .annotations dd p {
    margin: 0;
}

/* Furo theme specific adjustments */
body[data-theme="dark"] .callout-marker {
    color: var(--color-code-foreground, #f8f8f2);
}