/* ========================================
   ❄️ TEMA NATALINO GELADO - VERSÃO SUTIL ❄️
   Apenas substitui tons alaranjados por toques de gelo
   ======================================== */

/* Variáveis de Cores de Gelo (Para uso específico) */
:root {
  --ice-accent-subtle: #87CEEB;
  --ice-accent-subtle-dark: #4682B4;
}

/* ===== FLOCOS DE NEVE (SUBTIL) ===== */
#snow-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
}

.snowflake {
  position: absolute;
  color: #FFF;
  font-size: 1.2em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 3px rgba(135, 206, 235, 0.5);
  animation: snowfall linear infinite;
  opacity: 0.7;
}

@keyframes snowfall {
  0% {
    transform: translateY(-100vh) rotate(0deg);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    transform: translateY(100vh) rotate(360deg);
    opacity: 0;
  }
}

/* ===== SUBSTITUIÇÃO SUTIL DE CORES ALARANJADAS ===== */
/* Apenas em elementos específicos, não globais */

/* Links que eram laranja */
a[style*="#ffc367"],
a[style*="#bb883b"] {
  color: #87CEEB !important;
}

/* Botões específicos - apenas quando têm gradiente laranja */
button[style*="#f97316"],
button[style*="#ff8c00"],
button[style*="#ffc367"] {
  /* Substituição será feita pelo JavaScript */
}

/* Títulos específicos */
h1[style*="#f97316"],
h2[style*="#f97316"],
h3[style*="#f97316"] {
  color: #87CEEB !important;
}

/* Inputs com borda laranja ao focar - muito sutil */
input:focus,
textarea:focus,
select:focus {
  /* Mantém a cor original do site, apenas ajusta se for laranja */
}

/* Overlay de neve - garantir que não bloqueie conteúdo */
body::before {
  /* Remover overlay que estava bloqueando */
  display: none !important;
}

/* Background do body - NÃO mudar, apenas toques sutis */
body {
  /* Manter background original */
}

/* Cards - apenas bordas sutis quando aplicável */
.card[style*="#f97316"] {
  border-color: rgba(135, 206, 235, 0.3) !important;
}

/* Badges e labels específicos */
.badge[style*="#f97316"],
.label[style*="#ffc367"] {
  background: linear-gradient(135deg, #87CEEB 0%, #4682B4 100%) !important;
  color: #fff !important;
}

/* ===== GARANTIR QUE NEVE NÃO BLOQUEIE ===== */
/* Container de neve deve ficar atrás de tudo */
#snow-container {
  z-index: 1 !important;
  pointer-events: none !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .snowflake {
    font-size: 1em;
    opacity: 0.5;
  }
}