/* ===== CORREÇÃO DE FONTES PARA MOBILE ===== */

/* Garantir que as fontes personalizadas sejam usadas em todos os dispositivos */
@media screen and (max-width: 768px) {
    /* Forçar uso das fontes personalizadas no body */
    body {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Títulos principais - sobrescrever configurações existentes */
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Hero Title - sobrescrever a configuração existente */
    .hero-title {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Hero Subtitle */
    .hero-subtitle {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Botões */
    .btn, .btn-hero, .btn-primary, .btn-secondary {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Cards e conteúdo de grupos */
    .group-card, .group-title, .group-description {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
      /* Categorias - com especificidade máxima para sobrescrever */
    .category-title, .categories-title, .categories-header {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Regras específicas para elementos das categorias com maior especificidade */
    .categories-header .categories-title {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Sobrescrever configurações específicas do style.css */
    h2.categories-title {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Com ID para máxima especificidade se necessário */
    #grupos .categories-title {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Elementos de navegação */
    .nav, .navbar, .menu {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Inputs e formulários */
    input, textarea, select, .form-control {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Links */
    a {
        font-family: inherit !important;
    }
    
    /* Paragrafos e texto geral */
    p, span, div {
        font-family: inherit !important;
    }
    
    /* Sidebar elementos */
    .sidebar, .sidebar * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Footer elementos */
    .footer, .footer *, .simple-footer, .simple-footer * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Modal elementos */
    .modal, .modal *, .modal-denuncia, .modal-denuncia *, .modal-container, .modal-container * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Tabelas e listas */
    table, table *, ul, ul *, ol, ol *, li {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Cards de grupos específicos */
    .group-item, .group-item *, .group-name, .group-members, .group-description-text {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Dropdown menus */
    .dropdown-menu, .dropdown-menu *, .dropdown-item {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Breadcrumbs e navegação */
    .breadcrumb, .breadcrumb *, .pagination, .pagination * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Alertas e notificações */
    .alert, .alert *, .notification, .notification * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Badges e labels */
    .badge, .label, .tag {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Tooltips */
    .tooltip, .tooltip * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
}

/* Garantir carregamento suave das fontes */
/* As fontes são carregadas via Google Fonts com font-display: swap */

/* Evitar FOIT (Flash of Invisible Text) */
.font-loading {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

.fonts-loaded {
    font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Garantir que fontes sejam aplicadas mesmo com conexão lenta */
@media (prefers-reduced-motion: reduce) {
    * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
}

/* Forçar fontes em dispositivos móveis independente da media query principal */
@media screen and (max-width: 480px) {
    * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Sobrescrever especificamente as configurações do CSS principal */
    .hero-title {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    .hero-subtitle {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
}

/* ===== REGRAS COM MÁXIMA PRIORIDADE PARA GARANTIR FONTES ===== */

/* Regra universal para dispositivos mobile */
@media screen and (max-width: 768px) {
    /* Aplicar fontes com máxima especificidade */
    html * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Títulos com fonte específica */
    html h1, html h2, html h3, html h4, html h5, html h6,
    html .hero-title, html .category-title, html .categories-title, html .categories-header {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Elementos específicos do hero */
    html .hero-title {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    html .hero-subtitle {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
}

/* Regra para telas muito pequenas */
@media screen and (max-width: 480px) {
    html * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    html h1, html h2, html h3, html h4, html h5, html h6,
    html .hero-title, html .category-title, html .categories-title, html .categories-header {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
}

/* Regra para garantir que as fontes sejam aplicadas independente do CSS principal */
@media screen and (max-width: 768px) {
    /* Sobrescrever configurações específicas do CSS principal */
    .hero-title {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    .hero-subtitle {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Garantir que mesmo com configurações inline, as fontes sejam aplicadas */
    body * {
        font-family: 'Inter', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
    
    /* Títulos específicos */
    body h1, body h2, body h3, body h4, body h5, body h6,
    body .hero-title, body .category-title, body .categories-title, body .categories-header {
        font-family: 'Inter', 'Roboto', 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif !important;
    }
}