/**
 * Flowbite Custom Theme - Energy Future
 * Sobrescreve cores padrão do Flowbite para match com identidade visual
 * Cores da Logo: #26006c (roxo escuro) | #804aff (roxo vibrante)
 * Portal de inovação feito para o setor elétrico brasileiro
 */

/* ============================================ */
/* CORES PRIMÁRIAS - FLOWBITE OVERRIDE */
/* ============================================ */

/* Primary Color - Baseado na logo (#26006c e #804aff) */
:root {
  --flowbite-primary-50: #f3f0ff;
  --flowbite-primary-100: #e8e0ff;
  --flowbite-primary-200: #d4c2ff;
  --flowbite-primary-300: #b894ff;
  --flowbite-primary-400: #9d66ff;
  --flowbite-primary-500: #804aff; /* Roxo vibrante da logo */
  --flowbite-primary-600: #6d3ae6; /* Hover do roxo vibrante */
  --flowbite-primary-700: #5a2ac7;
  --flowbite-primary-800: #26006c; /* Roxo escuro da logo (texto) */
  --flowbite-primary-900: #1a0047;
  
  /* Secondary - Usando o roxo escuro como secundário */
  --flowbite-secondary-600: #26006c; /* Roxo escuro da logo */
  --flowbite-secondary-700: #1d0052;
}

/* ============================================ */
/* CARDS - FLOWBITE NATIVE (Sem customização) */
/* ============================================ */

/* Cards agora usam estrutura Flowbite nativa completa */
/* Hover effects são gerenciados pelo Flowbite */

/* ============================================ */
/* CAROUSEL - FLOWBITE NATIVE */
/* ============================================ */

/* Carrossel Flowbite completo com controles nativos */
/* Scrollbar hidden para carousels mobile */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* ============================================ */
/* RESPONSIVIDADE - AJUSTES ESPECÍFICOS */
/* ============================================ */

/* Ajustes específicos para mobile se necessário */
@media (max-width: 1023px) {
  /* Carousel controls mais visíveis no mobile */
  [data-carousel-prev],
  [data-carousel-next] {
    opacity: 0.9;
  }
  
  [data-carousel-prev]:hover,
  [data-carousel-next]:hover {
    opacity: 1;
  }
}

/* ============================================ */
/* ANIMAÇÕES - PRESERVAR EXISTENTES */
/* ============================================ */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up-flowbite {
  animation: fadeInUp 0.6s ease-out;
}