/* ========================================================================
   CORREÇÃO: Logo e Header Consistentes em Todas as Páginas Desktop
   Bug: Logo diminui e header muda ao navegar da home para outras páginas
   ======================================================================== */

/* DESKTOP ONLY - Força consistência total do header */
@media (min-width: 768px) {
    
    /* ===================================================================
       1. LOGO - Força altura consistente em TODAS as páginas
       =================================================================== */
    
    /* Garante que a logo sempre tenha max-height 130px */
    #logo .logo-img,
    #logo img,
    .logo-container .logo-img,
    .logo-container img,
    .nav-head .logo-img,
    .nav-head img {
        max-height: 130px !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
    }
    
    /* Remove qualquer variação causada por classes body específicas */
    body.home #logo img,
    body.home .logo-img,
    body.page #logo img,
    body.page .logo-img,
    body.single #logo img,
    body.single .logo-img,
    body.archive #logo img,
    body.archive .logo-img,
    body.woocommerce #logo img,
    body.woocommerce .logo-img,
    body.woocommerce-page #logo img,
    body.woocommerce-page .logo-img {
        max-height: 130px !important;
        height: auto !important;
        width: auto !important;
    }
    
    
    /* ===================================================================
       2. HEADER MAIN - Força padding consistente
       =================================================================== */
    
    /* Padding fixo para o container principal do header */
    .nav-head .js-nav-head-main,
    .nav-head .nav-head-main {
        padding: 18px 0 !important;
    }
    
    /* Remove variações por classe body */
    body.home .nav-head .nav-head-main,
    body.page .nav-head .nav-head-main,
    body.single .nav-head .nav-head-main,
    body.archive .nav-head .nav-head-main,
    body.woocommerce .nav-head .nav-head-main,
    body.woocommerce-page .nav-head .nav-head-main {
        padding: 18px 0 !important;
    }
    
    
    /* ===================================================================
       3. CONTAINER DO LOGO - Alinhamento consistente
       =================================================================== */
    
    .logo-container {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    
    
    /* ===================================================================
       4. HEADER NAV - Garante que o nav não afete altura
       =================================================================== */
    
    .nav-head .desktop-nav {
        margin: 10px 0 !important;
    }
    
    
    /* ===================================================================
       5. BARRA DE CONTATO - Altura mínima consistente
       =================================================================== */
    
    .nav-head-top.header-bar-top {
        min-height: 42px !important;
    }
    
    .nav-head-top .row {
        min-height: 42px !important;
    }
    
    
    /* ===================================================================
       6. SOMBRA E BORDAS - Consistência visual
       =================================================================== */
    
    .nav-head {
        box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.15) !important;
    }
    
    .nav-head-top.header-bar-top {
        border-bottom: 1px solid #ecf0f1 !important;
    }
    
    
    /* ===================================================================
       7. BUSCA E CARRINHO - Alinhamento consistente
       =================================================================== */
    
    .nav-head .d-flex.hidden-xs {
        display: flex !important;
        align-items: center !important;
        gap: 24px !important;
    }
    
    .desktop-search-input {
        width: 230px !important;
        height: 40px !important;
    }
    
    
    /* ===================================================================
       8. OVERRIDE DE QUALQUER CSS ESPECÍFICO DA HOME
       =================================================================== */
    
    /* Se existir algum CSS específico da home que altere o header, anulamos */
    body.home .nav-head,
    body.home .nav-head .nav-head-main,
    body.home .logo-container,
    body.home #logo {
        /* Força uso dos estilos padrão definidos acima */
        all: revert;
    }
    
    /* Reaplica os estilos críticos após o revert */
    body.home #logo img,
    body.home .logo-img {
        max-height: 130px !important;
        height: auto !important;
        width: auto !important;
        display: block !important;
    }
    
    body.home .nav-head .nav-head-main {
        padding: 18px 0 !important;
    }
    
}

/* ========================================================================
   MOBILE - Não aplicar essas correções no mobile
   ======================================================================== */

@media (max-width: 767px) {
    /* Mobile usa logo de 70px - não sobrescrever */
    .mobile-logo-row .logo-img,
    .mobile-logo-row img,
    .mobile-logo-container .logo-img,
    .mobile-logo-container img {
        max-height: 70px !important;
    }
}

/* Atualizado em 5 Nov 2025 - Correção bug logo desktop */