/**
 * RECHERCHE V2 — palette de recherche instantanée (voir assets/js/search-v2.js).
 * Dépend de site-v2.css.
 *
 * @package SamRelaxe
 * @version 11.2.0
 */
.sr2-search { position: fixed; inset: 0; z-index: var(--z-modal); display: grid; align-content: start; justify-items: center; padding: clamp(80px, 14vh, 140px) var(--sp-4) var(--sp-8); background: rgba(2, 10, 14, .6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); opacity: 0; transition: opacity .25s ease; overflow-y: auto; }
.sr2-search.is-open { opacity: 1; }
.sr2-search[hidden] { display: none; }
.sr2-search__panel { width: min(680px, 100%); border-radius: 22px; background: linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 30%), rgba(6, 15, 24, .82); border: 1px solid var(--white-8); box-shadow: inset 0 1px 0 rgba(255, 244, 200, .1), 0 30px 80px rgba(2, 10, 14, .7); padding: var(--sp-4) var(--sp-4) var(--sp-3); transform: translateY(8px); transition: transform .3s var(--ease-out); }
.sr2-search.is-open .sr2-search__panel { transform: none; }
.sr2-search__form { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--sp-3); }
.sr2-search__form > svg { width: 20px; height: 20px; color: var(--gold-soft); margin-left: var(--sp-2); }
.sr2-search__input { min-height: 52px; border: 0; background: none; color: var(--snow); font-family: var(--font-display); font-size: var(--text-xl); width: 100%; min-width: 0; }
.sr2-search__input::placeholder { color: var(--text-muted); }
.sr2-search__input:focus { outline: none; }
.sr2-search__close { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--white-8); color: var(--text-soft); background: none; cursor: pointer; font: inherit; display: grid; place-items: center; }
.sr2-search__close:hover { color: var(--snow); border-color: var(--gold-35); }
.sr2-search__hint { padding: var(--sp-2) var(--sp-3) var(--sp-2); border-top: 1px solid var(--white-6); font-size: var(--text-xs); color: var(--text-muted); letter-spacing: var(--tracking-wide); }
.sr2-search__results { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.sr2-search__item { display: grid; grid-template-columns: 84px 1fr; align-items: center; gap: var(--sp-3); padding: 10px var(--sp-3); border-radius: 12px; color: var(--text-main); text-decoration: none; transition: background var(--t-fast); }
.sr2-search__item:hover, .sr2-search__item.is-active { background: var(--gold-8); }
.sr2-search__kind { font-family: var(--font-heading); font-size: 10px; letter-spacing: var(--tracking-widest); text-transform: uppercase; color: var(--gold-soft); }
.sr2-search__title { font-family: var(--font-display); font-size: var(--text-md); line-height: 1.2; color: var(--snow); }
body.sr-search-open { overflow: hidden; }
@media (max-width: 640px) { .sr2-search { padding-top: var(--sp-6); } .sr2-search__item { grid-template-columns: 1fr; gap: 2px; } }
@media (prefers-reduced-motion: reduce) { .sr2-search, .sr2-search__panel { transition: none; } }
