/* ===== OTIMIZAÇÃO SEGURA – CLIENTE ===== */

/* Ajuste de cor do banner PWA para seguir o painel */
#pwa-install-banner {
  background: var(--cor-primaria, #4B0082) !important;
  border-bottom: 2px solid rgba(255,255,255,0.1);
}
#pwa-install-banner .btn-pwa-install {
  background: #fff !important;
  color: var(--cor-primaria, #4B0082) !important;
}

/* Isola o layout do cliente - Aplicado apenas em elementos específicos para não quebrar outros layouts */
#painelCliente,
#conteudoCliente,
.lista-produtos {
  contain: layout paint;
}

/* Evita recalculo visual excessivo */
.lista-produtos,
.produto-card {
  content-visibility: auto;
}

/* Força GPU nos cards (seguro) */
.produto-card {
  transform: translateZ(0);
  will-change: transform;
}

/* Carrossel mais suave sem tocar no JS */
.carrossel,
.carousel,
.swiper {
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}

/* Evita layout pulando quando texto muda */
.aviso-cliente,
.status-pedido {
  min-height: 32px;
}

/* Imagens mais leves no scroll - Apenas para imagens de produtos para evitar problemas em ícones/logos */
.produto-card img, .cflix-card img {
  content-visibility: auto;
}

/* Texto renderiza mais rápido no Android */
body {
  text-rendering: optimizeSpeed;
}

/* Correção de visibilidade para botões que podem ter sido afetados */
.copy-button, .btn-pwa-install {
    text-shadow: none !important;
}