/* ================================================================
   GLPI — Button Visibility Fixes (header + search forms)
   ================================================================ */

/* ── Context-link buttons (Regra, Grupo, Pesquisar, Listas…)  ────
   O _global-menu.scss herda $mainmenu-fg (branco) para os botões,
   pensado no sidebar escuro. No header claro isso cria ícone branco
   sobre fundo branco. Aqui reescrevemos apenas a camada do header.
   ─────────────────────────────────────────────────────────────── */
/* Layout vertical  → header.navbar (navbar-light)
   Layout horizontal → .secondary-bar  (navbar-light)
   Ambos têm fundo claro; $mainmenu-fg branco torna os botões invisíveis. */
header.navbar .btn.btn-outline-secondary,
header.navbar .btn.btn-ghost-secondary,
.secondary-bar  .btn.btn-outline-secondary,
.secondary-bar  .btn.btn-ghost-secondary {
    color: #334155 !important;
    border-color: #94a3b8 !important;
    background-color: transparent !important;
}
header.navbar .btn.btn-outline-secondary i,
header.navbar .btn.btn-ghost-secondary i,
header.navbar .btn.btn-outline-secondary span,
header.navbar .btn.btn-ghost-secondary span,
.secondary-bar  .btn.btn-outline-secondary i,
.secondary-bar  .btn.btn-ghost-secondary i,
.secondary-bar  .btn.btn-outline-secondary span,
.secondary-bar  .btn.btn-ghost-secondary span {
    color: #334155 !important;
}
header.navbar .btn.btn-outline-secondary:hover,
header.navbar .btn.btn-ghost-secondary:hover,
.secondary-bar  .btn.btn-outline-secondary:hover,
.secondary-bar  .btn.btn-ghost-secondary:hover {
    background-color: #00440b !important;
    border-color: #00440b !important;
    color: #ffffff !important;
}
header.navbar .btn.btn-outline-secondary:hover i,
header.navbar .btn.btn-ghost-secondary:hover i,
header.navbar .btn.btn-outline-secondary:hover span,
header.navbar .btn.btn-ghost-secondary:hover span,
.secondary-bar  .btn.btn-outline-secondary:hover i,
.secondary-bar  .btn.btn-ghost-secondary:hover i,
.secondary-bar  .btn.btn-outline-secondary:hover span,
.secondary-bar  .btn.btn-ghost-secondary:hover span {
    color: #ffffff !important;
}

/* Botão "Adicionar" (btn-secondary sólido) — fica verde da marca */
header.navbar .btn.btn-secondary,
.secondary-bar  .btn.btn-secondary {
    background-color: #00440b !important;
    border-color: #00440b !important;
    color: #ffffff !important;
}
header.navbar .btn.btn-secondary i,
header.navbar .btn.btn-secondary span,
.secondary-bar  .btn.btn-secondary i,
.secondary-bar  .btn.btn-secondary span {
    color: #ffffff !important;
}
header.navbar .btn.btn-secondary:hover,
.secondary-bar  .btn.btn-secondary:hover {
    background-color: #005c10 !important;
    border-color: #005c10 !important;
}

/* ── Search form action buttons (.search_actions) ─────────────── */
/*
 * O Tabler aplica o hover assim (palette CSS compilado):
 *   .btn-ghost-secondary:hover, .btn-outline-secondary:hover {
 *       background-color: var(--tblr-btn-color);      ← cor do bg no hover
 *       color:            var(--tblr-btn-color-text);  ← #fafbfc (quase branco)
 *   }
 * A correção: sobrescreve as variáveis REAIS que o Tabler usa.
 */
.search_actions .btn-outline-secondary,
.search_actions .btn-ghost-secondary {
    --tblr-btn-color:          rgba(51, 65, 85, 0.10); /* hover bg: tint sutil */
    --tblr-btn-color-text:     #334155;                /* hover text: escuro    */
    color:            #334155 !important;
    background-color: transparent !important;
    border-color:     #94a3b8 !important;
}
.search_actions .btn-outline-secondary i,
.search_actions .btn-outline-secondary span,
.search_actions .btn-ghost-secondary i,
.search_actions .btn-ghost-secondary span {
    color: #334155 !important;
}
/* Fallback !important — garante que mesmo regras com especificidade
   igual ou maior do framework não consigam mudar a cor no hover.    */
.search_actions .btn-outline-secondary:hover,
.search_actions .btn-outline-secondary:focus,
.search_actions .btn-ghost-secondary:hover,
.search_actions .btn-ghost-secondary:focus {
    color:            #334155 !important;
    background-color: rgba(51, 65, 85, 0.10) !important;
    border-color:     #94a3b8 !important;
    box-shadow:       none !important;
}
.search_actions .btn-outline-secondary:hover i,
.search_actions .btn-outline-secondary:hover span,
.search_actions .btn-outline-secondary:focus i,
.search_actions .btn-outline-secondary:focus span,
.search_actions .btn-ghost-secondary:hover i,
.search_actions .btn-ghost-secondary:hover span,
.search_actions .btn-ghost-secondary:focus i,
.search_actions .btn-ghost-secondary:focus span {
    color: #334155 !important;
}

/* Pesquisar (btn-primary) — texto e ícone escuros, legíveis no fundo do palette */
.search_actions .btn-primary,
.card-footer.search_actions .btn.btn-primary {
    --tblr-btn-color-text: #1e293b;
    color: #1e293b !important;
}
.search_actions .btn-primary i,
.search_actions .btn-primary span,
.search_actions .btn-primary .ti,
.card-footer.search_actions .btn.btn-primary i,
.card-footer.search_actions .btn.btn-primary span,
.card-footer.search_actions .btn.btn-primary .ti {
    color: #1e293b !important;
}
.search_actions .btn-primary:hover,
.search_actions .btn-primary:focus,
.card-footer.search_actions .btn.btn-primary:hover,
.card-footer.search_actions .btn.btn-primary:focus {
    color: #1e293b !important;
    box-shadow: none !important;
}
.search_actions .btn-primary:hover i,
.search_actions .btn-primary:hover span,
.search_actions .btn-primary:hover .ti,
.search_actions .btn-primary:focus i,
.search_actions .btn-primary:focus span,
.search_actions .btn-primary:focus .ti,
.card-footer.search_actions .btn.btn-primary:hover i,
.card-footer.search_actions .btn.btn-primary:hover span,
.card-footer.search_actions .btn.btn-primary:hover .ti,
.card-footer.search_actions .btn.btn-primary:focus i,
.card-footer.search_actions .btn.btn-primary:focus span,
.card-footer.search_actions .btn.btn-primary:focus .ti {
    color: #1e293b !important;
}