/* Otimizações Mobile para Footer do Blog - ABH Motoboys */

/* 1. Otimizações para telas pequenas */
@media (max-width: 768px) {
    .footer-ultra-premium {
        margin-top: 2rem;
    }
    
    .footer-gradient-bg {
        padding: 2rem 0 1rem;
    }
    
    .footer-content {
        gap: 1.5rem;
        padding: 0 1rem;
    }
    
    /* Simplificar animações em mobile */
    .footer-ultra-premium {
        animation: none;
    }
    
    /* Reduzir complexidade de gradientes */
    .footer-gradient-bg::before {
        background: 
            radial-gradient(circle at 20% 80%, rgba(59, 130, 246, 0.05) 0%, transparent 50%);
    }
    
    /* Otimizar badges */
    .footer-badge {
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
    }
    
    .badge-text {
        font-size: 0.9rem;
    }
    
    .badge-subtitle {
        font-size: 0.65rem;
    }
    
    /* Simplificar links sociais */
    .social-link {
        padding: 0.6rem 1rem;
        font-size: 0.85rem;
        backdrop-filter: none;
    }
    
    /* Otimizar títulos */
    .footer-links-title {
        font-size: 1rem;
        padding-bottom: 0.4rem;
    }
    
    /* Simplificar links */
    .footer-links a {
        font-size: 0.9rem;
        padding: 0.2rem 0;
    }
    
    /* Otimizar feature badges */
    .feature-badge {
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
        backdrop-filter: none;
    }
}

/* 2. Otimizações para telas muito pequenas */
@media (max-width: 480px) {
    .footer-gradient-bg {
        padding: 1.5rem 0 1rem;
    }
    
    .footer-content {
        padding: 0 0.5rem;
        gap: 1rem;
    }
    
    /* Remover efeitos complexos */
    .footer-badge::before,
    .footer-links a::before,
    .footer-links a::after {
        display: none;
    }
    
    /* Simplificar hover effects */
    .footer-links a:hover {
        transform: none;
        color: white;
    }
    
    .social-link:hover {
        transform: none;
        box-shadow: none;
    }
    
    .feature-badge:hover {
        transform: none;
    }
    
    /* Reduzir espaçamentos */
    .footer-links {
        gap: 0.5rem;
    }
    
    .footer-links-group {
        gap: 0.8rem;
    }
    
    /* Otimizar copyright */
    .copyright {
        font-size: 0.8rem;
    }
    
    /* Simplificar layout */
    .footer-bottom-content {
        padding: 0 0.5rem;
        gap: 1rem;
    }
}

/* 3. Otimizações de performance */
@media (max-width: 768px) {
    /* Desabilitar will-change em mobile */
    .footer-ultra-premium * {
        will-change: auto;
    }
    
    /* Reduzir transições */
    .footer-ultra-premium * {
        transition-duration: 0.2s !important;
    }
    
    /* Simplificar backdrop-filter */
    .social-link,
    .feature-badge {
        backdrop-filter: none;
    }
    
    /* Otimizar gradientes */
    .whatsapp-link,
    .email-link {
        background: #25d366;
    }
    
    .email-link {
        background: #3b82f6;
    }
    
    .whatsapp-link:hover,
    .email-link:hover {
        background: #128c7e;
    }
    
    .email-link:hover {
        background: #1d4ed8;
    }
}

/* 4. Otimizações específicas para touch */
@media (max-width: 768px) {
    /* Aumentar área de toque */
    .footer-links a {
        padding: 0.5rem 0;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    
    .social-link {
        min-height: 48px;
        justify-content: center;
    }
    
    .feature-badge {
        min-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Melhorar contraste */
    .footer-links a {
        color: #e2e8f0;
    }
    
    .contact-info {
        color: #cbd5e1;
    }
    
    .copyright {
        color: #94a3b8;
    }
}

/* 5. Otimizações para orientação landscape */
@media (max-width: 768px) and (orientation: landscape) {
    .footer-gradient-bg {
        padding: 1.5rem 0 1rem;
    }
    
    .footer-content {
        gap: 1rem;
    }
    
    .footer-links-section {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
    
    .footer-social-links {
        flex-direction: row;
        justify-content: center;
    }
}

/* 6. Otimizações para dispositivos de baixa performance */
@media (max-width: 768px) {
    /* Reduzir complexidade visual */
    .footer-gradient-bg {
        background: #1e293b;
    }
    
    /* Simplificar sombras */
    .footer-badge {
        box-shadow: none;
    }
    
    /* Remover efeitos de glassmorphism */
    .social-link,
    .feature-badge {
        background: rgba(255, 255, 255, 0.1);
        border: none;
    }
}