/*
 * The plugin deliberately inherits the active theme. A theme may optionally
 * provide --cognita-* tokens to tune the module without editing this file.
 */
.cognita-search { font-family: var(--cognita-font-family, inherit); color: inherit; margin: 2rem auto; max-width: 72rem; }
.cognita-search *, .cognita-search *::before, .cognita-search *::after { box-sizing: border-box; }
.cognita-search__inner { padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--cognita-border, color-mix(in srgb, currentColor 18%, transparent)); border-radius: var(--cognita-radius, 1rem); color: var(--cognita-text, inherit); background: var(--cognita-surface, var(--wp--preset--color--base, Canvas)); }
.cognita-search__heading { margin: 0 0 1rem; color: inherit; font: inherit; font-size: 1.5em; font-weight: 700; }
.cognita-search__form { display: flex; align-items: stretch; gap: .65rem; }
.cognita-search__input { flex: 1; min-width: 0; padding: .8rem 1rem; border: 1px solid var(--cognita-control-border, color-mix(in srgb, currentColor 35%, transparent)); border-radius: var(--cognita-control-radius, .65rem); color: inherit; background: var(--cognita-control-surface, transparent); font: inherit; }
.cognita-search__input::placeholder { color: var(--cognita-muted, color-mix(in srgb, currentColor 52%, transparent)); opacity: 1; }
.cognita-search__button { padding: .8rem 1.1rem; border: 0; border-radius: var(--cognita-control-radius, .65rem); color: var(--cognita-on-accent, var(--wp--preset--color--base, Canvas)); background: var(--cognita-accent, var(--wp--preset--color--contrast, currentColor)); font: inherit; cursor: pointer; }
.cognita-search__button:hover { filter: brightness(.93); }
.cognita-search__button:focus-visible, .cognita-search__input:focus-visible, .cognita-search__page:focus-visible { outline: 2px solid var(--cognita-focus, currentColor); outline-offset: 3px; }
.cognita-search__status { min-height: 1.5em; margin: 1rem 0 .5rem; color: var(--cognita-muted, inherit); }
.cognita-search__results { display: grid; gap: 1rem; }
.cognita-search__result { padding: 1.25rem; border: 1px solid var(--cognita-border, color-mix(in srgb, currentColor 18%, transparent)); border-radius: var(--cognita-result-radius, .9rem); background: var(--cognita-result-surface, transparent); }
.cognita-search__result-link { display: block; margin-bottom: .65rem; color: inherit; font-weight: 700; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: .15em; }
.cognita-search__result p { margin: 0; color: var(--cognita-muted, inherit); line-height: 1.55; }
.cognita-search__pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .4rem; margin-top: 1.25rem; }
.cognita-search__page { padding: .45rem .65rem; border: 1px solid var(--cognita-control-border, color-mix(in srgb, currentColor 30%, transparent)); border-radius: var(--cognita-control-radius, .45rem); color: inherit; background: transparent; font: inherit; cursor: pointer; }
.cognita-search__page--current { color: var(--cognita-on-accent, var(--wp--preset--color--base, Canvas)); background: var(--cognita-accent, var(--wp--preset--color--contrast, currentColor)); }
.cognita-search__page:disabled { cursor: not-allowed; opacity: .45; }
.cognita-search__editor-placeholder { padding: 1rem; border: 1px dashed currentColor; border-radius: var(--cognita-radius, .5rem); }
@media (max-width: 600px) { .cognita-search__form { flex-direction: column; } .cognita-search__button { width: 100%; } .cognita-search__result { padding: 1rem; } }