/* =========================================================================
 * Site search (inc/site-search.php, search.php).
 *
 * Two parts live here:
 *   — the window with the field (the same .lmx-modal shell as the forms and the
 *     video; the panel has no description column and the field spans the full
 *     width);
 *   — the result rows (.lmx-sr-*) on top of the Blog & Labs archive styles,
 *     which the search page reuses as they are.
 * ====================================================================== */

.lmx-sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------------------------------------------------------------- window */
.lmx-modal--search{align-items:flex-start;padding-top:min(18vh,150px);padding-bottom:40px}
.lmx-modal--search .lmx-modal__panel--search{display:block;grid-template-columns:none;width:min(100%,760px);padding:34px 34px 30px;background:#0b0f10;border:1px solid rgba(255,255,255,.14)}
.lmx-modal .lmx-modal__close--search{top:-56px;right:0;background:rgba(5,9,11,.7)}

.lmx-search-form{display:flex;align-items:center;gap:12px;padding:0 0 0 16px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:rgba(255,255,255,.04);transition:border-color .18s ease,background-color .18s ease}
.lmx-search-form:focus-within{border-color:var(--lmx-teal,#52C7C6);background:rgba(255,255,255,.06)}
.lmx-search-form__icon{display:flex;flex:0 0 auto;color:rgba(255,255,255,.6)}
.lmx-search-form__icon svg{width:20px;height:20px}
.lmx-search-form__input{flex:1 1 auto;min-width:0;height:56px;margin:0;padding:0;border:0;background:none;color:#fff;font:400 17px/1.3 var(--lmx-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);outline:0}
.lmx-search-form__input::placeholder{color:rgba(255,255,255,.44)}
.lmx-search-form__input::-webkit-search-cancel-button{filter:invert(1);opacity:.5}
.lmx-search-form__submit{flex:0 0 auto;height:56px;padding:0 26px;border:0;border-left:1px solid rgba(255,255,255,.18);background:var(--lmx-teal,#52C7C6);color:#04211F;font:600 12px/1 var(--lmx-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}

.lmx-search-hint{margin:14px 0 0;color:rgba(255,255,255,.5);font:400 13px/1.5 var(--lmx-font,'Hanken Grotesk',Helvetica,Arial,sans-serif)}

.lmx-search-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.lmx-search-links li{margin:0}
.lmx-search-links a{display:inline-block;padding:8px 14px;border:1px solid rgba(255,255,255,.16);border-radius:2px;color:rgba(255,255,255,.78);font:500 12px/1 var(--lmx-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:border-color .18s ease,color .18s ease}
.lmx-search-links a:hover,.lmx-search-links a:focus-visible{border-color:var(--lmx-teal,#52C7C6);color:var(--lmx-teal,#52C7C6)}

@media (max-width:640px){
.lmx-modal--search{padding-top:88px}
.lmx-modal--search .lmx-modal__panel--search{padding:24px 18px 22px}
.lmx-modal .lmx-modal__close--search{top:-50px}
.lmx-search-form{flex-wrap:wrap;padding-left:0}
.lmx-search-form__icon{margin-left:12px}
.lmx-search-form__input{height:50px;font-size:16px}
.lmx-search-form__submit{width:100%;height:46px;border-left:0;border-top:1px solid rgba(255,255,255,.18)}
}

/* --------------------------------------------------------------- results */
.lmx-sr-term{color:var(--bl-accent,#52C7C6)}

.lmx-sr-list{display:grid;gap:14px;margin:34px 0 0;padding:0;list-style:none}
.lmx-sr-item{margin:0}
.lmx-sr-link{display:block;padding:20px 22px;border:1px solid var(--bl-line,rgba(255,255,255,.10));border-radius:3px;background:var(--bl-surface,rgba(255,255,255,.035));color:inherit;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
.lmx-sr-link:hover,.lmx-sr-link:focus-visible{border-color:var(--bl-accent,#52C7C6);background:var(--bl-surface-hi,rgba(255,255,255,.065))}
.lmx-sr-kind{display:inline-block;margin:0 0 8px;color:var(--bl-accent,#52C7C6);font:600 11px/1 var(--bl-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);letter-spacing:.2em;text-transform:uppercase}
.lmx-sr-title{margin:0 0 8px;color:#fff;font:600 clamp(19px,2.1vw,23px)/1.3 var(--bl-display,'Outfit','Poppins',sans-serif)}
.lmx-sr-desc{margin:0 0 10px;color:var(--bl-muted,rgba(255,255,255,.58));font:400 15px/1.6 var(--bl-font,'Hanken Grotesk',Helvetica,Arial,sans-serif)}
.lmx-sr-url{display:block;color:rgba(255,255,255,.34);font:400 12px/1.4 var(--bl-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);word-break:break-word}
.lmx-sr-list mark{background:rgba(82,199,198,.22);color:inherit;border-radius:2px;padding:0 2px}

.lmx-sr-pages{display:flex;align-items:center;justify-content:center;gap:18px;margin:34px 0 0;flex-wrap:wrap}
.lmx-sr-pages__label{margin:0;color:var(--bl-muted,rgba(255,255,255,.58));font:500 13px/1 var(--bl-font,'Hanken Grotesk',Helvetica,Arial,sans-serif);letter-spacing:.1em}

.lmx-search-links--empty{justify-content:center}

@media (max-width:600px){
.lmx-sr-link{padding:16px 16px}
.lmx-sr-title{font-size:18px}
.lmx-sr-desc{font-size:14px}
}

@media (prefers-reduced-motion:reduce){
.lmx-search-form,.lmx-sr-link,.lmx-search-links a{transition:none}
}