/*
 * Camada de animações e microinterações do Donelli (arquivo separado, não altera cores nem efeitos dos botões).
 * Cada bloco é independente: para desligar um efeito, apague ou comente o bloco com o mesmo número em
 * assets/js/animacoes.js (e o bloco correspondente aqui). Só usa as variáveis de cor que o site já tem.
 */

/* === 1. LENIS (rolagem suave) === */
html.lenis, html.lenis body { height: auto; }
html.lenis { scroll-behavior: auto !important; } /* o suave nativo brigaria com o Lenis */
.lenis.lenis-stopped { overflow: hidden; }
html { scroll-padding-top: 96px; } /* âncoras sem Lenis também descontam o cabeçalho fixo */

/* === 2. CABEÇALHO INTELIGENTE (mesma cor do cabeçalho, só mais transparente) === */
.dm-cabecalho { transition: transform .4s var(--dm-ease), min-height .3s var(--dm-ease), box-shadow .3s ease, background-color .4s ease; }
.js-anim .dm-cabecalho.dm-cab--rolado { background: rgba(10, 10, 11, .8) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.js-anim .dm-cabecalho.dm-cab--oculto { transform: translateY(-100%); box-shadow: none; }

/* === 3. BOTÕES EM PÍLULA (só formato e respiro lateral; cor, hover e transições continuam os do style.css) === */
body .dm-btn { border-radius: 999px; }
body .dm-btn:where(:not(.dm-btn--texto)) { padding-inline: 2em; }
body .dm-btn--pequeno:where(:not(.dm-btn--texto)) { padding-inline: 1.4em; }
/* O Elementor grava raio e respiro de cada botão com regra mais forte; !important só aqui. */
body .elementor-button { border-radius: 999px !important; padding-inline: 1.8em !important; }
.dm-hero__seta, .dm-hero__pausa { border-radius: 50%; }
.elementor-menu-toggle { border-radius: 50%; aspect-ratio: 1; display: inline-flex; align-items: center; justify-content: center; }

/* === 5. ENTRADAS AO ROLAR === */
.js-anim .dm-transicao__frase { animation: none; } /* a frase agora "acende" palavra por palavra (JS) */
.dm-linha { display: block; overflow: hidden; padding-bottom: .14em; margin-bottom: -.14em; }
.dm-linha__i { display: block; will-change: transform; }
.dm-img-zoom { overflow: hidden; border-radius: 14px; }

/* === 4. ÍCONES: flutuam e giram de leve no hover do bloco === */
.elementor-widget-icon-box .elementor-icon { transition: transform .6s var(--dm-ease); }
.elementor-widget-icon-box:hover .elementor-icon { transform: translateY(-4px) rotate(8deg); }

/* === 8. MICROINTERAÇÕES === */
body .dm-prato--card:hover, body .dm-prato--vitrine:hover { transform: translateY(-6px); box-shadow: 0 26px 50px -22px rgba(0, 0, 0, .6); }
.dm-progresso {
	position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 100000; pointer-events: none;
	transform: scaleX(0); transform-origin: 0 50%; background: var(--dm-ouro-metal);
}
@media (prefers-reduced-motion: reduce) { .dm-progresso { display: none; } }