/**
 * Cores do plugin Clipclap Template (sobrescrevem hex fixos da referência).
 * Variáveis definidas em :root via clipclap-template-vars.
 *
 * Importante: seletores de hover/ativo precisam incluir #desktop-nav
 * para empatar a especificidade da regra base com !important.
 */

#desktop-nav .nav-mega-trigger,
#desktop-nav .nav-mega-link-simple,
#desktop-nav .nav-lang__trigger,
.nav-mega-trigger,
.nav-mega-link-simple {
  color: var(--cc-header-link) !important;
}

#desktop-nav .nav-mega-trigger:hover,
#desktop-nav .nav-mega-trigger:focus-visible,
#desktop-nav .nav-mega-item:hover .nav-mega-trigger,
#desktop-nav .nav-mega-item:focus-within .nav-mega-trigger,
#desktop-nav .nav-mega-link-simple:hover,
#desktop-nav .nav-mega-link-simple:focus-visible,
#desktop-nav .nav-mega-link-simple.is-current,
.nav-mega-trigger:hover,
.nav-mega-trigger:focus-visible,
.nav-mega-item:hover .nav-mega-trigger,
.nav-mega-item:focus-within .nav-mega-trigger,
.nav-mega-link-simple:hover,
.nav-mega-link-simple:focus-visible,
.nav-mega-link-simple.is-current {
  color: var(--cc-header-link-hover) !important;
  background: var(--cc-header-link-hover-bg) !important;
}

#desktop-nav .nav-mega-item.is-active .nav-mega-trigger,
#desktop-nav .nav-mega-item.is-current .nav-mega-trigger,
.nav-mega-item.is-active .nav-mega-trigger,
.nav-mega-item.is-current .nav-mega-trigger {
  color: var(--cc-header-link-active) !important;
  background: var(--cc-header-link-active-bg) !important;
}

/* Painel aberto ou seção atual: prioriza ativo sobre hover. */
#desktop-nav .nav-mega-item.is-active:hover .nav-mega-trigger,
#desktop-nav .nav-mega-item.is-active:focus-within .nav-mega-trigger,
#desktop-nav .nav-mega-item.is-current:hover .nav-mega-trigger,
#desktop-nav .nav-mega-item.is-current:focus-within .nav-mega-trigger {
  color: var(--cc-header-link-active) !important;
  background: var(--cc-header-link-active-bg) !important;
}

.nav-mega-links a {
  color: var(--cc-header-link) !important;
}

.nav-mega-links a:hover,
.nav-mega-links a:focus-visible {
  color: var(--cc-header-link-hover) !important;
}

.nav-mega-links a.is-current,
.nav-mega-links a.current-menu-item,
.nav-mega-links a.current_page_item,
.nav-mega-links li.current-menu-item > a,
.nav-mega-links li.current_page_item > a {
  color: var(--cc-header-link-active) !important;
  font-weight: 600;
}

.header-search__field,
label.header-search__field {
  background: var(--cc-header-search-bg) !important;
}

.header-search__field:hover,
.header-search__field:focus-within {
  background: color-mix(in srgb, var(--cc-header-search-bg) 85%, #000) !important;
}

.nav-contrast {
  color: var(--cc-header-a11y) !important;
}

#mobile-menu-toggle {
  color: var(--cc-header-link) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.nav-contrast:hover,
.nav-contrast:focus-visible {
  color: var(--cc-header-a11y) !important;
  background: color-mix(in srgb, var(--cc-header-a11y) 12%, transparent) !important;
}

.nav-contrast.is-active {
  color: var(--cc-header-a11y) !important;
  background: color-mix(in srgb, var(--cc-header-a11y) 12%, transparent) !important;
  box-shadow: inset 0 0 0 2px var(--cc-header-a11y) !important;
}

::-webkit-scrollbar-thumb {
  background: var(--cc-scrollbar) !important;
}

* {
  scrollbar-color: var(--cc-scrollbar) var(--cc-surface, #f7f9fb);
}

.footer-brand-bg,
.site-footer {
  background-color: var(--cc-footer-bg) !important;
}

.footer-heading::after {
  background: var(--cc-footer-accent) !important;
}

.footer-menu a:hover,
.footer-contact-list a:hover,
.footer-legal a:hover {
  color: var(--cc-footer-link-hover) !important;
  background: transparent !important;
}

.footer-social a:hover {
  background-color: var(--cc-footer-accent) !important;
}