/* ========================================
   V2.4 ULTIMATE FIXES CSS
   Correções definitivas: citação + botões do formulário
   ======================================== */

/* ========== CORREÇÃO: CITAÇÃO DA DRA. LARI ========== */

/* Seção de Autoridade - Background claro para contraste */
.section-authority {
  background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%) !important;
  padding: var(--spacing-3xl) 0 !important;
}

/* Citação - Texto escuro para legibilidade */
.authority-quote {
  color: #1a1a1a !important;
  font-size: var(--text-2xl) !important;
  font-weight: 600 !important;
  font-style: italic !important;
  line-height: 1.6 !important;
  margin-bottom: var(--spacing-xl) !important;
  border-left: 4px solid var(--color-primary) !important;
  padding-left: var(--spacing-lg) !important;
  text-shadow: none !important;
}

/* Informações da Dra. - Texto escuro */
.authority-name {
  color: var(--color-primary-dark) !important;
  font-size: var(--text-xl) !important;
  font-weight: 700 !important;
  margin-bottom: var(--spacing-xs) !important;
}

.authority-credentials {
  color: #2a2a2a !important;
  font-size: var(--text-base) !important;
  font-weight: 500 !important;
  margin-bottom: var(--spacing-xs) !important;
}

.authority-registration {
  color: #4a4a4a !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
}

/* ========== CORREÇÃO DEFINITIVA: BOTÕES DO FORMULÁRIO ========== */

/* Remover TODOS os efeitos que causam crescimento */
.form-button,
.btn-form-next,
.btn-form-prev,
.qualification-form button,
button[type="submit"] {
  /* Tamanho fixo e consistente */
  padding: 1rem 2rem !important;
  min-height: 52px !important;
  max-height: 52px !important;
  width: auto !important;
  max-width: 100% !important;
  
  /* Prevenir crescimento */
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  
  /* Estilo */
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  
  /* Transição suave SEM scale */
  transition: box-shadow 0.3s ease, transform 0.1s ease !important;
  
  /* Prevenir zoom/scale */
  transform: scale(1) !important;
  will-change: box-shadow !important;
}

/* Hover - APENAS sombra, SEM crescimento */
.form-button:hover,
.btn-form-next:hover,
.btn-form-prev:hover {
  box-shadow: 0 6px 16px rgba(212, 175, 143, 0.3) !important;
  transform: scale(1) !important; /* Mantém tamanho */
}

/* Active - APENAS pressionar levemente */
.form-button:active,
.btn-form-next:active,
.btn-form-prev:active {
  transform: translateY(1px) !important; /* Apenas desce 1px */
  box-shadow: 0 2px 8px rgba(212, 175, 143, 0.2) !important;
}

/* Focus - Outline sem crescimento */
.form-button:focus,
.btn-form-next:focus,
.btn-form-prev:focus {
  outline: 2px solid var(--color-primary) !important;
  outline-offset: 2px !important;
  transform: scale(1) !important; /* Mantém tamanho */
}

/* Remover ripple effect que pode causar crescimento */
.form-button::after,
.btn-form-next::after,
.btn-form-prev::after {
  display: none !important;
}

/* Container do botão - prevenir crescimento */
.form-actions,
.form-buttons,
.qualification-form .form-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--spacing-md) !important;
  margin-top: var(--spacing-lg) !important;
  /* Prevenir crescimento do container */
  max-width: 100% !important;
  overflow: hidden !important;
}

/* ========== FORMULÁRIO - AJUSTES ADICIONAIS ========== */

/* Opções - Prevenir crescimento também */
.form-option,
.radio-option,
.checkbox-option {
  /* Tamanho fixo */
  min-height: 52px !important;
  max-height: auto !important;
  padding: 1rem 1.5rem !important;
  
  /* Prevenir crescimento */
  box-sizing: border-box !important;
  width: 100% !important;
  
  /* Transição suave SEM scale */
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  
  /* Prevenir zoom/scale */
  transform: scale(1) !important;
}

/* Hover em opções - APENAS cores, SEM movimento */
.form-option:hover,
.radio-option:hover,
.checkbox-option:hover {
  background-color: #f8f8f8 !important;
  border-color: var(--color-primary) !important;
  box-shadow: 0 2px 8px rgba(212, 175, 143, 0.15) !important;
  transform: scale(1) !important; /* Mantém tamanho */
}

/* Active em opções - APENAS feedback visual */
.form-option:active,
.radio-option:active,
.checkbox-option:active {
  background-color: #f0f0f0 !important;
  transform: scale(1) !important; /* Mantém tamanho */
}

/* Selecionada - Destaque sem crescimento */
.form-option.selected,
.radio-option.selected,
.checkbox-option.selected {
  background-color: var(--color-primary) !important;
  color: #ffffff !important;
  border-color: var(--color-primary) !important;
  box-shadow: 0 4px 12px rgba(212, 175, 143, 0.3) !important;
  transform: scale(1) !important; /* Mantém tamanho */
}

/* ========== RESPONSIVIDADE ========== */

@media (max-width: 768px) {
  /* Botões em mobile - full width */
  .form-button,
  .btn-form-next,
  .btn-form-prev {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0.875rem 1.5rem !important;
    min-height: 48px !important;
    max-height: 48px !important;
    font-size: 0.9375rem !important;
  }
  
  /* Opções em mobile */
  .form-option,
  .radio-option,
  .checkbox-option {
    padding: 0.875rem 1.25rem !important;
    min-height: 48px !important;
    font-size: 0.9375rem !important;
  }
  
  /* Citação em mobile */
  .authority-quote {
    font-size: var(--text-lg) !important;
    padding-left: var(--spacing-md) !important;
  }
}

@media (max-width: 480px) {
  /* Botões em mobile pequeno */
  .form-button,
  .btn-form-next,
  .btn-form-prev {
    padding: 0.75rem 1.25rem !important;
    min-height: 44px !important;
    max-height: 44px !important;
    font-size: 0.875rem !important;
  }
  
  /* Opções em mobile pequeno */
  .form-option,
  .radio-option,
  .checkbox-option {
    padding: 0.75rem 1rem !important;
    min-height: 44px !important;
    font-size: 0.875rem !important;
  }
  
  /* Citação em mobile pequeno */
  .authority-quote {
    font-size: var(--text-base) !important;
    padding-left: var(--spacing-sm) !important;
  }
}

/* ========== PREVENIR COMPORTAMENTOS ESTRANHOS ========== */

/* Desabilitar todos os efeitos de scale/zoom */
.form-button,
.btn-form-next,
.btn-form-prev,
.form-option,
.radio-option,
.checkbox-option {
  /* Prevenir zoom em iOS */
  touch-action: manipulation !important;
  
  /* Prevenir double-tap zoom */
  -webkit-tap-highlight-color: transparent !important;
  
  /* Prevenir scale */
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  
  /* Smooth rendering */
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Remover will-change que pode causar problemas */
.form-button,
.btn-form-next,
.btn-form-prev {
  will-change: box-shadow !important; /* Apenas sombra */
}

/* ========== ACESSIBILIDADE ========== */

/* Focus visível sem crescimento */
.form-button:focus-visible,
.btn-form-next:focus-visible,
.form-option:focus-visible {
  outline: 2px solid var(--color-primary) !important;
  outline-offset: 2px !important;
}

/* ========== PERFORMANCE ========== */

/* GPU acceleration apenas para sombra */
.form-button,
.btn-form-next,
.form-option {
  backface-visibility: hidden !important;
}

/* Contain para prevenir repaints */
.form-progressive,
.qualification-form {
  contain: layout style !important;
}

/* ========== OVERRIDE DE EFEITOS ANTERIORES ========== */

/* Remover todos os efeitos de v2.2 e v2.3 que causam crescimento */
.btn-primary::before,
.btn-large::before,
.form-button::before,
.btn-form-next::before {
  display: none !important;
}

/* Remover tilt effect do formulário */
.form-progressive,
.qualification-form {
  transform: none !important;
  perspective: none !important;
}

/* Remover hover effects problemáticos */
.form-button:hover,
.btn-form-next:hover {
  transform: scale(1) !important; /* Força tamanho normal */
  animation: none !important;
}

/* ========== CITAÇÃO BÍBLICA NO FOOTER ========== */

/* Garantir que a citação bíblica também está legível */
.footer-quote {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-size: var(--text-base) !important;
  line-height: 1.7 !important;
}

@media (max-width: 768px) {
  .footer-quote {
    font-size: var(--text-sm) !important;
  }
}