/* =====================================================================
   TemaFB — BASE (riutilizzabile) · v1.3.1 · 31 ottobre 2026
   Pezzi che servono a qualsiasi sito: testi di servizio, avvisi solo-editor,
   sezioni, segnaposto "FOTO DA FARE", pagine standard, effetti di comparsa.
   Usa solo variabili di RUOLO (--fb-primario, --fb-accento, --fb-sfondo…):
   i colori veri li assegna la veste (veste/css/veste.css).
   Le classi iniziano con "fb-" (restano così: sono già nelle pagine).
   ===================================================================== */
:root{
  /* valori neutri di riserva: la veste li sostituisce tutti */
  --fb-primario:#1f2a33; --fb-primario-scuro:#141c22; --fb-sfondo:#fbfaf8; --fb-sfondo-caldo:#f1ede6;
  --fb-accento:#8a7f5a; --fb-accento-su-scuro:#c9b98a; --fb-testo:#333; --fb-nota:#6b6b6b;
  --fb-font-titoli:Georgia,serif; --fb-font-testo:system-ui,sans-serif;
  --fb-filo:rgba(0,0,0,.15); --fb-filo-su-scuro:rgba(255,255,255,.25);
  --fb-gutter:clamp(16px,4vw,56px); --fb-sez:clamp(64px,9vw,120px);
}
html{scroll-behavior:smooth}
body{overflow-x:clip}
/* difetto 3: niente striscia avorio tra testata, contenuto e piè */
.wp-site-blocks>*{margin-block-start:0}
body{-webkit-font-smoothing:antialiased}
img{height:auto}
a:focus-visible,button:focus-visible{outline:3px solid var(--fb-accento-su-scuro);outline-offset:3px}

/* ---------- testi di servizio ---------- */
.fb-etichetta,.is-style-etichetta{font-family:var(--fb-font-testo);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--fb-accento);margin:0 0 10px}
.fb-blu .fb-etichetta,.fb-blu .is-style-etichetta{color:var(--fb-accento-su-scuro)}
.is-style-citazione,.fb-cit{font-family:var(--fb-font-titoli);font-style:italic;font-size:17px;color:var(--fb-primario);line-height:1.5}
.is-style-nota,.fb-nota{font-size:13px;color:var(--fb-nota)}
.fb-nota b,.is-style-nota b{color:var(--fb-accento)}
.fb-esempio{display:inline-block;font-family:var(--fb-font-testo);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--fb-accento);padding:3px 7px;vertical-align:middle;margin-left:8px;border-radius:2px}
/* testo visibile solo nell'editor (istruzioni per Marco) */
.fb-solo-editor{display:none}
.editor-styles-wrapper .fb-solo-editor{display:block!important;background:#FFF1A8!important;border:1px solid #E8C200;border-left:6px solid #E0A800;padding:12px 16px!important;margin:12px 0!important;font-family:var(--fb-font-testo)!important;font-style:normal!important;font-size:14px!important;line-height:1.5!important;color:#3d3000!important;max-width:none!important}
.editor-styles-wrapper .fb-solo-editor::before{content:"Solo nell'editor · ";font-weight:700;color:#8a6a00}
/* TemaFB 1.2.0 · posto segnato per il blocco di un plugin (es. modulo di contatto): solo nell'editor */
.fb-posto{display:none}
.editor-styles-wrapper .fb-posto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:280px;padding:28px;text-align:center;position:relative;background:var(--fb-sfondo-caldo);background-image:repeating-linear-gradient(135deg,transparent 0 14px,rgba(0,73,118,.07) 14px 15px)}
.editor-styles-wrapper .fb-posto::after{content:"";position:absolute;inset:14px;border:1.5px dashed var(--fb-accento);pointer-events:none}
.editor-styles-wrapper .fb-posto>*{position:relative;z-index:1;margin:0}
.fb-posto-t{font-family:var(--fb-font-testo);font-weight:700;font-size:12px;letter-spacing:.24em;color:var(--fb-accento)}
.fb-posto-d{font-family:var(--fb-font-titoli);font-style:italic;font-size:15px;color:var(--fb-primario);max-width:36ch}

/* ---------- sezioni ---------- */
.fb-sez,.is-style-sezione{padding-top:var(--fb-sez);padding-bottom:var(--fb-sez)}
.fb-sez-corta{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
.fb-sez-senza-sopra{padding-top:0}
.fb-blu,.is-style-sezione-blu{background:var(--fb-primario);color:#fff}
.is-style-sezione-blu{padding-top:var(--fb-sez);padding-bottom:var(--fb-sez)}
.fb-blu h1,.fb-blu h2,.fb-blu h3,.is-style-sezione-blu h2,.is-style-sezione-blu h3{color:#fff}
.fb-blu p{color:rgba(255,255,255,.88)}
.fb-blu a{color:#fff}
.fb-carta,.is-style-sezione-carta{background:var(--fb-sfondo-caldo)}
.is-style-sezione-carta{padding-top:var(--fb-sez);padding-bottom:var(--fb-sez)}
.fb-sez-t{margin-bottom:clamp(32px,5vw,56px)}
.fb-sez-t>*{max-width:720px}
.fb-sez-t h2{margin:10px 0 14px}
.fb-sez-t p{font-size:19px;max-width:60ch}
.fb-sez-t.fb-largo{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.fb-sez-t.fb-largo>*{margin-bottom:0;max-width:none}
.fb-azioni{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.fb-azioni .wp-block-buttons{gap:14px}
.wp-block-button__link{white-space:nowrap;text-decoration:none}
.wp-block-button.is-style-outline .wp-block-button__link{color:var(--fb-primario);border-color:var(--fb-primario);background:transparent}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--fb-primario);color:#fff}
.fb-blu .wp-block-button.is-style-outline .wp-block-button__link,.wp-block-button.is-style-bianco .wp-block-button__link{border:1.5px solid rgba(255,255,255,.7);color:#fff;background:transparent}
.fb-blu .wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-button.is-style-bianco .wp-block-button__link:hover{background:#fff;color:var(--fb-primario)}
.wp-block-button.is-style-whatsapp .wp-block-button__link{background:#fff;border:1.5px solid var(--fb-primario);color:var(--fb-primario);padding-left:52px;position:relative}
.wp-block-button.is-style-whatsapp .wp-block-button__link::before{content:"";position:absolute;left:22px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 1.8a8.2 8.2 0 0 1 0 16.4 8 8 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 0 1 12 3.8zm-3 4.3c-.2 0-.5 0-.7.3-.3.3-1 1-1 2.3s1 2.7 1.1 2.9c.2.2 2 3.1 4.9 4.2 2.4.9 2.9.8 3.4.7.5 0 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3l-.6-.3c-.2-.1-1.7-.8-1.9-.9-.3-.1-.4-.1-.6.1l-.9 1.1c-.2.2-.3.2-.6.1-.3-.1-1.2-.4-2.3-1.4-.8-.7-1.4-1.6-1.6-1.9-.2-.3 0-.4.1-.6l.4-.5.3-.5c.1-.2 0-.4 0-.5l-.9-2.1c-.2-.5-.4-.4-.6-.4h-.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 1.8a8.2 8.2 0 0 1 0 16.4 8 8 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 0 1 12 3.8zm-3 4.3c-.2 0-.5 0-.7.3-.3.3-1 1-1 2.3s1 2.7 1.1 2.9c.2.2 2 3.1 4.9 4.2 2.4.9 2.9.8 3.4.7.5 0 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3l-.6-.3c-.2-.1-1.7-.8-1.9-.9-.3-.1-.4-.1-.6.1l-.9 1.1c-.2.2-.3.2-.6.1-.3-.1-1.2-.4-2.3-1.4-.8-.7-1.4-1.6-1.6-1.9-.2-.3 0-.4.1-.6l.4-.5.3-.5c.1-.2 0-.4 0-.5l-.9-2.1c-.2-.5-.4-.4-.6-.4h-.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.wp-block-button.is-style-whatsapp .wp-block-button__link:hover{background:var(--fb-primario);color:#fff}
.fb-btn-largo .wp-block-button,.fb-btn-largo .wp-block-button__link{width:100%;justify-content:center;text-align:center}
.fb-btn-largo .wp-block-button__link{padding-top:19px;padding-bottom:19px;font-size:16px}

/* ---------- segnaposto "FOTO DA FARE" ---------- */
.fb-foto{position:relative;background:var(--fb-sfondo-caldo);background-image:repeating-linear-gradient(135deg,transparent 0 14px,rgba(0,73,118,.07) 14px 15px);display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--fb-primario);margin:0}
.fb-foto::after{content:"";position:absolute;inset:14px;border:1.5px dashed var(--fb-accento);pointer-events:none}
.fb-foto-in{text-align:center;padding:24px;max-width:28ch}
.fb-foto-in svg{width:36px;height:36px;margin:0 auto 10px;color:var(--fb-accento);display:block}
.fb-foto-in strong{display:block;font-family:var(--fb-font-testo);font-size:12px;letter-spacing:.24em;color:var(--fb-accento);margin-bottom:6px}
.fb-foto-in span{font-family:var(--fb-font-titoli);font-style:italic;font-size:15px;line-height:1.35;color:var(--fb-primario)}
.fb-blu .fb-foto{background:var(--fb-primario-scuro);background-image:repeating-linear-gradient(135deg,transparent 0 14px,rgba(210,180,103,.14) 14px 15px);color:#fff}
.fb-blu .fb-foto-in span{color:#fff}
.fb-blu .fb-foto-in strong,.fb-blu .fb-foto-in svg{color:var(--fb-accento-su-scuro)}
.fb-blu .fb-foto::after{border-color:var(--fb-accento-su-scuro)}
@media(max-width:860px){.fb-foto-in{padding:12px}.fb-foto-in span{font-size:13px}.fb-foto-in svg{width:26px;height:26px;margin-bottom:6px}.fb-foto-in strong{font-size:10px;letter-spacing:.18em}}
/* Segnaposto "FOTO DA FARE" come blocco Copertina (TemaFB 1.1.0): stesso aspetto del riquadro HTML.
   Finché l'immagine è quella segnaposto, si vede il tratteggio con la didascalia; con la foto vera spariscono da soli. */
.wp-block-cover.fb-foto{min-height:200px;padding:0;color:var(--fb-primario);overflow:hidden}
.fb-fotoc img.wp-block-cover__image-background[src*="foto-da-fare"]{opacity:0}
.wp-block-cover.fb-fotoc .wp-block-cover__background{opacity:0!important}
.wp-block-cover.fb-fotoc .wp-block-cover__inner-container{width:auto;max-width:28ch;padding:24px;margin:0;text-align:center;color:var(--fb-primario);z-index:1;transform:none!important}
.fb-fotoc .wp-block-cover__inner-container>*{margin:0}
.fb-foto-l{font-family:var(--fb-font-testo);font-size:12px!important;font-weight:700;letter-spacing:.24em;line-height:1.6!important;color:var(--fb-accento)!important;margin:0 0 6px!important}
.fb-foto-l::before{content:"";display:block;width:36px;height:36px;margin:0 auto 10px;background:currentColor;-webkit-mask:var(--fb-ico-foto) center/contain no-repeat;mask:var(--fb-ico-foto) center/contain no-repeat}
.fb-foto-d{font-family:var(--fb-font-titoli);font-style:italic;font-size:15px!important;line-height:calc(1.6 * var(--wp--preset--font-size--testo,17px))!important;color:var(--fb-primario)!important}
:root{--fb-ico-foto:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h3l2-2h6l2 2h3v12H4z' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3Ccircle cx='12' cy='13' r='3.5' fill='none' stroke='%23000' stroke-width='1.4'/%3E%3C/svg%3E")}
.fb-blu .fb-foto-d{color:#fff!important}
.fb-blu .fb-foto-l{color:var(--fb-accento-su-scuro)!important}
.fb-fotoc:not(:has(img[src*="foto-da-fare"])){background:none}
.fb-fotoc:not(:has(img[src*="foto-da-fare"]))::after,.fb-fotoc:not(:has(img[src*="foto-da-fare"])) .wp-block-cover__inner-container{display:none}
/* TemaFB 1.1.1 · solo nell'editor: le scritte del segnaposto non prendono il clic,
   così un clic in qualsiasi punto del riquadro seleziona la Copertina e compare "Sostituisci".
   (La didascalia si può ancora correggere dalla Vista elenco.) Sul sito non cambia nulla. */
.editor-styles-wrapper .fb-fotoc .wp-block-cover__inner-container>*{pointer-events:none}
@media(max-width:860px){.wp-block-cover.fb-fotoc .wp-block-cover__inner-container{padding:12px}.fb-foto-d{font-size:13px!important}.fb-foto-l::before{width:26px;height:26px;margin-bottom:6px}.fb-foto-l{font-size:10px!important;letter-spacing:.18em}}
/* Contenitori dei segnaposto (porte, lavori, mappa): il gruppo non aggiunge spazi */
.wp-block-group.fb-porta-img>.fb-foto,.wp-block-group.fb-lav>.fb-foto,.wp-block-group.fb-mappa>.fb-foto{margin:0}
.wp-block-group.fb-mappa>.fb-fotoc{min-height:320px}
@media(max-width:960px){.wp-block-group.fb-mappa>.fb-fotoc{min-height:240px}}


/* ---------- PAGINE STANDARD (page, single, archive, 404) ---------- */
.fb-pagina{padding-top:clamp(40px,6vw,72px);padding-bottom:var(--fb-sez)}
.fb-pagina .wp-block-post-title,.fb-pagina .wp-block-post-date,.fb-pagina .wp-block-post-terms,.fb-pagina>.fb-etichetta{max-width:760px;margin-left:auto;margin-right:auto}
.fb-pagina .wp-block-post-title{margin-bottom:28px}
.fb-pagina .wp-block-post-content>*{max-width:760px}
.fb-pagina .wp-block-post-content>.alignwide{max-width:1400px}
.fb-pagina .wp-block-post-content>.alignfull{max-width:none}
.fb-404{text-align:center;padding-top:var(--fb-sez);padding-bottom:var(--fb-sez)}
.fb-404 .wp-block-search{max-width:520px;margin:28px auto 0}
.wp-block-search .wp-block-search__inside-wrapper{gap:10px;border:0;padding:0}
.wp-block-search .wp-block-search__input{border:1.5px solid rgba(168,153,104,.55);border-radius:2px;background:#fff;padding:14px 16px;font-family:var(--fb-font-testo);font-size:16px;color:var(--fb-testo);min-width:0}
.wp-block-search .wp-block-search__input:focus{outline:2px solid var(--fb-accento);outline-offset:1px;border-color:var(--fb-accento)}
.wp-block-search .wp-block-search__button{margin-left:0;flex:none}
.fb-404 img{height:180px;width:auto;margin:0 auto 32px}
.fb-404 h1{font-size:var(--wp--preset--font-size--titolo);max-width:none}
.fb-404 h1 em{font-style:italic;color:var(--fb-accento)}
.fb-elenco .wp-block-post-title a{text-decoration:none}
.fb-elenco .wp-block-post{padding:24px 0;border-top:1px solid var(--fb-filo)}

/* ---------- EFFETTI B (titoli parola per parola) e "sale" (blocchi che salgono) ---------- */
.fb-riv .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.fb-riv .w>span{display:inline-block;transform:translateY(110%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.fb-riv.fb-in .w>span{transform:none}
.fb-sale{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.fb-sale.fb-in{opacity:1;transform:none}
/* nell'editor gli effetti sono spenti: Marco vede tutto subito */
.editor-styles-wrapper .fb-sale,.editor-styles-wrapper .fb-riv .w>span{opacity:1;transform:none}
.editor-styles-wrapper .fb-cornice i{transform:none}
.editor-styles-wrapper .fb-hero-testo>*{opacity:1;animation:none}
.editor-styles-wrapper .fb-misure svg .tr,.editor-styles-wrapper .fb-misure svg .tratto,.editor-styles-wrapper .fb-misure svg .libro,.editor-styles-wrapper .fb-tess.fb-misure3 .dis rect{stroke-dashoffset:0;fill-opacity:1;opacity:1;transform:none}
.editor-styles-wrapper .fb-testata{position:relative}
.editor-styles-wrapper .fb-scheda>.wp-block-column:first-child,.editor-styles-wrapper .fb-antep{position:static}
.editor-styles-wrapper .fb-barra{display:flex;position:static}
.editor-styles-wrapper .fb-avviso{display:block}

/* Pattern "Mappa della bottega" (TemaFB 1.1.1): avviso + mappa chiusi in UNA sezione (.fb-mappa-sez).
   La sezione prende tutta l'altezza della colonna, così la mappa resta alta come "Dove siamo". */
.fb-mappa-sez{height:100%}
.fb-mappa-sez>.fb-mappa,.fb-mappa-sez>.fb-mappa-qui{margin-block:0}
/* segnaposto della mappa (visibile solo nell'editor: sul sito il server lo sostituisce con la mappa) */
.fb-mappa-qui{min-height:240px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:var(--fb-sfondo-caldo);border:1.5px dashed var(--fb-accento);color:var(--fb-primario);font-family:var(--fb-font-titoli);font-style:italic}