/* 
 * Solidarizô - Ajustes de responsividade
 * Estilos adicionais para garantir boa experiência em dispositivos móveis
 */

/* Ajustes para dispositivos móveis */
@media (max-width: 640px) {
    /* Ajustes para o header */
    header {
        background-color: white;
    }
    
    /* Ajustes para o hero */
    .hero-section {
        padding-top: 80px;
        padding-bottom: 40px;
    }
    
    .hero-section h1 {
        font-size: 2rem;
        line-height: 1.3;
    }
    
    /* Ajustes para cards */
    .instituicao-card .uk-card-body {
        padding: 15px;
    }
    
    .instituicao-demanda {
        font-size: 0.7rem;
        padding: 3px 8px;
    }
    
    /* Ajustes para modais */
    .instituicao-modal .uk-modal-dialog {
        margin: 10px;
    }
    
    /* Ajustes para formulários */
    .uk-form-stacked .uk-form-label {
        margin-bottom: 5px;
    }
}

/* Ajustes para tablets */
@media (min-width: 641px) and (max-width: 960px) {
    /* Ajustes para o hero */
    .hero-section h1 {
        font-size: 2.5rem;
    }
    
    /* Ajustes para grid de cards */
    .uk-child-width-1-3\@m > * {
        width: 50%;
    }
}

/* Ajustes para telas de toque */
@media (hover: none) {
    /* Aumenta área de toque para botões */
    .uk-button {
        padding: 10px 15px;
        min-height: 44px;
    }
    
    /* Aumenta área de toque para links de navegação */
    .uk-navbar-nav > li > a {
        min-height: 50px;
    }
    
    /* Ajusta hover states para touch */
    .instituicao-card:active {
        transform: translateY(-3px);
    }
}

/* Ajustes para orientação paisagem em dispositivos móveis */
@media (max-width: 960px) and (orientation: landscape) {
    .hero-section {
        padding-top: 70px;
        padding-bottom: 30px;
    }
    
    .uk-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* Ajustes para acessibilidade em dispositivos móveis */
@media (max-width: 640px) {
    /* Aumenta contraste e tamanho de texto para melhor legibilidade */
    body {
        font-size: 16px;
    }
    
    .uk-button {
        font-size: 1rem;
    }
    
    /* Ajusta espaçamento vertical */
    .uk-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    /* Melhora espaçamento em formulários */
    .uk-margin {
        margin-bottom: 15px;
    }
}

/* Ajustes para dispositivos de alta resolução */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Otimiza fontes para telas retina */
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}