/* ================================================================
   HEADER LAYOUT — WP Infinity
   Arquivo EXCLUSIVO para alinhamento das colunas do cabeçalho.
   
   Edite APENAS este arquivo para ajustar os alinhamentos.
   Não altere style.css, mobile.css nem functions.php para isso.
   ================================================================

   COLUNA 01 → Logo     → Alinhado à ESQUERDA  (flex-start)
   COLUNA 02 → Menu     → Alinhado à DIREITA   (flex-end)
   COLUNA 03 → Lupa     → Alinhado à DIREITA   (flex-end)

   ================================================================ */


/* ----------------------------------------------------------------
   COLUNA 01 — Logo alinhado à ESQUERDA
   ---------------------------------------------------------------- */
.header-col-1 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;   /* ← ESQUERDA */
}

.header-col-1 .site-branding,
.header-col-1 .site-logo {
    display: flex !important;
    justify-content: flex-start !important;   /* ← ESQUERDA */
    align-items: center !important;
    width: auto;
}


/* ----------------------------------------------------------------
   COLUNA 02 — Menu alinhado à DIREITA
   ---------------------------------------------------------------- */
.header-col-2 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;     /* ← DIREITA */
    width: 100% !important;
}

/* A nav precisa ocupar toda a coluna para o menu poder se alinhar */
.header-col-2 .main-navigation {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-end !important;     /* ← DIREITA */
    align-items: center !important;
}

/* O ul do menu propriamente dito */
.header-col-2 .main-navigation #primary-menu {
    display: flex !important;
    justify-content: flex-end !important;     /* ← DIREITA */
    align-items: center !important;
}


/* ----------------------------------------------------------------
   COLUNA 03 — Lupa alinhada à DIREITA
   ---------------------------------------------------------------- */
.header-col-3 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;     /* ← DIREITA */
}

.header-col-3 .header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;     /* ← DIREITA */
    margin-left: auto;
}


/* ----------------------------------------------------------------
   MOBILE — preserva o comportamento responsivo
   ---------------------------------------------------------------- */
@media (max-width: 991px) {
    /* No mobile o grid vira flex entre col-1 e col-3 */
    .header-col-1 {
        flex: 0 0 auto !important;
        justify-content: flex-start !important;
    }
    .header-col-2 {
        display: none !important;
    }
    .header-col-3 {
        flex: 0 0 auto !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
    }
}