/*
Theme Name: Vital Guardian Plus
Theme URI: https://github.com/Soualergicoadmin/vital-guardian-plus
Author: Sou Alergico Plus Team
Author URI: https://lovable.dev
Description: Tema adaptado de React / TanStack Start para o Sou Alergico Plus.
Version: 1.0
Text Domain: vital-guardian-plus
*/

/* ========================================================
   GOOGLE FONTS - Inter (mesma fonte usada no Lovable)
   ======================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ========================================================
   OVERRIDE GLOBAL: Usar Inter como fonte padrão do site
   ======================================================== */
:root {
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html, body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ========================================================
   KEYFRAMES PARA ANIMAÇÕES TAILWIND
   ======================================================== */
@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

/* ========================================================
   CORRECOES DE COMPATIBILIDADE TAILWIND -> WORDPRESS
   ======================================================== */

/* WordPress adiciona .wp-site-blocks ou .entry-content que pode conflitar com o layout */
.wp-site-blocks,
.entry-content,
.site-content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* Ocultar a área de conteúdo WordPress vazia (a landing page já é o tema) */
.vital-guardian-content-area:empty {
    display: none;
    padding: 0;
}

.vital-guardian-content-area > *:empty {
    display: none;
}

/* Corrigir seleção de texto */
::selection {
    background-color: #f43f5e;
    color: white;
}

/* Garantir que ícones Lucide (SVG) renderizem inline corretamente */
i[data-lucide] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
}

/* Garantir que SVGs injetados pelo Lucide herdem tamanho do <i> */
i[data-lucide] svg {
    width: 1em;
    height: 1em;
}

/* ========================================================
   BACKDROP BLUR (suporte cross-browser)
   ======================================================== */
.backdrop-blur-md {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

/* ========================================================
   BG-CLIP TEXT (gradientes em texto)
   ======================================================== */
.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}

/* ========================================================
   STICKY HEADER FIX
   ======================================================== */
header.sticky {
    position: sticky;
    top: 0;
    z-index: 50;
}

/* ========================================================
   REMOVE MARGENS/PADDINGS PADRÃO WORDPRESS QUE QUEBRAM LAYOUT
   ======================================================== */
.min-h-screen {
    min-height: 100vh;
}

/* Remove list-style padrão do WordPress em <ul> dentro do tema */
.vital-guardian-wrap ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Remove margens padrão de <p> do WordPress dentro de seções do tema */
.vital-guardian-wrap p {
    margin: 0;
}

/* Remove margens padrão de headings do tema Wordpress/block-editor */
.vital-guardian-wrap h1,
.vital-guardian-wrap h2,
.vital-guardian-wrap h3 {
    margin: 0;
}