/**
 * Melhorias de responsividade para o tema Lotofacil Elite
 * Este arquivo contém melhorias específicas para dispositivos móveis
 */

/* Melhorias gerais para dispositivos móveis */
@media (max-width: 768px) {
  /* Ajustes de espaçamento */
  .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  /* Melhorar tamanho de fonte para leitura em telas pequenas */
  body {
    font-size: 16px !important;
  }
  
  h1, .entry-title {
    font-size: 1.75rem !important;
  }
  
  h2 {
    font-size: 1.5rem !important;
  }
  
  h3 {
    font-size: 1.25rem !important;
  }
  
  /* Melhorar espaçamento de cards */
  .card, .bg-white, .dark\:bg-gray-700 {
    padding: 1rem !important;
    margin-bottom: 1rem !important;
  }
  
  /* Ajustar tamanho dos botões para toque em dispositivos móveis */
  .btn, 
  .wp-element-button,
  button[type="submit"],
  input[type="submit"] {
    padding: 0.75rem 1rem !important;
    font-size: 1rem !important;
    min-height: 44px !important; /* Altura mínima para área de toque */
  }
  
  /* Melhorar visualização de tabelas em dispositivos móveis */
  table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  /* Ajustar tamanho das bolas de loteria */
  .lottery-ball {
    width: 35px !important;
    height: 35px !important;
    font-size: 0.9rem !important;
  }
  
  /* Melhorar navegação mobile */
  .menu-toggle {
    padding: 0.75rem !important;
    min-height: 44px !important;
    min-width: 44px !important;
  }
  
  /* Melhorar visualização do menu mobile */
  .primary-menu-container:not(.hidden) {
    margin-top: 1rem !important;
    padding: 1rem !important;
    background-color: white !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--shadow) !important;
  }
  
  .dark .primary-menu-container:not(.hidden) {
    background-color: var(--gray-800) !important;
    border: 1px solid var(--gray-700) !important;
  }
  
  /* Melhorar visualização de formulários */
  input[type="text"],
  input[type="email"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  select,
  textarea {
    font-size: 16px !important; /* Evitar zoom em iOS */
    padding: 0.75rem !important;
    min-height: 44px !important;
  }
  
  /* Melhorar visualização de alertas */
  .alert {
    padding: 0.75rem 1rem !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .alert:before {
    margin-bottom: 0.5rem !important;
    margin-right: 0 !important;
  }
  
  /* Ajustar botão de tema escuro */
  #dark-mode-toggle {
    bottom: 10px !important;
    right: 10px !important;
    width: 44px !important;
    height: 44px !important;
  }
}

/* Melhorias para dispositivos muito pequenos */
@media (max-width: 480px) {
  /* Reduzir ainda mais o padding */
  .container {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  
  /* Ajustar grid para uma coluna */
  .grid {
    grid-template-columns: 1fr !important;
  }
  
  /* Reduzir tamanho do header */
  .site-header {
    padding: 0.75rem 0 !important;
  }
  
  /* Ajustar tamanho do título do site */
  .site-title a {
    font-size: 1.25rem !important;
  }
  
  /* Melhorar visualização de estatísticas rápidas */
  .dashboard-container .grid {
    gap: 0.75rem !important;
  }
  
  /* Ajustar tamanho das bolas de loteria para telas muito pequenas */
  .lottery-ball {
    width: 30px !important;
    height: 30px !important;
    font-size: 0.8rem !important;
  }
}

/* Melhorias para tablets */
@media (min-width: 769px) and (max-width: 1024px) {
  /* Ajustar grid para duas colunas em tablets */
  .grid-cols-3, .grid-cols-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  /* Melhorar espaçamento */
  .container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  
  /* Ajustar tamanho dos cards */
  .card, .bg-white, .dark\:bg-gray-700 {
    padding: 1.25rem !important;
  }
}

/* Melhorias para orientação paisagem em dispositivos móveis */
@media (max-height: 500px) and (orientation: landscape) {
  /* Reduzir altura do header */
  .site-header {
    padding: 0.5rem 0 !important;
  }
  
  /* Ajustar menu para não ocupar toda a tela */
  .primary-menu-container:not(.hidden) {
    max-height: 80vh !important;
    overflow-y: auto !important;
  }
  
  /* Reduzir margens e paddings */
  .py-8 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  /* Ajustar footer */
  .site-footer {
    padding: 1.5rem 0 !important;
  }
}

/* Melhorias para impressão */
@media print {
  /* Remover elementos desnecessários */
  .site-header,
  .site-footer,
  .menu-toggle,
  #dark-mode-toggle,
  button:not([type="submit"]) {
    display: none !important;
  }
  
  /* Ajustar cores para impressão */
  body {
    background-color: white !important;
    color: black !important;
  }
  
  /* Garantir que o conteúdo seja impresso corretamente */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Ajustar tamanho de fonte para impressão */
  body {
    font-size: 12pt !important;
  }
  
  h1 {
    font-size: 18pt !important;
  }
  
  h2 {
    font-size: 16pt !important;
  }
  
  h3 {
    font-size: 14pt !important;
  }
  
  /* Garantir que os links sejam legíveis */
  a {
    color: black !important;
    text-decoration: underline !important;
  }
  
  /* Mostrar URL dos links */
  a[href]:after {
    content: " (" attr(href) ")" !important;
    font-size: 90% !important;
  }
  
  /* Não mostrar URL para links internos */
  a[href^="#"]:after {
    content: "" !important;
  }
  
  /* Garantir que as tabelas sejam impressas corretamente */
  table {
    border-collapse: collapse !important;
  }
  
  th, td {
    border: 1px solid #ddd !important;
  }
}