/**
 * Copyright © ProPlayerFC. All rights reserved.
 * Main content spacing - content starts closer to header
 */

/* Reduce gap between header and main content - max specificity with !important */
.page-wrapper .page-main,
.page-wrapper .columns,
.page-wrapper .column.main,
.page-wrapper #maincontent,
.page-layout-1column .main,
.page-layout-2columns-left .main,
.page-layout-2columns-right .main,
.page-layout-3columns .main,
.main .column.main,
.content-area .main,
.page-main .columns,
.page-main .column.main,
.columns .column.main,
.columns .main {
    margin-top: 15px !important;
    padding-top: 0 !important;
}

.main .proplayerfc-container,
.page-main .proplayerfc-container,
.content-area .proplayerfc-container {
    margin-top: 15px !important;
    padding-top: 0 !important;
}

.page-main,
.main,
.columns .main,
.column.main {
    margin-top: 15px !important;
    padding-top: 0 !important;
}

.page-main .columns,
.page-main .column.main,
.page-wrapper .page-main,
.columns .column.main {
    margin-top: 15px !important;
    padding-top: 0 !important;
}

.page-layout-1column .page-main,
.page-layout-2columns-left .page-main,
.page-layout-2columns-right .page-main,
.page-layout-3columns .page-main {
    margin-top: 15px !important;
    padding-top: 0 !important;
}

/* Page header — margem inferior global */
.page-header,
.page-wrapper .page-header {
    /* border-bottom: 1px solid #cccccc; */
    margin-bottom: 20px !important;
    padding-bottom: 0 !important;
}

/* Content area - no extra top space */
#maincontent,
.content-area,
.page-wrapper .content {
    margin-top: 15px !important;
    padding-top: 0 !important;
}

/**
 * Barra fixa inferior (ProPlayerFC_Customer::footer/mobile-bottom-nav.phtml).
 * Empurra todo o conteúdo da página para cima da nav; nada fica oculto atrás dela.
 */
@media (max-width: 767px) {
    body .page-wrapper {
        padding-bottom: calc(var(--ppfc-mobile-bottom-nav-space, 92px) + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box;
    }

    /**
     * Modais / overlays acima da barra inferior (.ppfc-mobile-bottom-nav, z-index ~600).
     * Vários CSS do projeto usam 1000–10001 em .modal-overlay; isso garante ordem correta
     * mesmo quando folhas carregam em ordem diferente (main-content.css carrega tarde no head).
     */
    body .modal-overlay,
    body .modals-wrapper,
    body .modal-popup._show,
    body .modal-slide._show {
        z-index: 10050 !important;
    }

    body .modal-overlay .modal-content,
    body .modal-popup._show .modal-inner-wrap {
        z-index: 10051 !important;
    }
}