/* Opera Viva . Ricerca 1.0.0 */

/* ---------- La lente nella barra ---------- */
/* Disposizione: solo qui, mai negli stati. Se :hover o :active cambiano i
   margini, al tocco il pulsante si sposta, il dito si alza fuori e il
   clic finisce sulla barra invece che sulla lente. */
.ov-nav .ov-nav-cerca{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0;border-radius:0;-webkit-appearance:none;appearance:none;cursor:pointer;opacity:.85;transition:opacity .25s,color .4s;-webkit-tap-highlight-color:transparent}
/* Stati: solo i colori, contro il reset di Hello che colora i bottoni di fucsia. */
.ov-nav .ov-nav-cerca,
.ov-nav .ov-nav-cerca:hover,
.ov-nav .ov-nav-cerca:focus,
.ov-nav .ov-nav-cerca:active,
.ov-nav .ov-nav-cerca[type=button]:hover,
.ov-nav .ov-nav-cerca[type=button]:focus{background:transparent !important;border:0 !important;box-shadow:none !important;outline:none !important;color:var(--ov-nav-brand,#F6F6F3) !important}
.ov-nav .ov-nav-cerca:hover{opacity:1}
.ov-nav .ov-nav-cerca:focus-visible{outline:1px solid currentColor !important;outline-offset:2px}
.ov-nav.scrolled .ov-nav-cerca,
body.ov-nav-solid .ov-nav .ov-nav-cerca,
body.ov-chrome:not(:has(.ov-hero,.ov-rac-hero)) .ov-nav .ov-nav-cerca{color:var(--ov-nav-solid-brand,#0C0D10) !important}

/* Desktop: marchio a sinistra, voci e lente a destra. */
@media(min-width:821px){
	.ov-nav .ov-nav-menu{margin-left:auto}
	.ov-nav .ov-nav-cerca{order:4;margin-left:6px;margin-right:-10px}
}
/* Telefono: la lente prima del burger; sparisce sotto il menu aperto. */
@media(max-width:820px){
	.ov-nav .ov-nav-cerca{order:2;margin-left:auto;margin-right:6px}
	.ov-nav-burger{order:3}
}

/* ---------- Il pannello ---------- */
.ov-cerca{position:fixed;inset:0;z-index:100;background:var(--fondale,#0C0D10);color:var(--calce,#F6F6F3);display:flex;flex-direction:column;opacity:0;transition:opacity .25s ease;overflow:hidden}
.ov-cerca.is-aperto{opacity:1}
.ov-cerca[hidden]{display:none}
html.ov-cerca-aperta,html.ov-cerca-aperta body{overflow:hidden}
body.admin-bar .ov-cerca{top:32px}
@media(max-width:782px){body.admin-bar .ov-cerca{top:46px}}

.ov-cerca-barra{display:flex;align-items:center;justify-content:space-between;padding:20px 44px;min-height:var(--ov-nav-h,62px);box-sizing:border-box}
.ov-cerca-marchio{font-family:var(--ov-font-display,'Marcellus',serif);letter-spacing:.22em;font-size:15px;line-height:1;color:var(--calce,#F6F6F3)}
.ov-cerca .ov-cerca-chiudi{width:44px;height:44px;margin:0 -10px 0 0;padding:0;position:relative;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.ov-cerca .ov-cerca-chiudi,
.ov-cerca .ov-cerca-chiudi:hover,
.ov-cerca .ov-cerca-chiudi:focus,
.ov-cerca .ov-cerca-chiudi:active{background:transparent !important;border:0 !important;box-shadow:none !important}
.ov-cerca-chiudi span{position:absolute;left:10px;top:21px;width:24px;height:2px;background:var(--calce,#F6F6F3)}
.ov-cerca-chiudi span:first-child{transform:rotate(45deg)}
.ov-cerca-chiudi span:last-child{transform:rotate(-45deg)}
.ov-cerca .ov-cerca-chiudi:focus-visible{outline:1px solid var(--calce,#F6F6F3) !important;outline-offset:2px}

.ov-cerca-corpo{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:6vh 44px 60px;box-sizing:border-box;width:100%;max-width:960px;margin:0 auto}
.ov-cerca-form{margin:0 0 34px}
.ov-cerca-form .ov-label{display:block;color:var(--argento,#C7CBCF);margin-bottom:14px}
.ov-cerca input.ov-cerca-campo,
.ov-cerca input.ov-cerca-campo:focus{width:100%;box-sizing:border-box;background:transparent !important;border:0 !important;border-bottom:1px solid rgba(199,203,207,.45) !important;border-radius:0;box-shadow:none !important;outline:none;color:var(--calce,#F6F6F3);font-family:var(--ov-font-display,'Marcellus',serif);font-size:clamp(26px,4vw,40px);letter-spacing:.04em;padding:6px 0 14px;-webkit-appearance:none;appearance:none}
.ov-cerca input.ov-cerca-campo:focus{border-bottom-color:var(--calce,#F6F6F3) !important}
.ov-cerca input.ov-cerca-campo::placeholder{color:rgba(199,203,207,.45)}
.ov-cerca input.ov-cerca-campo::-webkit-search-cancel-button{-webkit-appearance:none}

.ov-cerca-gruppo{margin:0 0 30px}
.ov-cerca-gruppo .ov-label{color:var(--argento,#C7CBCF);margin:0 0 6px;font-size:10.5px}
.ov-cerca-gruppo ul{list-style:none;margin:0;padding:0}
.ov-cerca a.ov-cerca-voce{display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid rgba(199,203,207,.14);color:var(--calce,#F6F6F3) !important;text-decoration:none !important;outline:none}
.ov-cerca a.ov-cerca-voce:hover .ov-cerca-titolo,
.ov-cerca a.ov-cerca-voce:focus-visible .ov-cerca-titolo{text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(199,203,207,.6)}
.ov-cerca a.ov-cerca-voce:focus-visible{background:rgba(246,246,243,.05)}
.ov-cerca-voce img,.ov-cerca-noimg{flex:0 0 auto;width:72px;height:54px;object-fit:cover;display:block;background:var(--tempesta,#3D4249)}
.ov-cerca-voce img.is-logo{object-fit:contain;background:#fff;padding:6px;box-sizing:border-box}
.ov-cerca-testi{display:flex;flex-direction:column;gap:4px;min-width:0}
.ov-cerca-titolo{font-family:var(--ov-font-display,'Marcellus',serif);font-size:20px;letter-spacing:.03em;line-height:1.25}
.ov-cerca-titolo mark{background:none;color:#fff;border-bottom:1px solid var(--argento,#C7CBCF)}
.ov-cerca-meta{font-size:12.5px;color:#A3A7AC;letter-spacing:.02em}
.ov-cerca-vuoto{color:#C9CCD0;font-size:16px}
.ov-cerca-tutti{margin:8px 0 0}
.ov-cerca .ov-cerca-tutti a{color:var(--calce,#F6F6F3) !important;border-color:rgba(199,203,207,.45)}

@media(max-width:640px){
	.ov-cerca-barra{padding:18px 22px}
	.ov-cerca-corpo{padding:4vh 22px 48px}
	.ov-cerca-voce img,.ov-cerca-noimg{width:60px;height:46px}
	.ov-cerca-titolo{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.ov-cerca{transition:none}}

/* ---------- Pagina dei risultati (/?s=) ---------- */
.ov-ricerca-form{display:flex;gap:16px;align-items:center;margin:28px 0 0;max-width:620px}
.ov-ricerca-form .ov-search{flex:1;min-width:0}
.ov-ricerca-form button.ov-ricerca-vai,
.ov-ricerca-form button.ov-ricerca-vai:hover,
.ov-ricerca-form button.ov-ricerca-vai:focus{background:transparent !important;border:0 !important;border-bottom:1px solid var(--argento,#C7CBCF) !important;border-radius:0;color:var(--fondale,#0C0D10) !important;padding:0 0 6px;cursor:pointer;box-shadow:none !important}
.ov-ricerca-gruppo{margin:0 0 56px}
.ov-ricerca-gruppo > .ov-label{display:block;margin:0 0 6px}
.ov-ricerca-gruppo .ov-entries{margin-top:0}
.ov-ricerca-vuoto{font-size:17px;color:#3a3b3e}
.ov-ricerca-vuoto a{color:var(--fondale,#0C0D10);text-decoration:underline;text-decoration-color:var(--argento,#C7CBCF);text-underline-offset:3px}
