/* CSS Limpo e Moderno - Apoiando o Tailwind */
html {
    scroll-behavior: smooth;
}

body {
    transition: opacity 0.3s ease;
}

/* Esconder barra de rolagem onde necessário mas manter funcionalidade */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Suavidade nas transições gerais */
* {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover inteligente para botões - escurece a cor primária */
.add-to-cart,
.bg-terracotta,
.bg-botao,
.btn-hover-brightness {
    transition: background-color 0.3s ease, filter 0.3s ease;
}

.add-to-cart:hover,
.bg-terracotta:hover,
.bg-botao:hover,
.btn-hover-brightness:hover {
    filter: brightness(0.85);
}