/* Legal and booking dialogs of the static Onepage export (own styles). */
dialog{border:0;border-radius:10px;padding:28px;max-width:min(900px,calc(100% - 32px));max-height:90dvh;color:#121717;background:#fff;box-shadow:0 20px 100px #0004;overflow:auto;font-family:Lato,sans-serif;font-size:16px;line-height:1.5}
dialog::backdrop{background:#061719bb}
dialog h2,dialog h3{font-family:'Cormorant Garamond',serif;color:#0b2f33;line-height:1.2}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}
.dialog-head h2{font-size:28px;margin:0}
.dialog-head button,dialog [data-dialog-close],dialog [data-close-dialog],dialog .dialog-close{border:0;background:#eaf0ef;border-radius:50%;min-width:44px;min-height:44px;font-size:25px;color:#0b2f33;cursor:pointer}
#booking-dialog{width:850px}
#booking-dialog[open]{display:flex;flex-direction:column;height:min(800px,90dvh)}
#booking-dialog .dialog-head{flex:0 0 auto}
#booking-frame{flex:1 1 auto;min-height:0}
#booking-frame iframe{width:100%;height:100%;border:0}
.booking-fallback{flex:0 0 auto;font-size:13px;margin-top:12px}
.booking-fallback a{display:inline-block;color:#0b2f33}
.legal-content{font-size:15px}
.legal-content h2,.legal-content h3{margin:20px 0 10px}
.frey-dialog-close{position:sticky;top:0;display:block;margin:0 0 16px auto;z-index:1}
.frey-legal-text{white-space:pre-line;overflow-wrap:anywhere}
.frey-legal-dialog h2{margin-bottom:20px}
.frey-legal-dialog a{color:#0b2f33}
body:has(dialog[open]){overflow:hidden}
@media (max-width:768px){dialog{padding:20px;max-width:calc(100% - 20px)}.dialog-head h2{font-size:23px}}