/* Casa Lume Lento: i moduli YAVENO visibili (25/09/2026, ritocchi).
   Assistente della casa, targhetta «Cosa c'è in questo sito», cartellino.
   Stessa identità della casa (token di casa.css). Il color lume resta solo
   per prenotare: i bottoni dei moduli sono osso su notte. Niente ombre,
   niente frecce, niente emoji. Tutto fermo con movimento ridotto. */

/* Bottone fisso dell'assistente, in basso a destra (solo computer). */
#chiedi-casa{
  position:fixed;right:var(--gutter);bottom:1.4rem;z-index:40;
  min-height:52px;padding:0 1.4rem;cursor:pointer;
  background:var(--notte-2);border:1px solid var(--osso);color:var(--osso);
  font:400 .76rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;
}
#chiedi-casa:hover{background:var(--osso);color:var(--notte)}

/* Bottone tondo dell'assistente dentro la barra del telefono (solo telefono).
   Vive nella barra fissa, fra il prezzo e «Prenota»: niente sovrapposizioni. */
#chiedi-casa-tel{display:none}

/* Targhetta dentro la riga demo: testo sottolineato, non un bottone fisso. */
#targhetta{background:none;border:0;padding:0;cursor:pointer;color:inherit;
  font:inherit;letter-spacing:inherit;white-space:nowrap;
  text-decoration:underline;text-underline-offset:.18em}
#targhetta:hover{color:var(--osso)}

/* Dentro la cornice della vetrina (data-in-cornice, messo da js/tema.js) la
   riga dice solo che è una demo con foto AI: targhetta, pannello e cartellino
   si vedono a pagina piena (founder, 27/09/2026). */
html[data-in-cornice] #targhetta,html[data-in-cornice] .targhetta-sep,
html[data-in-cornice] #targhetta-pan,html[data-in-cornice] #cartellino{display:none!important}

/* Pannello dell'assistente. */
#conci-casa{
  position:fixed;right:var(--gutter);bottom:5.4rem;z-index:45;
  width:min(380px,calc(100vw - 2rem));max-height:min(70vh,560px);
  display:flex;flex-direction:column;gap:.7rem;
  background:var(--notte-2);border:1px solid var(--linea);color:var(--osso);
  padding:1.1rem 1.1rem 1rem;
}
#conci-casa[hidden]{display:none}
.conci-testa{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}
.conci-testa b{font-family:var(--serif);font-weight:400;font-size:1.15rem}
#conci-chiudi{background:none;border:0;cursor:pointer;color:var(--osso-2);
  font:400 .76rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:.4rem 0}
#conci-chiudi:hover{color:var(--osso)}
.conci-nota{margin:0;font:400 .82rem/1.5 var(--sans);letter-spacing:.04em;color:var(--osso-2)}
#conci-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.conci-chip{background:transparent;border:1px solid var(--osso-3);color:var(--osso);
  font:400 .82rem/1.3 var(--sans);letter-spacing:.05em;padding:.5rem .8rem;cursor:pointer}
.conci-chip:hover{border-color:var(--osso)}
#conci-filo{display:grid;gap:.55rem;overflow-y:auto;min-height:0;flex:1 1 auto;padding-inline-end:.2rem}
#conci-filo:empty{display:none}
.conci-d{justify-self:end;background:var(--bolla);padding:.55rem .8rem;font-size:.98rem;max-width:88%;margin:0}
.conci-r{justify-self:start;background:var(--fisso-testo);color:var(--inchiostro);padding:.6rem .85rem;font-size:.98rem;max-width:92%;margin:0}
.conci-r a{color:inherit}
#conci-scrivi{display:flex;gap:.45rem}
#conci-testo{flex:1;min-width:0;background:transparent;border:1px solid var(--osso-3);
  color:var(--osso);font:400 1rem/1.4 var(--testo);padding:.6rem .8rem}
#conci-scrivi button{background:var(--osso);border:1px solid var(--osso);color:var(--notte);
  font:400 .76rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:0 1rem;cursor:pointer}

/* Pannello della targhetta: si apre sotto la testata (la misura esatta la
   mette js/casa.js). Parla al titolare, nella lingua della pagina. */
#targhetta-pan{
  position:fixed;left:var(--gutter);top:7rem;z-index:45;
  width:min(26rem,calc(100vw - 2rem));max-height:calc(100dvh - 9rem);overflow-y:auto;
  background:var(--notte-2);border:1px solid var(--linea);color:var(--osso);
  padding:1.1rem 1.2rem 1rem;
}
#targhetta-pan[hidden]{display:none}
#targhetta-pan b{font-family:var(--serif);font-weight:400;font-size:1.05rem;display:block;margin-bottom:.5rem}
#targhetta-pan ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
#targhetta-pan li{position:relative;padding-left:1.15rem;color:var(--osso-2)}
#targhetta-pan li::before{content:"";position:absolute;left:0;top:.62em;width:.6rem;height:1px;background:var(--osso-3)}
#targhetta-pan li.visto{color:var(--osso)}
#targhetta-pan li.visto::before{width:.9rem;background:var(--osso)}
#targhetta-pan p{margin:.7rem 0 0;font:400 .8rem/1.6 var(--sans);letter-spacing:.03em;color:var(--osso-3)}
#targhetta-chiudi{background:none;border:0;cursor:pointer;color:var(--osso-2);
  font:400 .76rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;
  padding:.6rem 0;margin-top:.8rem;text-decoration:underline;text-underline-offset:.2em}
#targhetta-chiudi:hover{color:var(--osso)}

/* Cartellino: piccolo, sotto la testata a sinistra (la misura esatta la mette
   js/casa.js). Non intercetta i click, sta su 4 secondi, una volta per modulo.
   Mai sopra la barra fissa né sopra i bottoni: sta in alto, con z-index sotto. */
#cartellino{
  position:fixed;left:var(--gutter);top:7rem;z-index:39;
  width:max-content;max-width:min(480px,calc(100vw - 2rem));
  background:var(--notte-2);border:1px solid var(--linea);color:var(--osso);
  padding:.7rem 1rem;pointer-events:none;text-align:left;
  transition:opacity .4s ease;
}
#cartellino[hidden]{display:none}
#cartellino b{font-family:var(--serif);font-weight:400;font-size:1rem;display:block}
#cartellino span{font:400 .82rem/1.5 var(--sans);letter-spacing:.03em;color:var(--osso-2)}
@media (prefers-reduced-motion:reduce){
  #cartellino{transition:none}
}

/* Telefono: l'assistente vive dentro la barra fissa, la targhetta nella riga
   demo; pannelli sopra la barra, cartellino sotto la testata a tutta larghezza. */
@media (max-width:900px){
  #chiedi-casa{display:none}
  #chiedi-casa-tel{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;
    border-radius:50%;background:transparent;border:1px solid var(--osso-3);
    color:var(--osso);cursor:pointer;padding:0}
  #chiedi-casa-tel:hover{border-color:var(--osso)}
  #chiedi-casa-tel svg{width:20px;height:20px;display:block}
  #targhetta-pan{left:16px;right:16px;width:auto;top:5.4rem}
  #conci-casa{right:16px;left:16px;width:auto;bottom:calc(104px + env(safe-area-inset-bottom))}
  #cartellino{left:16px;right:16px;width:auto;max-width:none;top:5.4rem}
}