/* Sandra Kadence Layout 2.0.0 — cabeçalho global castanho.
   Não altera admin bar, conteúdos WooCommerce nem menus do painel. */
:root { --skl-header-brown: #38261F; --skl-header-white: #FFFFFF; }
/* Aplicar a cor ao cabeçalho desktop e às linhas principais do Kadence. */
body #masthead,
body #masthead .site-header-wrap,
body #masthead .site-main-header-wrap,
body #masthead .site-header-row-container,
body #masthead .site-header-row-container-inner,
body #masthead .site-header-row,
body #masthead .site-header-row-container-inner > .site-container,
body #masthead .site-header-inner-wrap,
body #mobile-header,
body #mobile-header .site-header-row-container,
body #mobile-header .site-header-row-container-inner {
  background-color: var(--skl-header-brown) !important;
  background-image: none !important;
}
/* Nome do site e ligações do menu, incluindo seleção e hover. */
body #masthead .site-title,
body #masthead .site-title a,
body #masthead .site-title-wrap a,
body #masthead .site-header-item a,
body #masthead .header-navigation a,
body #masthead .header-menu-container a,
body #masthead .header-navigation .menu-item.current-menu-item > a,
body #masthead .header-navigation .menu-item.current_page_item > a,
body #mobile-header .site-title,
body #mobile-header .site-title a,
body #mobile-header .site-header-item a {
  color: var(--skl-header-white) !important;
}
body #masthead .header-navigation a:hover,
body #masthead .header-navigation a:focus-visible,
body #masthead .header-navigation .menu-item > a:hover {
  color: #EADBD1 !important;
}
/* Logo é atualmente um pincel preto; só inverter a imagem do logótipo. */
body #masthead .site-branding .custom-logo,
body #masthead .site-branding .custom-logo-link img,
body #mobile-header .site-branding .custom-logo,
body #mobile-header .site-branding .custom-logo-link img {
  filter: brightness(0) invert(1);
}
/* Ícones e toggle hamburger do cabeçalho móvel. */
body #masthead .menu-toggle-open,
body #masthead .menu-toggle-open .menu-toggle-icon,
body #masthead .menu-toggle-close,
body #mobile-header .menu-toggle-open,
body #mobile-header .menu-toggle-open .menu-toggle-icon,
body #mobile-header .menu-toggle-close {
  color: var(--skl-header-white) !important;
}
body #masthead .menu-toggle-open svg,
body #mobile-header .menu-toggle-open svg { color:var(--skl-header-white) !important; stroke:currentColor; }
/* Painel do menu móvel aberto. */
body .popup-drawer .drawer-inner { background-color:var(--skl-header-brown) !important; }
body .popup-drawer .drawer-inner .menu a,
body .popup-drawer .drawer-inner .menu li a,
body .popup-drawer .drawer-inner .drawer-header .menu-toggle-close { color:var(--skl-header-white) !important; }
body .popup-drawer .drawer-inner .menu a:hover { color:#EADBD1 !important; }
