/* Čistý overlay – jen stín + středový obsah shortcodu. Responzivní,
   10px odsazení od okraje, max šířka 1100px, vnitřní scroll. */

.modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}

.modal.is-open{
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal__overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.65);
}

.modal__dialog{
  position: relative;
  z-index: 1;
  background: transparent;
  padding: 0;
  margin: 0;

  /* Šířka a odsazení */
  width: min(1100px, calc(100vw - 20px)); /* 10px od okraje na obě strany */
  max-width: 1100px;

  /* Výška a scroll uvnitř */
  max-height: calc(100vh - 20px); /* 10px nahoře i dole */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.modal__content{
  min-height: 0;
}

/* Zabránit scrollu pod overlayem */
html.modal-open, body.modal-open { overflow: hidden; }