/*
 * SPDX-FileCopyrightText: 2026-present Tobias Kunze
 * SPDX-License-Identifier: Apache-2.0
 */

#blogpost img[data-lightbox] {
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
}

#blogpost img[data-lightbox]:hover {
  box-shadow:
    0 2px 5px rgb(0 0 0 / 0.25),
    0 3px 5px rgb(0 0 0 / 0.22);
}

/* The shared dialog.css centres via position: absolute, which ends up
 * document-relative inside the pretalx-com wrapper and scrolls away with
 * the page. Pin it to the viewport instead. */
dialog#lightbox-dialog[open] {
  position: fixed;
}