/* =============================================
   Cookiebot Banner — Banking Sóbrio Override
   Compact floating card, cinza claro, sem sombra

   Loaded conditionally — only when Cookiebot is active.
   Extracted from globals.css to reduce critical CSS path.
   ============================================= */

/* Container: card compacto flutuante, canto inferior esquerdo */
#CybotCookiebotDialog {
  position: fixed !important;
  bottom: 24px !important;
  left: 24px !important;
  right: auto !important;
  top: auto !important;
  z-index: 2147483647 !important;
  width: 320px !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100vh - 48px) !important;
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
  padding: 20px 20px 16px !important;
  font-family: var(--font-dm-sans), "DM Sans", sans-serif !important;
  transform: none !important;
  margin: 0 !important;
  background: #fff !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Botão expandir — escondido */
.cookiebot-expand-btn {
  display: none !important;
}

/* Botão "← Voltar" na view de detalhes */
.cookiebot-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: none !important;
  border: none !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--font-dm-sans), "DM Sans", sans-serif !important;
  cursor: pointer !important;
  padding: 0 0 12px 0 !important;
  margin: 0 !important;
  transition: color 0.15s ease !important;
}

.cookiebot-back-btn:hover {
  color: #374151 !important;
}

/* Esconder tab nav — Personalizar button já faz a navegação */
#CybotCookiebotDialogNav {
  display: none !important;
}

/* Esconder painel de Detalhes — sem !important para Cookiebot poder mostrar via JS */
#CybotCookiebotDialogDetail {
  display: none;
  font-family: var(--font-dm-sans), "DM Sans", sans-serif;
  color: #4b5563;
}

/* Esconder botão "Permitir a seleção" — só relevante na view de detalhes */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  display: none !important;
}

/* Body: layout vertical compacto */
#CybotCookiebotDialogBody {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Conteúdo (texto) */
#CybotCookiebotDialogBodyContent {
  margin: 0 !important;
  padding: 0 !important;
}

/* Título */
#CybotCookiebotDialogBodyContentTitle {
  display: block !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  font-family: var(--font-dm-sans), "DM Sans", sans-serif !important;
  line-height: 1.45 !important;
}

/* Texto do corpo — uma linha */
#CybotCookiebotDialogBodyContentText {
  font-size: 13px !important;
  color: #9ca3af !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.4 !important;
  font-family: var(--font-dm-sans), "DM Sans", sans-serif !important;
}

/* Links dentro do dialog — dourado */
#CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialogBodyContent a,
#CybotCookiebotDialog a {
  color: #E3AC21 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

#CybotCookiebotDialogBodyContentText a:hover,
#CybotCookiebotDialogBodyContent a:hover,
#CybotCookiebotDialog a:hover {
  color: #C4941D !important;
}

/* "Personalizar" — escondido */
#CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogBodyEdgeMoreDetails,
#CybotCookiebotDialogBodyEdgeMoreDetailsLink {
  display: none !important;
}

/* Wrapper dos botões — sem divisores */
#CybotCookiebotDialogBodyButtonsWrapper,
#CybotCookiebotDialogBodyButtons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  border: none !important;
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Botão "Negar" — texto simples, sem borda */
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  background: transparent !important;
  border: none !important;
  color: #6b7280 !important;
  border-radius: 6px !important;
  padding: 7px 0 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  font-family: var(--font-dm-sans), "DM Sans", sans-serif !important;
  cursor: pointer !important;
  flex: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: color 0.15s ease !important;
  order: 1 !important;
}

#CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover {
  color: #374151 !important;
  background: transparent !important;
}

/* Botão "Permitir" — preto sólido */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyButtonAccept {
  background-color: #1f2937 !important;
  border: 1.5px solid #1f2937 !important;
  color: #fff !important;
  border-radius: 6px !important;
  padding: 7px 0 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  font-family: var(--font-dm-sans), "DM Sans", sans-serif !important;
  cursor: pointer !important;
  flex: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
  order: 2 !important;
  box-shadow: none !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
#CybotCookiebotDialogBodyButtonAccept:hover {
  background-color: #111827 !important;
  border-color: #111827 !important;
  box-shadow: none !important;
}

/* Esconder "Powered by Cookiebot" */
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredByText {
  display: none !important;
}

/* Remover overlay/backdrop */
#CybotCookiebotDialogBodyUnderlay,
.CybotCookiebotDialogBodyBottomWrapper {
  background: transparent !important;
}

/* Remover TODOS os divisores internos do Cookiebot */
#CybotCookiebotDialog *,
#CybotCookiebotDialog *::before,
#CybotCookiebotDialog *::after {
  border-color: transparent !important;
}

/* Restaurar apenas a borda do card e do botão Permitir todos */
#CybotCookiebotDialog {
  border-color: #e5e7eb !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyButtonAccept {
  border-color: #1f2937 !important;
}

/* Reset base para todos os botões */
.CybotCookiebotDialogBodyButton {
  font-family: var(--font-dm-sans), "DM Sans", sans-serif !important;
  border-radius: 10px !important;
}

/* Detalhes: estilizar quando Cookiebot mostrar via JS */
#CybotCookiebotDialogDetailBody {
  font-family: var(--font-dm-sans), "DM Sans", sans-serif !important;
  color: #4b5563 !important;
  font-size: 12px !important;
}

#CybotCookiebotDialogDetailBody table {
  font-size: 11px !important;
  width: 100% !important;
}

#CybotCookiebotDialogDetailBody td,
#CybotCookiebotDialogDetailBody th {
  padding: 4px 6px !important;
  font-size: 11px !important;
  color: #6b7280 !important;
}

#CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTab {
  color: #6b7280 !important;
  border-color: transparent !important;
  font-size: 12px !important;
  padding: 4px 8px !important;
}

#CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTab.CybotCookiebotDialogActive {
  color: #E3AC21 !important;
  border-bottom: 2px solid #E3AC21 !important;
}

/* Toggle switches: dourado quando ativo */
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #E3AC21 !important;
}

/* Mobile: banner compacto acima do widget flutuante */
@media (max-width: 480px) {
  #CybotCookiebotDialog {
    top: auto !important;
    bottom: 92px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    z-index: 40 !important;
  }

  #CybotCookiebotDialogBodyContentTitle {
    font-size: 14px !important;
    margin: 0 !important;
  }

  /* Esconder texto, botão expandir e botão personalizar */
  #CybotCookiebotDialogBodyContentText,
  .cookiebot-expand-btn,
  #CybotCookiebotDialogBodyLevelButtonCustomize,
  #CybotCookiebotDialogBodyEdgeMoreDetails,
  #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
    display: none !important;
  }

  /* Botões lado a lado, sem wrap */
  #CybotCookiebotDialogBodyButtonsWrapper,
  #CybotCookiebotDialogBodyButtons {
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }
}