/* =========================================================
   HEADER PHASE 3 ENHANCED — Loja da Barba
   Refinamentos de busca/ícones (tokens em ldb-tokens.css).
   Para reverter: remova as linhas deste arquivo e header-phase3-enhanced.js no header.twig
   ========================================================= */

/* Busca — placeholder e foco refinados */
header#site-header #search input[name="search"] {
    font-family: "Lexend", sans-serif;
    border-color: var(--ldb-border) !important;
    transition: border-color var(--ldb-transition), box-shadow var(--ldb-transition) !important;
}

header#site-header #search input[name="search"]:focus {
    border-color: var(--ldb-gold) !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 104, 0.22) !important;
    outline: none;
}

header#site-header #search .btn-lg {
    transition: background var(--ldb-transition), color var(--ldb-transition) !important;
}

header#site-header #search .btn-lg:hover,
header#site-header #search .btn-lg:focus-visible {
    background: var(--ldb-gold) !important;
    color: var(--ldb-green) !important;
}

/* Ícones do header — foco visível para teclado */
header#site-header .circleBtn:focus-visible,
header#site-header .header-contact-btn:focus-visible {
    outline: 2px solid var(--ldb-gold);
    outline-offset: 2px;
}

/* Mega menu — container posicionado */
@media (min-width: 992px) {
    .ldb-menu-phase3 {
        position: relative;
        overflow: visible;
    }

    .ldb-menu-phase3 .containerNo {
        position: static;
    }
}

/* Barra promocional — ícones com leve glow no hover da página */
.top-advantage-bar .top-icon {
    transition: transform var(--ldb-transition), filter var(--ldb-transition);
}

.top-advantage-bar:hover .top-icon {
    transform: scale(1.08);
}

@media (prefers-reduced-motion: reduce) {
    header#site-header #search input[name="search"],
    header#site-header #search .btn-lg,
    .top-advantage-bar .top-icon {
        transition: none !important;
    }
}