/* whatsapp: CSS delle composizioni, portato dallo <style> dei componenti Astro (src/sezioni/whatsapp/) e limitato alla classe della sezione. */

/* whatsapp/Vetrina.astro → .b-whatsapp-vetrina */
  .chat.b-whatsapp-vetrina { position: relative; display: grid; grid-template-columns: minmax(0, .8fr) 1.2fr; min-height: 100svh; margin-top: -48px; }
  .chat.b-whatsapp-vetrina .foto { height: 100%; min-height: 70svh; }
  .chat.b-whatsapp-vetrina .chat-corpo { align-self: center; padding: 64px var(--margine); }
  .chat.b-whatsapp-vetrina .chat-titolo { font-size: clamp(2.6rem, 6vw, var(--scala-6)); margin-bottom: .5em; }
  .chat:not(:has(.foto)).b-whatsapp-vetrina { grid-template-columns: 1fr; }
  @media (max-width: 700px) {
    .chat.b-whatsapp-vetrina { grid-template-columns: 1fr; }
    .chat.b-whatsapp-vetrina .foto { min-height: 52svh; }
  }

/* whatsapp/Breve.astro → .b-whatsapp-breve */
  .breve.b-whatsapp-breve { position: relative; padding: clamp(104px, 20vh, 200px) var(--margine) clamp(72px, 14vh, 140px); }
  .breve.b-whatsapp-breve .chat-corpo { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: clamp(24px, 5vw, 88px); align-items: start; }
  .breve.b-whatsapp-breve .chat-titolo { grid-row: 1 / span 3; font-size: clamp(2.6rem, 5.6vw, var(--scala-6)); text-wrap: balance; }
  .breve.b-whatsapp-breve .chat-corpo > :not(.chat-titolo) { grid-column: 2; }
  .breve.b-whatsapp-breve .scelte { margin: 26px 0 28px; }
  @media (max-width: 860px) {
    .breve.b-whatsapp-breve .chat-corpo { grid-template-columns: minmax(0, 1fr); }
    .breve.b-whatsapp-breve .chat-titolo { grid-row: auto; margin-bottom: .5em; }
    .breve.b-whatsapp-breve .chat-corpo > :not(.chat-titolo) { grid-column: 1; }
  }

/* whatsapp/Ritratto.astro → .b-whatsapp-ritratto */
  .ritratto.b-whatsapp-ritratto { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); min-height: calc(100svh - var(--testata)); }
  .ritratto[data-fondo="chiaro"].b-whatsapp-ritratto { background: var(--fondo-alt); }
  .ritratto.b-whatsapp-ritratto .foto { height: calc(100svh - var(--testata)); aspect-ratio: 9 / 19; background: transparent; }
  .ritratto.b-whatsapp-ritratto .foto img { object-position: 50% 30%; }
  .ritratto.b-whatsapp-ritratto .chat-corpo { align-self: center; padding: 64px var(--margine) 64px clamp(24px, 4vw, 56px); }
  .ritratto.b-whatsapp-ritratto .chat-titolo { font-size: clamp(2.6rem, 6vw, var(--scala-6)); margin-bottom: .5em; color: var(--titoli); }
  .ritratto[data-fondo="chiaro"].b-whatsapp-ritratto .nuvola { background: var(--fondo); }
  .ritratto[data-fondo="scuro"].b-whatsapp-ritratto .chat-titolo { color: inherit; }
  .ritratto:not(:has(.foto)).b-whatsapp-ritratto { grid-template-columns: 1fr; }
  @media (max-width: 700px) {
    .ritratto.b-whatsapp-ritratto { grid-template-columns: 1fr; }
    .ritratto.b-whatsapp-ritratto .foto { height: 46svh; width: 100%; aspect-ratio: auto; }
    .ritratto.b-whatsapp-ritratto .foto img { object-position: 50% 12%; }
    .ritratto.b-whatsapp-ritratto .chat-corpo { padding: 40px var(--margine) 56px; }
  }