/* =========================================
   GRANDPIX - MODO APLICATIVO (CORREÇÃO AFILIADOS)
   ========================================= */

/* 1. Trava a rolagem do site "atrás" do App */
body {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #020617 !important;
}

/* 2. Esconde elementos do tema WordPress */
header.site-header, footer.site-footer, header.wp-block-template-part, footer.wp-block-template-part, .wp-site-blocks > header, .wp-site-blocks > footer, #wpadminbar, .site-info { 
    display: none !important;
}

/* 3. CONFIGURAÇÃO GERAL DO WRAPPER (APP) 
   Adicionamos .gpix-aff-wrapper aqui para ele se comportar igual */
.gpix-wrapper, 
.gpix-aff-wrapper {
    position: fixed; 
    top: 0; 
    /* Mobile First: Ocupa tudo */
    left: 0;
    width: 100%;
    height: 100%;
    
    z-index: 999999;
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch;
    background: #0F172A;
    
    display: flex;
    flex-direction: column;
    align-items: center; 
}

/* Container interno */
.gpix-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    flex: 1; 
}

/* 4. AJUSTE PARA DESKTOP (MÉTODO INFALÍVEL) */
@media screen and (min-width: 600px) {
    .gpix-wrapper,
    .gpix-aff-wrapper {
        left: 0;
        right: 0;
        margin: 0 auto; /* O navegador calcula o centro exato */
        width: 600px;   /* Largura travada */
        
        transform: none !important; 
        
        border-left: 1px solid #334155;
        border-right: 1px solid #334155;
        box-shadow: 0 0 50px rgba(0,0,0,0.5);
        scrollbar-width: thin; 
        scrollbar-color: #334155 #0F172A;
    }
}

/* 5. EXCEÇÃO: ADMIN BAR (Para quando você estiver logado como Admin) */
body.admin-bar #wpadminbar { display: block !important; }

body.admin-bar .gpix-wrapper,
body.admin-bar .gpix-aff-wrapper { 
    top: 32px; 
    height: calc(100vh - 32px); 
}

@media screen and (max-width: 782px) {
    body.admin-bar .gpix-wrapper,
    body.admin-bar .gpix-aff-wrapper { 
        top: 46px; 
        height: calc(100vh - 46px); 
    }
}

/* 6. MATA TÍTULOS DO TEMA */
h1.wp-block-post-title, h1.entry-title, .page-title, .entry-header, .wp-block-post-title-block, header.entry-header { display: none !important; }
.wp-site-blocks { padding: 0 !important; margin: 0 !important; }