/* Sabor Eureka — estilos custom (complementa o Tailwind CDN) */

body {
  background-color: #F4F4EE;
  color: #2E322F;
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  overflow-x: hidden;
}

@keyframes floatSlow {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-8px) rotate(1deg); }
}

@keyframes morphBlob {
  0%, 100% { border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; }
  50% { border-radius: 60% 40% 30% 70% / 40% 60% 40% 60%; }
}

.animate-float { animation: floatSlow 6s ease-in-out infinite; }
.animate-morph { animation: morphBlob 12s ease-in-out infinite; }

.glass-nav {
  background-color: rgba(244, 244, 238, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.glass-card {
  background-color: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #F4F4EE; }
::-webkit-scrollbar-thumb { background: #9CB0A1; border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: #829988; }

/* conteúdo rico (artigos / receitas) */
.rich-content h2 { font-size: 1.4rem; font-weight: 800; color: #2E322F; margin: 1.5rem 0 0.6rem; }
.rich-content h3 { font-size: 1.15rem; font-weight: 700; color: #2E322F; margin: 1.25rem 0 0.5rem; }
.rich-content h4 { font-size: 1rem; font-weight: 700; color: #3E5042; margin: 1rem 0 0.4rem; }
.rich-content p { margin: 0.7rem 0; line-height: 1.75; color: #58605B; font-size: 0.95rem; }
.rich-content ul, .rich-content ol { margin: 0.7rem 0 0.7rem 1.4rem; line-height: 1.75; color: #58605B; font-size: 0.95rem; }
.rich-content ul { list-style: disc; }
.rich-content ol { list-style: decimal; }
.rich-content li { margin: 0.3rem 0; }
.rich-content img { border-radius: 1.25rem; margin: 1rem 0; box-shadow: 0 10px 25px -5px rgba(46,50,47,.07); }
.rich-content figure { margin: 1rem 0; }
.rich-content figcaption { font-size: 0.8rem; color: #829988; text-align: center; margin-top: 0.4rem; }
.rich-content a { color: #96503C; text-decoration: underline; text-underline-offset: 3px; }
.rich-content blockquote { border-left: 3px solid #9CB0A1; padding-left: 1rem; margin: 1rem 0; color: #3E5042; font-style: italic; }
.rich-content table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.85rem; }
.rich-content th, .rich-content td { border: 1px solid #D8DED5; padding: 0.5rem 0.75rem; text-align: left; }
.rich-content th { background: #E6EDE8; font-weight: 700; color: #2E322F; }
.rich-content .wp-block-heading { font-weight: 800; }