/*
 * Il webfont Neue Haas Grotesk (neuehaasdisplaylight-webfont.woff) mappa U+00EC ma ne
 * disegna il glifo senza accento: "lunedì" appare come "lunedı". E' un difetto del file
 * di font e riguarda tutto il sito. Qui rimandiamo solo quel codepoint a un font di
 * sistema, senza toccare il resto della tipografia.
 */
@font-face{
	font-family:"Neue Haas Grotesk Display Pro";
	src:local("Helvetica Neue"),local("Helvetica"),local("Arial"),local("Liberation Sans"),local("DejaVu Sans");
	unicode-range:U+00CC,U+00EC;
	font-weight:100 900;
	font-style:normal;
	font-display:swap;
}
/*
 * Ogni regola e' prefissata con `.solrec` di proposito.
 * reset.css di hello-elementor viene caricato dopo questo foglio e usa selettori di attributo
 * — `[type=submit]`, `input[type=text]` — che pesano quanto una classe: senza il prefisso
 * finirebbero in pareggio di specificita' e vincerebbero per ordine di cascata.
 * Un secondo livello di classe risolve senza ricorrere a !important.
 */

.solrec{--sol-blu:#0047BB;--sol-giallo:#FFE76C;--sol-crema:#F0EFEB;--sol-bordo:rgba(0,71,187,.25);font-family:"Neue Haas Grotesk Display Pro","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;color:var(--sol-blu);max-width:44rem;margin:0;padding:0 1.25rem 2rem;font-size:clamp(1rem,.95rem + .2vw,1.1rem);line-height:1.65;-webkit-font-smoothing:antialiased}
.solrec *{box-sizing:border-box}

.solrec .solrec__titolo{font-family:"ITCGaramondStd Narrow","ITC Garamond",Garamond,serif;font-weight:600;letter-spacing:-.02em;font-size:clamp(1.9rem,1.4rem + 2vw,3rem);line-height:1.05;margin:0 0 1rem;color:var(--sol-blu)}
.solrec .solrec__sottotitolo{font-family:"ITCGaramondStd Narrow","ITC Garamond",Garamond,serif;font-weight:600;letter-spacing:-.02em;font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem);line-height:1.1;margin:2.25rem 0 .6rem}
.solrec p{margin:0 0 1rem}
.solrec .solrec__intro{margin:0 0 1rem}
.solrec a[href]{color:var(--sol-blu);text-decoration:underline;text-underline-offset:.18em}
.solrec a[href]:hover{background:var(--sol-giallo);text-decoration:none}
.solrec a[href]:focus-visible{outline:2px solid var(--sol-blu);outline-offset:2px}

/* --- form --- */
.solrec .solrec__form{margin:2rem 0 0}
.solrec .solrec__campo{display:flex;flex-direction:column;margin:0 0 1.35rem}
.solrec .solrec__campo label{display:block;font-weight:500;font-size:.95em;margin-bottom:.35rem;letter-spacing:.01em;line-height:1.4}
.solrec .solrec__facolt{font-weight:300;opacity:.6;text-transform:none}
.solrec .solrec__campo input,
.solrec .solrec__campo textarea{font:inherit;font-weight:300;color:var(--sol-blu);background:#fff;border:1px solid var(--sol-bordo);border-radius:0;padding:.75rem .9rem;width:100%;max-width:100%;transition:border-color .15s ease,box-shadow .15s ease}
.solrec .solrec__campo textarea{resize:vertical;min-height:4.5rem}
.solrec .solrec__campo input:hover,
.solrec .solrec__campo textarea:hover{border-color:var(--sol-blu)}
.solrec .solrec__campo input:focus,
.solrec .solrec__campo textarea:focus{outline:none;border-color:var(--sol-blu);box-shadow:0 0 0 3px var(--sol-giallo)}
.solrec .solrec__campo input:focus-visible,
.solrec .solrec__campo textarea:focus-visible{outline:2px solid var(--sol-blu);outline-offset:2px}
.solrec .solrec__aiuto{font-size:.85em;opacity:.7;margin-top:.35rem;line-height:1.5}
.solrec .solrec__riga{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem}
.solrec .solrec__trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.solrec .solrec__azioni{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin:1.75rem 0 1.25rem}
.solrec button.solrec__bottone{font:inherit;font-weight:500;letter-spacing:.02em;background:var(--sol-blu);color:var(--sol-crema);border:2px solid var(--sol-blu);border-radius:0;padding:.85rem 1.9rem;width:auto;white-space:normal;text-align:center;cursor:pointer;transition:background .18s ease,color .18s ease}
.solrec button.solrec__bottone:hover,
.solrec button.solrec__bottone:focus{background:var(--sol-giallo);color:var(--sol-blu)}
.solrec button.solrec__bottone:focus-visible{outline:2px solid var(--sol-blu);outline-offset:3px}
.solrec button.solrec__bottone--conferma{background:var(--sol-giallo);color:var(--sol-blu);border-color:var(--sol-blu)}
.solrec button.solrec__bottone--conferma:hover,
.solrec button.solrec__bottone--conferma:focus{background:var(--sol-blu);color:var(--sol-crema)}
.solrec .solrec__indietro{font-size:.95em}
.solrec .solrec__nota{font-size:.85em;opacity:.7;line-height:1.55}

/* --- riepilogo --- */
.solrec .solrec__riepilogo{border:2px solid var(--sol-blu);padding:1.5rem;margin:0 0 1.75rem}
.solrec .solrec__dichiarazione{font-weight:500;margin:0 0 1rem}
.solrec .solrec__riepilogo dl{display:grid;grid-template-columns:11rem 1fr;gap:.55rem 1.25rem;margin:0}
.solrec .solrec__riepilogo dt{font-weight:500;font-size:.9em;letter-spacing:.02em;opacity:.75;margin:0}
.solrec .solrec__riepilogo dd{margin:0}

/* --- esiti --- */
.solrec .solrec__errori{background:#fff;border-left:4px solid #b32d2e;padding:1rem 1.25rem;margin:0 0 1.75rem;font-size:.95em}
.solrec .solrec__errori p{margin:0 0 .4rem}
.solrec .solrec__errori ul{margin:0;padding-left:1.2rem;list-style:disc}
.solrec .solrec__errori li{margin-bottom:.25rem}
.solrec .solrec__esito{background:var(--sol-giallo);padding:1.25rem 1.5rem;margin:0 0 1.75rem}
.solrec .solrec__esito p{margin:0 0 .4rem}
.solrec .solrec__esito p:last-child{margin-bottom:0}
.solrec .solrec__passi{padding-left:1.35rem;margin:0 0 1.5rem;list-style:decimal}
.solrec .solrec__passi li{margin-bottom:.7rem}

@media (max-width:768px){
.solrec{padding:0 1rem 1.5rem}
.solrec .solrec__riga{grid-template-columns:1fr;gap:0}
.solrec .solrec__riepilogo{padding:1.15rem}
.solrec .solrec__riepilogo dl{grid-template-columns:1fr;gap:.15rem}
.solrec .solrec__riepilogo dd{margin-bottom:.75rem}
.solrec .solrec__riepilogo dd:last-child{margin-bottom:0}
.solrec .solrec__azioni{gap:.9rem}
.solrec button.solrec__bottone{width:100%}
.solrec .solrec__indietro{width:100%;text-align:center}
}

/* Dentro "Il mio account" il titolo compete con quello del tema: lo ridimensioniamo. */
.woocommerce-MyAccount-content .solrec{padding-left:0;padding-right:0;max-width:100%}
.woocommerce-MyAccount-content .solrec .solrec__titolo{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem)}