/*
Theme Name: Meemic Custom Theme
Theme URI: https://meemic.ai
Author: Meemic AI Team
Author URI: https://meemic.ai
Description: Tema leve e customizado para o site de marketing do Meemic.ai, livre de page builders lentos.
Version: 1.0.0
Text Domain: meemic-theme
*/

/* --- CSS GLOBAL PARA EVITAR LINHAS BRANCAS --- */
html, body { 
    margin: 0 !important; 
    padding: 0 !important; 
    width: 100%; 
    overflow-x: hidden; /* Evita rolagem lateral */
}

/* Cores de fundo padrão */
body { background-color: #FFFFFF; }
body.dark { background-color: #0D0D0D; }

/* Estilo de Vidro (Glassmorphism) para o Menu */
.glass {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.dark .glass {
    background: rgba(13, 13, 13, 0.95);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* Classe para animação de scroll (Reveal) */
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }

/* Estilos dos Balões de Chat */
.chat-bubble {
    position: relative; padding: 10px 14px; border-radius: 12px;
    max-width: 85%; margin-bottom: 10px; font-size: 0.85rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); line-height: 1.4;
}
.chat-user { background-color: #DCF8C6; align-self: flex-end; margin-left: auto; border-bottom-right-radius: 2px; color: black; }
.chat-meemic { background-color: white; align-self: flex-start; margin-right: auto; border-bottom-left-radius: 2px; border: 1px solid #eee; color: black; }

/* Modo Escuro do Chat */
.dark .chat-user { background-color: #056162; color: white; }
.dark .chat-meemic { background-color: #262D31; border-color: #333; color: white; }

/* Scrollbar fina dentro do celular */
.phone-scroll::-webkit-scrollbar { width: 4px; }
.phone-scroll::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }