/**
 * T4F sidebar — cores da marca (docs/brandguidelines.md)
 * Dourado #C59D2A | Verde #008F11 | Cinza grafite (texto secundário)
 * Fundo da sidebar: cor original do tema (#262932 em dark compact).
 */
:root {
  --t4f-gold: #c59d2a;
  --t4f-green: #008f11;
  --t4f-graphite: #8a8f98;
  /* Faixa útil do header (~padding 22px×2 + linha de botões) quando nav-right está vazio */
  --t4f-header-min-height: 80px;
}

/* Logo T4F principal (sidebar expandida; header quando o layout a mostra) */
.t4f-brand-logo {
  max-height: 140px;
  width: auto;
  margin-top: -50px;
  object-fit: contain;
}

/* Header: evita colapso vertical quando não há itens em .nav-menus (ex.: visitante sem botões) */
.page-wrapper:not(.only-body) .page-header .header-wrapper {
  min-height: var(--t4f-header-min-height);
  box-sizing: border-box;
}

.page-wrapper:not(.only-body) .page-header .header-wrapper .nav-right .nav-menus {
  min-height: 38px;
}

/* Sem linha sob a faixa da logo */
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
  border-bottom: none !important;
}

/* Títulos de seção (Produtos, Suporte, Admin): dourado */
body.dark-only .page-wrapper .sidebar-main-title h6 {
  color: var(--t4f-gold) !important;
  font-weight: 600;
  letter-spacing: 0.03em;
}

body.dark-only .page-wrapper .sidebar-main-title p {
  color: var(--t4f-graphite) !important;
}

/* Itens — texto secundário grafite */
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
  color: var(--t4f-graphite) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a:hover span {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Ícones stroke/fill padrão */
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.stroke-icon {
  stroke: var(--t4f-graphite) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg.fill-icon {
  fill: var(--t4f-graphite) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a:hover svg.stroke-icon {
  stroke: var(--t4f-gold) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a:hover svg.fill-icon {
  fill: var(--t4f-gold) !important;
}

/* Item ativo — verde lucro + fundo sutil */
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
  background-color: rgba(0, 143, 17, 0.14) !important;
  box-shadow: inset 3px 0 0 var(--t4f-green);
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active svg,
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.stroke-icon {
  stroke: var(--t4f-green) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a.active svg.fill-icon {
  fill: var(--t4f-green) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active span,
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li .sidebar-link.active span {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Submenu */
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a {
  color: var(--t4f-graphite) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a:hover {
  color: var(--t4f-gold) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu li a.active,
body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a.active {
  color: var(--t4f-green) !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-list ul.sidebar-submenu li a span {
  color: inherit !important;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
  color: var(--t4f-graphite) !important;
}

/* Breadcrumbs (.page-title) — evita --theme-deafult #8af03d; usa Verde Lucro #008F11 */
body.dark-only .page-wrapper .page-body-wrapper .page-title .breadcrumb .breadcrumb-item.active {
  color: var(--t4f-green) !important;
}

/*
 * Mobile (<lg): logo visível no header, centrada, sem absolute (evita quebrar .row / empurrar nav).
 * Grid 3 colunas: hamburger | logo (1fr, centro) | nav. display:contents no wrapper do menu.
 */
@media (max-width: 991.98px) {
  .page-wrapper.compact-wrapper .page-header .header-wrapper.row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.5rem;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    max-width: 100%;
  }

  .page-wrapper.compact-wrapper .page-header .header-wrapper > .left-header {
    display: none !important;
  }

  .page-wrapper.compact-wrapper .page-header .header-logo-wrapper {
    display: contents !important;
  }

  .page-wrapper.compact-wrapper .page-header .header-logo-wrapper > .toggle-sidebar {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    position: static !important;
    margin: 0 !important;
    padding-right: 10px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
  }

  .page-wrapper.compact-wrapper .page-header .header-logo-wrapper > .logo-wrapper {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    align-self: center;
    display: flex !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border-bottom: none !important;
    width: auto;
    max-width: 100%;
    min-width: 0;
    pointer-events: auto;
    justify-content: center;
  }

  .page-wrapper.compact-wrapper .page-header .header-logo-wrapper > .logo-wrapper a {
    justify-content: center;
  }

  .page-wrapper.compact-wrapper .page-header .header-wrapper > .nav-right {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    margin-left: 0 !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    width: auto !important;
    max-width: 100% !important;
    position: static !important;
    z-index: auto;
  }

  .page-wrapper.compact-wrapper .page-header .header-logo-wrapper .t4f-brand-logo {
    margin-top: 0 !important;
    max-height: 60px !important; /* +50% vs 40px — logo só no header mobile */
    width: auto;
    object-fit: contain;
  }

  .page-wrapper .page-body-wrapper .sidebar-wrapper .logo-wrapper > a {
    display: none !important;
  }

  .page-wrapper .page-body-wrapper .sidebar-wrapper .logo-icon-wrapper {
    display: none !important;
  }

  .page-wrapper .page-body-wrapper .sidebar-wrapper li.back-btn > a {
    display: none !important;
  }
}