/* @file static/css/site.css */
/* @description Additions on top of the copied old styles (style.css): the lightbox and the
   <dialog> modal that replace fancybox, and small helpers. Nothing here changes the old look. */

/* modal window: the old .mod_win was shown by fancybox; now it is a native <dialog> */
dialog.mod_win { display: none; border: 0; margin: auto; box-shadow: 0 10px 40px rgba(0,0,0,.3); background: #fff; }
dialog.mod_win[open] { display: block; margin-top: 40px !important; }
dialog.mod_win::backdrop { background: rgba(24,24,27,.6); }
dialog.mod_win .mw_bottom .link { background: none; border: 0; cursor: pointer; margin-left: 16px; }
.mw_success { color: #2e7d32; font-weight: 600; }

/* lightbox */
dialog.lightbox { border: 0; padding: 0; background: transparent; max-width: 100vw; max-height: 100vh; width: 100vw; height: 100vh; }
dialog.lightbox::backdrop { background: rgba(24,24,27,.92); }
dialog.lightbox .lb_stage { position: absolute; inset: 48px 64px 56px; display: flex; align-items: center; justify-content: center; }
dialog.lightbox .lb_stage img { max-width: 100%; max-height: 100%; border-radius: 4px; box-shadow: 0 8px 32px rgba(0,0,0,.5); }
dialog.lightbox .lb_stage iframe { width: min(1120px, 100%); aspect-ratio: 16 / 9; max-height: 100%; border: 0; background: #000; }
dialog.lightbox button { position: absolute; z-index: 2; border: 0; background: rgba(255,255,255,.12); color: #fff; font: 32px/1 sans-serif; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; }
dialog.lightbox button:hover { background: rgba(255,255,255,.28); }
dialog.lightbox .lb_close { top: 12px; right: 12px; }
dialog.lightbox .lb_prev { left: 8px; top: 50%; margin-top: -24px; }
dialog.lightbox .lb_next { right: 8px; top: 50%; margin-top: -24px; }
dialog.lightbox.single .lb_prev, dialog.lightbox.single .lb_next { display: none; }
dialog.lightbox .lb_caption { position: absolute; left: 0; right: 0; bottom: 16px; text-align: center; color: #fff; font-size: 14px; padding: 0 64px; }
@media (max-width: 620px) {
  dialog.lightbox .lb_stage { inset: 48px 8px 56px; }
  dialog.lightbox .lb_prev, dialog.lightbox .lb_next { display: none; }
}

/* А7: таблица «Свободные номера» приходит целиком, строки после пятой показывает кнопка */
.rooms_list .rl_block.rl_extra { display: none; }