/* ── Site-palette overrides for pagefind CSS variables ────────────────── */
:root {
    --pf-font: verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    --pf-text: #000000;
    --pf-text-secondary: #333333;
    --pf-text-muted: #555555;
    --pf-background: #F9FFE6;
    --pf-border: #97BD78;
    --pf-border-focus: #6b9e50;
    --pf-hover: #EDF7D9;
    --pf-skeleton: #BCD897;
    --pf-skeleton-shine: #dbedb9;
    --pf-mark: #4a7c2a;
    --pf-border-radius: 2px;
    --pf-result-title-font-size: 11px;
    --pf-result-excerpt-font-size: 11px;
    --pf-summary-font-size: 11px;
    --pf-input-font-size: 12px;
    --pf-outline-focus: #6b9e50;
    --pf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --pf-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.10);
    --pf-results-gap: 5px;
}

/*
 * Direct font-size overrides for pagefind custom elements.
 * These elements use `all: initial; font-size: 16px` which breaks
 * CSS variable inheritance. Tag selectors here load after
 * pagefind-component-ui.css so cascade order wins.
 */
pagefind-results,
pagefind-summary,
pagefind-filter-dropdown {
    font-size: 11px;
}

pagefind-input {
    font-size: 12px;
}

/* ── Layout ──────────────────────────────────────────────────────────── */
.search-controls-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.search-controls-row pagefind-input {
    flex: 1;
}

pagefind-results {
    --pf-image-width: 68px;
    --pf-image-height: 68px;
}

.pf-dropdown-clear {
    display: none !important;
}

/* ── Result card hover ───────────────────────────────────────────────── */
.pf-result-card:hover {
    background: var(--pf-hover);
}

/* ── Image: site-style border, no rounding ───────────────────────────── */
.pf-result-image {
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

/* ── Title row: inline type label before bold title ──────────────────── */
.pf-type-label {
    font: italic 11px verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    color: #555555;
    margin-right: 3px;
}

/* ── Excerpt: full multi-line, site font ─────────────────────────────── */
.pf-excerpt {
    font: normal 11px/1.5 verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 5px 0 0 0;
    text-align: left;
}

/* Highlighted search matches in site green */
.pf-excerpt mark {
    background: transparent;
    color: #4a7c2a;
    font-weight: bold;
}