/* ==========================================
   CORREÇÕES DE LAYOUT GLOBAIS
   ========================================== */

/* Compensar header fixo em todas as páginas */
body {
    padding-top: 0;
}

/* Páginas com breadcrumb já têm margin-top no breadcrumb-area */
.breadcrumb-area {
    margin-top: 85px !important;
}

/* Banner na área do cliente já tem margin-top próprio */
.cliente-area-wrapper .breadcrumb-area {
    margin-top: 85px !important;
}

/* Área do cliente com menu horizontal */
.cliente-area-wrapper {
    padding-top: 0 !important;
    padding-bottom: 60px !important;
    min-height: calc(100vh - 200px);
}

/* Páginas com breadcrumb não precisam de padding extra */
.contact-page {
    padding-top: 0 !important;
}

.search-results-page {
    padding-top: 0 !important;
}

/* Garantir que o footer funcione corretamente após a área do cliente */
.cliente-area-wrapper + footer.footer-area,
body > footer.footer-area {
    width: 100% !important;
    display: block !important;
    position: relative !important;
    margin-top: 0 !important;
    clear: both !important;
}


/* Banner area compensação do header */
.banner-area {
    margin-top: 85px !important;
    padding-top: 40px !important;
    padding-bottom: 60px !important;
}

/* Seções principais com espaçamento adequado */
.featured-area,
.all-item-area,
.product-details-area {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Container principal com espaçamento */
.container {
    padding-left: 20px;
    padding-right: 20px;
}

/* Responsividade - Mobile */
@media (max-width: 991px) {
    .breadcrumb-area {
        margin-top: 75px !important;
        padding: 30px 0 !important;
    }
    
    .cliente-area-wrapper {
        padding-top: 75px !important;
    }
    
    .contact-page {
        padding-top: 0 !important;
    }
    
    .banner-area {
        margin-top: 75px !important;
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }
    
    .navbar-area .nav-container {
        padding: 15px 12px;
    }
}

/* Responsividade - Tablet */
@media (max-width: 768px) {
    
}

/* Garantir que conteúdo não seja cortado */
main,
.cliente-content-wrapper,
.cliente-page-content {
    padding-top: 0;
}


/* Corrigir overflow horizontal */
html, body {
    overflow-x: hidden;
    max-width: 100vw;
}


.cliente-content-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
    box-sizing: border-box;
}

.cliente-page-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.cliente-content-wrapper > * {
    max-width: 100%;
}