/* ===== Base layout ===== */

#ateadynHost{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  box-sizing:border-box;
}

#ateadynHost table.outer{
  width:100% !important;
  max-width:100% !important;
}

/* ===== Inputs ===== */

#ateadynHost th.columnContainer{
  padding:0 8px !important;   /* mindre luft mellem felter */
}

#ateadynHost .emptyContainer:last-child{
  margin-bottom:40px !important;   /* luft før næste sektion */
}

#ateadynHost input[type="text"],
#ateadynHost input[type="email"]{
  width:100% !important;
  height:46px !important;
  box-sizing:border-box;
}

/* ===== Submit ===== */

#ateadynHost .submitButton{
  width:300px !important;
  height:46px !important;
}

/* ===== Consent ===== */

#ateadynHost .consentBlock{
  margin-top:14px !important;   /* mindre afstand end før */
  padding:0 8px !important;
}

#ateadynHost .consentBlock label{
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}


/* ===== Mobil ===== */
@media (max-width:768px){

  /* Wrapper må fylde 100% */
  #ateadynHost div[data-layout="true"]{
    max-width:100% !important;
    width:100% !important;
  }

  /* Tabeller må ikke lave overflow */
  #ateadynHost table,
  #ateadynHost table.outer,
  #ateadynHost table.containerWrapper{
    width:100% !important;
    max-width:100% !important;
  }

  /* Kolonner stackes */
  #ateadynHost th.columnContainer{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:unset !important;
    padding:0 !important;
  }

  /* INNER wrapper */
  #ateadynHost th.inner{
    padding:0 !important;
    height:auto !important;
  }

  /* Selve felt-blokken */
  #ateadynHost .textFormFieldBlock{
    padding:0 !important;
    margin-bottom:16px !important;
    max-width:100% !important;      /* <-- vigtigt */
  }

  /* Tving alt inde i feltet til 100% */
  #ateadynHost .textFormFieldBlock *{
    max-width:100% !important;
  }

  /* Inputs HELT ud */
  #ateadynHost input[type="text"],
  #ateadynHost input[type="email"]{
    width:100% !important;
    max-width:100% !important;      /* <-- vigtigt */
    min-width:0 !important;         /* <-- fjerner skjult begrænsning */
    height:48px !important;
    box-sizing:border-box;
  }

  /* Knap helt ud */
  #ateadynHost .submitButton{
    width:100% !important;
    max-width:100% !important;
    height:48px !important;
  }

  /* Consent */
  #ateadynHost .consentBlock{
    padding:0 !important;
    margin-top:12px !important;
  }

  /* Modul sidepadding */
  #ateadynHost{
    padding:0 16px !important;
    box-sizing:border-box;
  }

  /* Ekstra sikkerhed mod horisontal scroll */
  html, body{
    overflow-x:hidden !important;
  }
  /* Tving de hardcodede 600px/580px tables til at fylde mobil */
  #ateadynHost table.outer[style],
  #ateadynHost .columnContainer[style],
  #ateadynHost .containerWrapper[style]{
    width:100% !important;
    max-width:100% !important;
  }

  /* Outer table har ofte display:block inline → gør den normal */
  #ateadynHost table.outer{
    display:table !important;
  }

  /* Fjern evt. centrerings-effekt fra align/auto margins */
  #ateadynHost table.outer,
  #ateadynHost table.containerWrapper{
    margin-left:0 !important;
    margin-right:0 !important;
  }
  #ateadynHost [style*="width: 600px"],
  #ateadynHost [style*="width:600px"],
  #ateadynHost [style*="width: 580px"],
  #ateadynHost [style*="width:580px"]{
    width:100% !important;
  }


}