/**
 * Sys Cardapio Flipbook - Painel Cadastro
 * Componente: Lightbox
 * Responsabilidade: overlay, imagem maior e botao fechar.
 *
 * Regra:
 * - nao incluir miniaturas;
 * - nao incluir estilos de cards;
 * - nao incluir estilos de formulario;
 * - nao usar CSS inline.
 */

/*
 * Classes atuais emitidas pelo JS. O object-fit: contain e exclusivo da
 * imagem maior do lightbox para preservar a imagem inteira.
 */
.sys-cardapio-cadastro-lightbox {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: var(--sfv-overlay);
}

.sys-cardapio-cadastro-lightbox[hidden] {
    display: none;
}

.sys-cardapio-cadastro-lightbox__image {
    display: block;
    max-width: min(920px, 92vw);
    max-height: 82vh;
    object-fit: contain;
    border: 1px solid var(--sfv-border-strong);
    border-radius: 16px;
    background: var(--sfv-bg-elevated);
    box-shadow: var(--sfv-shadow-lg);
}

.sys-cardapio-cadastro-lightbox__close {
    position: fixed;
    top: 16px;
    right: 16px;
    min-width: 42px;
    min-height: 42px;
    padding: 8px 12px !important;
    border-color: var(--sfv-border-strong) !important;
    background: var(--sfv-bg-surface-1) !important;
    color: var(--sfv-accent) !important;
    cursor: pointer;
    font-weight: 900;
}