/* /public/css/builder/preview/publish-base.css */
@import url('../core/content-reset.css');

/* pagina web normale */
html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
}

/* Ritaglia overflow orizzontale a livello root (100vw, fixed full-bleed, ecc.); body da solo non basta su alcuni casi. */
html{
  overflow-x: hidden;
}

body{
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
}

/* base tipografica coerente con builder */
#builderPage, .builder-page{
  font-family: Arial, Helvetica, sans-serif;
}

/* box sizing */
*, *::before, *::after{ box-sizing: border-box; }

/* container query: QUESTO è fondamentale */
#previewViewport.builder-viewport,
.builder-viewport{
  width: 100%;
  margin: 0;
  padding: 0;

  container-type: inline-size;
  container-name: builderViewport;
}

/* ⚠️ il builder spesso si porta dietro width inline sul root: va neutralizzata */
#builderPage, .builder-page{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;

  height: auto !important;
  min-height: 100vh !important;
  overflow: visible !important;
}

/* Footer legali sotto al viewport pubblicato (Impostazioni pubblicazione) */
.builder-published-legal-footer{
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px 14px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(17, 24, 39, 0.72);
  background: rgba(255,255,255, 0.96);
  border-top: 1px solid rgba(0,0,0, 0.08);
  clear: both;
}
.builder-published-legal-footer__nav{
  max-width: 1200px;
  margin: 0 auto;
}
.builder-published-legal-footer__sep{
  user-select: none;
}
.builder-published-legal-footer__a{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.builder-published-legal-footer__a:hover{
  color: #111827;
}