/* ==========================================================================
   TRAMEI ISOLATED HEADER ALIGNMENT (FIXED)
   ========================================================================== */

/* Force segments to stay 100% wide even on WooCommerce Checkout pages */
.site-header, 
.main-header, 
.top-bar, 
.main-navigation { 
    width: 100% !important; 
    max-width: 100% !important; 
    left: 0 !important;
    right: 0 !important;
}

/* Ensure 1200px centering and distribution */
.main-header .container.flex-align { 
    display: flex !important; 
    justify-content: space-between !important; 
    align-items: center !important; 
    width: 100% !important; 
    max-width: 1200px !important;
    margin: 0 auto !important;
} 

.header-search { 
    flex: 0 0 45% !important; 
    margin: 0 20px !important; 
} 

.header-tools {
    display: flex !important;
    gap: 20px !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
}

/* Keep Atendimento / Minha conta / Meu carrinho aligned even while the
   icon font is still loading (reserve the icon's vertical space). */
.header-tools .tool-item {
    flex: 0 0 auto;
    min-width: 70px;
}
.header-tools .tool-item a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px;
    line-height: 1.2;
}
.header-tools .tool-item i {
    display: block;
    min-height: 20px;
    font-size: 20px;
    line-height: 20px;
}