/*!
 * XploreData CSS Framework
 * Estrutura CSS profissional para aplicação Flask
 * Autor: XploreData Team
 * Versão: 1.0.0
 */

/* ============================= */
/*        IMPORTAÇÕES            */
/* ============================= */

/* Base - Fundações do sistema */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/layout.css');

/* Utils - Utilitários e helpers */
@import url('./utils/animations.css');
@import url('./utils/helpers.css');
@import url('./utils/responsive.css');

/* Components - Componentes reutilizáveis */
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/navigation.css');
@import url('./components/cards.css');
@import url('./components/modals.css');
@import url('./components/alerts.css');
@import url('./components/loading.css');
@import url('./components/footer.css');
@import url('./components/cookie-banner.css');

/* Pages - Estilos específicos por página */
@import url('./pages/home.css');
@import url('./pages/auth.css');
@import url('./pages/register.css');
@import url('./pages/dashboard.css');
@import url('./pages/analytics.css');
@import url('./pages/products.css');
@import url('./pages/chat.css');
@import url('./pages/error.css');
@import url('./pages/analysis.css');
@import url('./pages/tools.css');
@import url('./pages/mesclar.css');
@import url('./pages/account.css');
@import url('./pages/legal.css');
@import url('./pages/services.css');
@import url('./pages/sobre.css');
@import url('./pages/contact.css');
@import url('./pages/xplore-academy.css');

/* Themes - Temas e variações */
@import url('./themes/dark.css');
@import url('./themes/light.css');

/* Override específico para lang-switcher */
.lang-switcher {
  position: fixed !important;
  top: 8px !important;
  right: 15px !important;
  left: auto !important;
  font-size: 0.75rem !important;
  background: rgba(0, 174, 239, 0.9) !important;
  padding: 4px 8px !important;
  border-radius: 12px !important;
  z-index: 9999 !important;
  backdrop-filter: blur(5px) !important;
  margin: 0 !important;
  transform: none !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.lang-switcher a {
  color: #0A192F !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  margin: 0 3px !important;
  font-size: 0.75rem !important;
  transition: opacity 0.2s ease !important;
}

.lang-switcher a:hover {
  opacity: 0.8 !important;
  text-decoration: none !important;
}

/* ================================= */
/*         BOTÃO DE FEEDBACK         */
/* ================================= */

.botao-feedback {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  background: #00AEEF !important;
  color: #F5F7FA !important;
  border: none !important;
  box-shadow: 0 8px 32px rgba(0, 174, 239, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.25rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  z-index: 99999 !important;
  font-family: 'Inter', sans-serif !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.botao-feedback:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 12px 40px rgba(0, 174, 239, 0.6) !important;
  text-decoration: none !important;
  color: #F5F7FA !important;
}

.botao-feedback:focus {
  outline: 2px solid #00AEEF !important;
  outline-offset: 2px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .botao-feedback {
    width: 48px !important;
    height: 48px !important;
    bottom: 16px !important;
    right: 16px !important;
    font-size: 1.125rem !important;
  }
}

/* ================================= */
/*       PIX WIDGET FORÇA EXIBIÇÃO   */
/* ================================= */

/* Força a exibição do widget PIX na página de ferramentas */
.pix-widget {
  display: block !important;
  position: fixed !important;
  bottom: 24px !important;
  left: 24px !important;
  z-index: 9999 !important;
  opacity: 1 !important;
  visibility: visible !important;
}