/**
 * BetterDocs dark-mode overrides.
 *
 * BetterDocs ships a light palette with baked-in #fff backgrounds. These
 * selectors repaint the plugin using the site's CSS variables so the manual
 * matches the rest of the site.
 *
 * Budget: ~60 lines per Section 8 of PLAN.md.
 */

/* Category grid cards on the docs landing */
.betterdocs-categories-wrap,
.betterdocs-category-box,
.betterdocs-category-grid .betterdocs-cat-list-item,
.betterdocs-categories-grid-item {
    background: var(--bz-surface) !important;
    border: 1px solid var(--bz-border) !important;
    border-radius: var(--bz-radius) !important;
    color: var(--bz-text) !important;
    box-shadow: none !important;
}

.betterdocs-category-box h3,
.betterdocs-category-box .betterdocs-cat-title,
.betterdocs-categories-grid-item h3 {
    color: var(--bz-text) !important;
}

.betterdocs-category-box p,
.betterdocs-category-box .betterdocs-cat-desc {
    color: var(--bz-text-muted) !important;
}

/* Search form — the one at the top of the landing */
.betterdocs-searchform,
.betterdocs-live-search-form input[type="search"] {
    background: var(--bz-surface) !important;
    border: 1px solid var(--bz-border) !important;
    color: var(--bz-text) !important;
    border-radius: var(--bz-radius) !important;
}

.betterdocs-live-search-result {
    background: var(--bz-surface) !important;
    border: 1px solid var(--bz-border) !important;
    color: var(--bz-text) !important;
}

/* Single article page */
.betterdocs-single-wrapper,
.betterdocs-entry-content,
.betterdocs-single-content {
    background: var(--bz-bg) !important;
    color: var(--bz-text) !important;
}

.betterdocs-single-wrapper h1,
.betterdocs-single-wrapper h2,
.betterdocs-single-wrapper h3,
.betterdocs-entry-content h1,
.betterdocs-entry-content h2,
.betterdocs-entry-content h3 {
    color: var(--bz-text) !important;
}

.betterdocs-entry-content a { color: var(--bz-accent) !important; }
.betterdocs-entry-content a:hover { color: var(--bz-accent-hover) !important; }

.betterdocs-entry-content pre,
.betterdocs-entry-content code {
    background: var(--bz-surface-2) !important;
    color: var(--bz-text) !important;
    border: 1px solid var(--bz-border) !important;
}

/* Sidebar (kept only on category pages per Section 10) */
.betterdocs-sidebar,
.betterdocs-sidebar-wrap {
    background: var(--bz-surface) !important;
    border: 1px solid var(--bz-border) !important;
    border-radius: var(--bz-radius) !important;
}
.betterdocs-sidebar a { color: var(--bz-text) !important; }
.betterdocs-sidebar a:hover { color: var(--bz-accent) !important; }
.betterdocs-sidebar .active a { color: var(--bz-accent) !important; font-weight: 600; }

/* Breadcrumb + "Was this helpful?" feedback bar */
.betterdocs-breadcrumbs,
.betterdocs-feedback-buttons {
    color: var(--bz-text-muted) !important;
}
.betterdocs-feedback-buttons button {
    background: transparent !important;
    border: 1px solid var(--bz-border) !important;
    color: var(--bz-text-muted) !important;
}
.betterdocs-feedback-buttons button:hover {
    color: var(--bz-accent) !important;
    border-color: var(--bz-accent) !important;
}

/* Hide the default carousel — the custom docs landing template replaces it */
.betterdocs-categories-slider,
.betterdocs-hero-carousel {
    display: none !important;
}