/* ════════════════════════════════════════════════════════════
   Atelier · integració del chrome del lloc (rl-header + rl-footer)
   El configurador manté la seva graella funcional; el header fix
   del lloc flota a dalt i el footer del lloc va al final del tot.
   Carregar SEMPRE després d'atelier.css.
═══════════════════════════════════════════════════════════ */

/* graella: afegim una 4a fila per al rl-footer + reservem l'espai
   del header fix (que flota i no ocupa fila). Alliberem l'overflow
   perquè la finestra faci scroll i el footer del lloc sigui accessible. */
body.atelier {
  grid-template-rows: auto 1fr auto auto;
  padding-top: clamp(100px, 11vh, 120px);
  overflow: visible;
}

/* l'app (stage + barra funcional) omple ~una pantalla perquè el
   footer del lloc quedi a sota (la pàgina fa scroll per veure'l) */
body.atelier .atelier-stage { min-height: calc(100vh - 240px); }

/* footer del lloc · bloc d'amplada completa al final (fila 4) */
body.atelier .rl-footer {
  grid-row: 4;
  position: relative;
  z-index: 10;
  margin-top: clamp(28px, 4vh, 60px);
}