/* assets/css/style.css */

/* Customizações básicas adicionais ao TailwindCSS */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ocultar barra de rolagem mas manter funcionamento */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Transição suave para imagens carregadas com lazy loading */
img[loading] {
    transition: opacity 0.3s ease-in-out;
}

/* Sombras Premium */
.shadow-premium {
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.08);
}

/* Animação do Drawer Mobile */
.drawer-enter {
    transform: translateX(-100%);
}
.drawer-enter-active {
    transform: translateX(0);
    transition: transform 300ms ease-in-out;
}
.drawer-exit {
    transform: translateX(0);
}
.drawer-exit-active {
    transform: translateX(-100%);
    transition: transform 300ms ease-in-out;
}