/* =============================================================================
 * Sulminas — Header / menu público (Fase 53A)
 * Carregado no front público (exceto páginas de dashboard/CRM). Escopado a
 * .header-main-wrap. 100% cosmético: NÃO mexe em background/cor base (preserva
 * header transparente da home e sólido das demais), NÃO mexe em display/position
 * (preserva menu desktop e o toggle do menu mobile). Não toca lógica/menus/URLs.
 * ========================================================================== */

/* ---- Fase 59A — Design system de verde #A8CF45 (alinhado ao tema pai).
   Carrega só no front público (exclui dashboard/CRM). ----------------------- */
:root {
    --smcp-green:      #a8cf45;
    --smcp-green-ink:  #4f6e14;
    --smcp-green-hover:#93b833;
}

/* ---- Menu principal: hover/foco/ativo — fundo VERDE da marca (#a8cf45) com
   texto claro (#f9fbf5). Pedido do cliente: reverter o fundo branco da 69K-C
   para o verde institucional. Só o fundo/texto do item muda (não o header todo).
   Obs.: texto claro sobre #a8cf45 fica abaixo do AA estrito — escolha estética. */
.header-main-wrap .main-nav .nav-item > .nav-link { transition: color .15s ease, background-color .15s ease; }
.header-main-wrap .main-nav .nav-item > .nav-link:hover,
.header-main-wrap .main-nav .nav-item > .nav-link:focus,
.header-main-wrap .main-nav .nav-item > .nav-link.active,
.header-main-wrap .main-nav .nav-item.current-menu-item > .nav-link {
	color: #f9fbf5 !important;
	background-color: #a8cf45 !important;
}

/* Submenus / dropdowns: cantos suaves + sombra leve */
.header-main-wrap .main-nav .dropdown-menu,
.header-main-wrap .main-nav .sub-menu,
.header-main-wrap .dropdown-menu-favorites {
    border-radius: 10px;
    border: 1px solid #eef2f6;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
}

/* ---- Botões sociais do topo: refino + hover com identidade -------------- */
.header-main-wrap .btn-square {
    border-radius: 8px;
    transition: transform .15s ease, background .15s ease, color .15s ease;
}
.header-main-wrap .btn-square:hover { transform: translateY(-1px); }
.header-main-wrap .btn-square.btn-whatsapp:hover { background: #25d366; color: #fff; }
.header-main-wrap .btn-square.btn-instagram:hover { background: #e1306c; color: #fff; }
.header-main-wrap .btn-square.btn-youtube:hover { background: #ff0000; color: #fff; }

/* ---- Login / registro + favoritos: leve realce ------------------------- */
.header-main-wrap .btn-icon-login-register { transition: color .15s ease; }
.header-main-wrap .btn-icon-login-register:hover { color: var(--smcp-green-ink); }
.header-main-wrap .btn-bubble.frvt-count { transition: transform .15s ease; }
.header-main-wrap .btn-bubble.frvt-count:hover { transform: scale(1.05); }

/* ---- Top-bar (contato): hover ----------------------------------------- */
.header-main-wrap .header-contact a { transition: color .15s ease; }
.header-main-wrap .header-contact a:hover { color: var(--smcp-green-ink); }

/* ---- Mobile: toque confortável (sem mexer no toggle/abertura) ----------- */
@media (max-width: 991.98px) {
    .header-main-wrap .header-mobile .btn { transition: color .15s ease; }
    .header-main-wrap .header-mobile .btn:active { opacity: .8; }
}