/* Estilos customizados — Casarão Pizzaria Cardápio */

/* Esconde elementos Alpine antes da inicialização */
[x-cloak] { display: none !important; }

/* Previne auto-zoom no iOS ao focar inputs (mínimo 16px) */
@supports (-webkit-touch-callout: none) {
    input, textarea, select { font-size: 16px !important; }
}

/* Scrollbar horizontal das categorias */
.category-scroll::-webkit-scrollbar {
    display: none;
}
.category-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Skeleton loading */
.skeleton {
    background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
    background-size: 200% 100%;
    animation: skeleton-pulse 1.5s ease-in-out infinite;
}
@keyframes skeleton-pulse {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Transição do modal */
.modal-enter {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

/* Focus visible para acessibilidade */
:focus-visible {
    outline: 2px solid #543517;
    outline-offset: 2px;
}

/* Spinner reutilizável (substitui SVG duplicado) */
.spinner {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border: 3px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin 0.75s linear infinite;
    opacity: 0.75;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}