/* =========================================================
   SharkSales — CSS overrides finais e ajustes específicos
   
   Este arquivo serve APENAS como camada final de override.
   A estrutura principal está nos arquivos modulares:
   - tokens.css (variáveis)
   - base.css (reset + fundação)
   - layout.css (containers, grids)
   - utilities.css (classes auxiliares)
   - components/ (botões, cards, filtros, modais, etc)
   - pages/ (estilos específicos por página)
   ========================================================= */

/* ==============================================
   BACKGROUNDS E TEMA VISUAL
   ============================================== */

/* Background principal da página /ativos/ */
.ss-canvas-page {
  background: var(--ss-dark-bg) url('../image/Background-Hero-1%201.png') no-repeat top center;
  background-size: 100% auto;
  background-attachment: fixed;
  min-height: 100vh;
  position: relative;
}

/* Overlay removido - causava cor cinza escura sobre o background
.ss-canvas-page::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, 
    var(--ss-dark-bg) 0%, 
    rgba(10, 11, 15, 0.95) 20%, 
    rgba(10, 11, 15, 0.98) 60%, 
    var(--ss-dark-bg) 100%
  );
  z-index: -1;
  pointer-events: none;
}
*/




.sharksales-produtos-panel > * {
  position: relative;
  z-index: 1;
}

/* Background adicional para seções */
.sharksales-ofertas {
  background: var(--ss-dark-bg) url('../image/bg-01.png') no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.sharksales-ofertas > * {
  position: relative;
  z-index: 1;
}

/* Background da lista de produtos */
.ss-ativos-content {
  background: var(--ss-dark-card) url('../image/bg-02.png') no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

/* Overlay removido - causava cor cinza escura sobre o background
.ss-ativos-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(140deg, rgba(8, 20, 48, 0.95), rgba(16, 18, 27, 0.95));
  border-radius: inherit;
  z-index: 0;
  backdrop-filter: blur(2px);
}
*/

.ss-ativos-content > * {
  position: relative;
  z-index: 1;
}

/* ==============================================
   OVERRIDES ESPECÍFICOS E AJUSTES DE ÚLTIMA HORA
   ============================================== */

/* Ajuste do container principal - garantir transparência total */
.sharksales-container {
  font-family: var(--ss-font-family);
  color: var(--ss-dark-text);
  position: relative;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==============================================
   RESPONSIVIDADE E MEDIA QUERIES
   ============================================== */

/* Responsividade para backgrounds */
@media (max-width: 1200px) {
  .ss-canvas-page {
    background-size: cover;
    background-position: center top;
  }
}

@media (max-width: 768px) {
  .ss-canvas-page {
    background-attachment: scroll; /* Melhora performance mobile */
    background-size: cover;
    background-position: center top;
  }
  
  /* Overlay removido - causava cor cinza escura sobre o background
  .ss-canvas-page::before {
    background: linear-gradient(180deg, 
      var(--ss-dark-bg) 0%, 
      rgba(10, 11, 15, 0.90) 15%, 
      rgba(10, 11, 15, 0.95) 50%, 
      var(--ss-dark-bg) 100%
    );
  }
  */
  
  .sharksales-produtos-panel,
  .sharksales-ofertas,
  .ss-ativos-content {
    background-size: cover;
  }
}

@media (max-width: 480px) {
  .ss-canvas-page {
    background-position: center center;
  }
  
  /* Overlay removido - causava cor cinza escura sobre o background
  .sharksales-produtos-panel::before,
  .sharksales-ofertas::before,
  .ss-ativos-content::before {
    background: rgba(26, 27, 35, 0.95);
  }
  */
}

/* ==============================================
   OTIMIZAÇÕES FINAIS E PERFORMANCE
   ============================================== */

/* Melhoria da performance de repaint */
.ss-card-destaque,
.ss-card-lista {
  position: relative;
  z-index: var(--ss-z-base);
  will-change: transform;
}

/* Otimização de GPU para elementos animados */
.ss-card-destaque:hover,
.ss-card-lista:hover,
.ss-btn:hover {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

/* Ajustes finais de acessibilidade */
@media (prefers-reduced-motion: reduce) {
  .ss-canvas-page {
    background-attachment: scroll;
  }
  
  /* Remove todas as animações para usuários sensíveis a movimento */
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
  }
  
  /* Mantém apenas transformações essenciais */
  .ss-card-destaque:hover,
  .ss-card-lista:hover,
  .ss-btn:hover {
    transform: none !important;
    will-change: auto !important;
  }
}