/*
 * 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, .cognita-search__technology: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__technology { display: flex; width: fit-content; max-width: 100%; align-items: center; gap: .38rem; margin: 1.1rem auto 0; padding: .34rem .58rem .34rem .38rem; border: 1px solid var(--cognita-border, color-mix(in srgb, currentColor 16%, transparent)); border-radius: 999px; color: var(--cognita-muted, color-mix(in srgb, currentColor 72%, transparent)); background: var(--cognita-credit-surface, color-mix(in srgb, currentColor 4%, transparent)); font-size: .72rem; font-weight: 500; line-height: 1; text-decoration: none; opacity: .82; transition: border-color .16s ease, opacity .16s ease, transform .16s ease; }
.cognita-search__technology:hover { border-color: color-mix(in srgb, #31c99a 48%, transparent); color: inherit; opacity: 1; transform: translateY(-1px); }
.cognita-search__technology-mark { display: grid; width: 1.45rem; height: 1.45rem; flex: 0 0 1.45rem; place-items: center; border-radius: .45rem; color: #052018; background: linear-gradient(135deg, #4de0ac, #38bdf8); font-size: .72rem; box-shadow: 0 .2rem .65rem color-mix(in srgb, #31c99a 24%, transparent); }
.cognita-search__technology strong { color: inherit; font-weight: 750; letter-spacing: .01em; }
.cognita-search__technology-arrow { color: color-mix(in srgb, currentColor 62%, transparent); font-size: .78rem; transition: transform .16s ease; }
.cognita-search__technology:hover .cognita-search__technology-arrow { transform: translate(.08rem, -.08rem); }
.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; } }
@media (prefers-reduced-motion: reduce) { .cognita-search__technology, .cognita-search__technology-arrow { transition: none; } }