/* Aggiunte del tema: porting degli stili che nei prototipi React erano inline,
   più il minimo indispensabile per accessibilità e logo. Nessun colore, font o
   spazio nuovo: solo variabili già definite in futura.css. */

/* Logo segnaposto: maschera CSS su logo.svg, così prende il colore di marca.
   Sostituibile da Personalizza → Identità del sito. */
.fut-logo__segno{display:inline-block;width:74px;height:51px;background:var(--rosso-futura);-webkit-mask:url(../logo.svg) no-repeat center/contain;mask:url(../logo.svg) no-repeat center/contain}
.fut-footer .fut-logo__segno{background:var(--panna)}
.fut-logo img{width:auto;height:51px}

/* Bottoni a pillola della home (nel prototipo: style borderRadius 999) */
.fut-btn--pillola{border-radius:999px}
.azioni{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}

/* Titoli di sezione e sezione invito (nel prototipo: style inline) */
.testa-sezione h2{font-size:var(--fs-h2)}
.invito .container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px}

/* Foto che riempiono un contenitore già dimensionato */
.foto-riempi,.foto-riempi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Frase sotto il logo nel footer */
.fut-footer__intro{color:var(--panna-70);font-size:16px;max-width:24em;margin-top:14px}
.fut-footer__nota{color:var(--panna-70);font-size:16px;margin:0;max-width:16em}

/* Accessibilità: salto al contenuto e testo per soli lettori di schermo */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.salta-al-contenuto{position:absolute;left:var(--gutter);top:-100px;z-index:100;background:var(--blu-futura);color:var(--panna);padding:12px 18px;border-radius:var(--radius-btn);text-decoration:none;transition:top .15s}
.salta-al-contenuto:focus{top:12px;color:var(--panna)}

/* Il menu di WordPress esce come lista: la si appiattisce per riusare le
   regole .fut-nav / .fut-header__panel del design system. */
.fut-nav ul,.fut-header__panel ul{list-style:none;margin:0;padding:0}
.fut-nav ul{display:flex;gap:24px;align-items:center}
.fut-nav{gap:0}
.custom-logo-link img{height:51px;width:auto}

/* Card progetto: nel prototipo titolo e descrizione avevano lo stile inline. */
.fut-progetto h3{font-size:22px}
.fut-progetto p{color:var(--text-muted);font-size:16px}

/* Cosa facciamo: stili che nel prototipo erano inline. */
.cf__schede{min-width:0}
.cf__scheda h2{font-size:var(--fs-h2);margin-bottom:18px}
.cf__scheda .prosa p{font-size:var(--fs-body-lg)}
.cf__nota{margin-top:clamp(32px,4vw,52px);max-width:34em;color:var(--inchiostro-55)}