/* Background fix for Token Marketplace pages (3403 EN, 3571 PT) */

body.page-id-3403,
body.page-id-3571 {
    background: #0B0E11 url('/wp-content/plugins/codex-integration/assets/images/background.jpg') center center / cover no-repeat fixed !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-3403 #page,
body.page-id-3403 #main,
body.page-id-3403 .site-content,
body.page-id-3403 .content-area,
body.page-id-3403 .site-main,
body.page-id-3403 article,
body.page-id-3403 .entry-content,
body.page-id-3403 .container,
body.page-id-3403 .row,
body.page-id-3403 .block-content,
body.page-id-3403 .page-title-block,
body.page-id-3571 #page,
body.page-id-3571 #main,
body.page-id-3571 .site-content,
body.page-id-3571 .content-area,
body.page-id-3571 .site-main,
body.page-id-3571 article,
body.page-id-3571 .entry-content,
body.page-id-3571 .container,
body.page-id-3571 .row,
body.page-id-3571 .block-content,
body.page-id-3571 .page-title-block {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* page-title-block com inline style - forcar transparente */
body.page-id-3403 .page-title-block.has-background-image,
body.page-id-3571 .page-title-block.has-background-image,
body.page-id-3403 div[style*=background],
body.page-id-3571 div[style*=background] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Restaurar backgrounds dos cards e tabela - semi-transparentes */
body.page-id-3403 .tokens-table-container,
body.page-id-3571 .tokens-table-container {
    background: rgba(30, 35, 41, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

body.page-id-3403 #direct-buy-section,
body.page-id-3571 #direct-buy-section {
    background: linear-gradient(135deg, rgba(30,35,41,0.85) 0%, rgba(43,49,57,0.85) 100%) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

body.page-id-3403 .marketplace-stats .stat,
body.page-id-3571 .marketplace-stats .stat {
    background: rgba(30, 35, 41, 0.6) !important;
    backdrop-filter: blur(20px) !important;
}

/* Footer escuro */
body.page-id-3403 .site-footer,
body.page-id-3403 #footer-nav,
body.page-id-3403 #colophon,
body.page-id-3571 .site-footer,
body.page-id-3571 #footer-nav,
body.page-id-3571 #colophon {
    background: #0B0E11 url('/wp-content/plugins/codex-integration/assets/images/background.jpg') center center / cover no-repeat fixed !important;
    background-color: #0B0E11 !important;
    background-image: none !important;
}

body.page-id-3403 #colophon *,
body.page-id-3403 #footer-nav *,
body.page-id-3571 #colophon *,
body.page-id-3571 #footer-nav * {
    background-color: transparent !important;
}

/* Header mantém escuro */
body.page-id-3403 #site-header-wrapper,
body.page-id-3403 #site-header,
body.page-id-3403 .site-header,
body.page-id-3571 #site-header-wrapper,
body.page-id-3571 #site-header,
body.page-id-3571 .site-header {
    background-color: #0b0e11 !important;
    background-image: none !important;
}

/* Mobile - scroll em vez de fixed para performance */
@media (max-width: 768px) {
    body.page-id-3403,
    body.page-id-3571 {
        background-size: 200% auto !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
    }
    body.page-id-3403,
    body.page-id-3571 {
        background-attachment: scroll !important;
    }
}
