/* CSS específico para E-books - AK Beauty Lab */
/* Versão: 2025-01-02-v2.1 - Cache Busting Ativo */

/* === FORÇA APARIÇÃO DOS BOTÕES - PRIORIDADE MÁXIMA === */

/* Botões principais dos e-books */
button[onclick*="comprarEbook"],
.btn-cta,
button.btn-cta {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 9999 !important;
  cursor: pointer !important;
  
  /* Estilos visuais */
  background: linear-gradient(135deg, #7FB9D4, #3A7A9C) !important;
  border: none !important;
  padding: 15px 30px !important;
  font-size: 1.2rem !important;
  font-weight: bold !important;
  border-radius: 50px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: white !important;
  text-decoration: none !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 !important;
  
  /* Transições */
  transition: all 0.3s ease !important;
}

button[onclick*="comprarEbook"]:hover,
.btn-cta:hover,
button.btn-cta:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 10px 25px rgba(127, 185, 212, 0.4) !important;
  background: linear-gradient(135deg, #3A7A9C, #7FB9D4) !important;
}

/* Botões da seção home */
#ebooks button.btn-primary {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-color: #7FB9D4 !important;
  border-color: #7FB9D4 !important;
  color: white !important;
  border: none !important;
  padding: 12px 24px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  z-index: 1000 !important;
  position: relative !important;
  pointer-events: auto !important;
}

#ebooks button.btn-primary:hover {
  background-color: #3A7A9C !important;
  border-color: #3A7A9C !important;
  transform: translateY(-2px) !important;
}

/* Botões do CTA final */
button.btn-light {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: white !important;
  color: #3A7A9C !important;
  border: 2px solid white !important;
  padding: 15px 30px !important;
  border-radius: 10px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  z-index: 1000 !important;
  position: relative !important;
  pointer-events: auto !important;
}

button.btn-light:hover {
  background: #f8f9fa !important;
  transform: translateY(-2px) !important;
}

/* === GARANTIAS ADICIONAIS === */

/* Garantir que cards não escondam os botões */
.ebook-card {
  overflow: visible !important;
}

.card-body {
  overflow: visible !important;
}

/* Forçar aparição de todos os botões */
.btn[onclick],
button[onclick],
a[onclick] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* CSS de emergência - última tentativa */
[onclick*="comprarEbook"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-color: #7FB9D4 !important;
  color: white !important;
  border: none !important;
  padding: 12px 24px !important;
  cursor: pointer !important;
  z-index: 99999 !important;
  position: relative !important;
  pointer-events: auto !important;
}

/* Garantir que ícones dos botões apareçam */
button i,
.btn i {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* === INDICADORES VISUAIS === */

/* Indicador de versão (removível em produção) */
body::before {
  content: "V2.1 - Cache Atualizado" !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  background: #7FB9D4 !important;
  color: white !important;
  padding: 5px 10px !important;
  font-size: 10px !important;
  z-index: 999999 !important;
  opacity: 0.7 !important;
  font-family: monospace !important;
}

/* Pulso para chamar atenção nos botões principais */
@keyframes pulseButtonNew {
  0% { 
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(127, 185, 212, 0.7);
  }
  50% { 
    transform: scale(1.02);
    box-shadow: 0 0 0 10px rgba(127, 185, 212, 0);
  }
  100% { 
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(127, 185, 212, 0);
  }
}

button[onclick*="comprarEbook"]:not(:hover) {
  animation: pulseButtonNew 3s infinite !important;
}

/* === RESPONSIVIDADE === */

/* Media queries para responsividade */
@media (max-width: 768px) {
  button[onclick*="comprarEbook"],
  .btn-cta {
    font-size: 1rem !important;
    padding: 12px 20px !important;
  }
  
  /* Esconder indicador de versão em mobile */
  body::before {
    display: none !important;
  }
}

@media (max-width: 480px) {
  button[onclick*="comprarEbook"],
  .btn-cta {
    font-size: 0.9rem !important;
    padding: 10px 15px !important;
  }
}

/* === MODO ESCURO (caso necessário) === */

@media (prefers-color-scheme: dark) {
  button[onclick*="comprarEbook"],
  .btn-cta {
    box-shadow: 0 4px 15px rgba(127, 185, 212, 0.3) !important;
  }
}

/* === ESTADO DE LOADING === */

button[onclick*="comprarEbook"].loading {
  pointer-events: none !important;
  opacity: 0.7 !important;
}

button[onclick*="comprarEbook"].loading::after {
  content: "..." !important;
  animation: loading 1s infinite !important;
}

@keyframes loading {
  0%, 33% { content: "..." !important; }
  34%, 66% { content: ".." !important; }
  67%, 100% { content: "." !important; }
}

/* === DEBUG HELPERS === */

/* Destacar botões durante debug */
.debug-mode button[onclick*="comprarEbook"] {
  border: 3px solid red !important;
  position: relative !important;
}

.debug-mode button[onclick*="comprarEbook"]::before {
  content: "DEBUG" !important;
  position: absolute !important;
  top: -20px !important;
  left: 0 !important;
  background: red !important;
  color: white !important;
  padding: 2px 5px !important;
  font-size: 10px !important;
  z-index: 10000 !important;
}

/* === OTIMIZAÇÕES DE PERFORMANCE === */

/* Hardware acceleration para animações */
button[onclick*="comprarEbook"] {
  will-change: transform !important;
  backface-visibility: hidden !important;
  perspective: 1000px !important;
}

/* Preload de fontes importantes */
@font-face {
  font-family: 'ButtonFont';
  font-display: swap;
}

/* === VERSÃO E CACHE INFO === */

/* 
 * CSS Version: 2025-01-02-v2.1
 * Cache Strategy: Force Update
 * Last Modified: 2025-01-02
 * Features: Complete button visibility override, cache busting, responsive design
 */

console.log('📎 CSS E-books carregado - Versão: 2025-01-02-v2.1');