/* ============================================
   CSS BACKGROUND - BUY CRYPTOCURRENCIES (page-id-3401)
   Aplica background image igual All Crypto Prices e Token Marketplace
   Versão: 1.0.8 - Admin bar compensation
   ============================================ */

/* 0. Forçar HTML e BODY sem margem/padding - MÁXIMA ESPECIFICIDADE */
html,
html body,
body.page-id-3401 html {
    margin: 0 !important;
    padding: 0 !important;
}

/* Forçar body.admin-bar (WordPress logged) sem margem do admin bar */
body.page-id-3401.admin-bar,
html body.page-id-3401.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 1. Aplicar imagem de fundo no body E remover margem */
body.page-id-3401 {
    background-image: url("http://store.exfair.io/wp-content/icones_moedas/background.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Remover fundo branco/azul de TODOS os containers */
body.page-id-3401 #page,
body.page-id-3401 #main,
body.page-id-3401 .site-content,
body.page-id-3401 .content-area,
body.page-id-3401 .site-main,
body.page-id-3401 article,
body.page-id-3401 .entry-content,
body.page-id-3401 .container,
body.page-id-3401 .row,
body.page-id-3401 .block-content,
body.page-id-3401 .page-header,
body.page-id-3401 .entry-header,
body.page-id-3401 .page-title-block,
body.page-id-3401 .title-section,
body.page-id-3401 .page-title-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* 3. Remover fundo branco do wrapper principal E margem do topo */
body.page-id-3401 #main-content,
body.page-id-3401 .main-content-wrapper,
body.page-id-3401 #primary,
body.page-id-3401 #main,
body.page-id-3401 .site-main {
    background: transparent !important;
    background-color: transparent !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remover margem do body, html e TODOS os page wrappers */
body.page-id-3401,
html body.page-id-3401,
body.page-id-3401 #page,
body.page-id-3401 .site,
body.page-id-3401 #wrapper,
body.page-id-3401 .site-inner,
body.page-id-3401 .wrap,
body.page-id-3401 #content,
body.page-id-3401 .hfeed,
body.page-id-3401 .content-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remover espaço antes do conteúdo principal */
body.page-id-3401 .page-header,
body.page-id-3401 .entry-header,
body.page-id-3401 .page-title-block,
body.page-id-3401 .title-section,
body.page-id-3401 .page-title-wrapper,
body.page-id-3401 .hero-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: none !important;
}

/* Forçar header sem margem superior E posição absoluta no topo */
body.page-id-3401 .site-header,
body.page-id-3401 #masthead,
body.page-id-3401 header {
    margin-top: 0 !important;
    top: 0 !important;
    position: relative !important;
}

/* Se header for sticky/fixed, garantir que esteja no topo */
body.page-id-3401 .site-header.sticky,
body.page-id-3401 .site-header.fixed,
body.page-id-3401 #masthead.sticky,
body.page-id-3401 #masthead.fixed {
    top: 0 !important;
}

/* Esconder admin bar do WordPress (se usuário estiver logado) */
body.page-id-3401 #wpadminbar {
    display: none !important;
    height: 0 !important;
}

/* Compensar margin-top do admin-bar */
body.page-id-3401.admin-bar .site-header,
body.page-id-3401.admin-bar #masthead {
    margin-top: -32px !important;
}

/* Mobile admin bar */
@media screen and (max-width: 782px) {
    body.page-id-3401.admin-bar .site-header,
    body.page-id-3401.admin-bar #masthead {
        margin-top: -46px !important;
    }
}

/* Garantir que o primeiro elemento não tenha margem */
body.page-id-3401 > *:first-child,
body.page-id-3401 #page > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ULTRA-AGRESSIVO - Forçar TODOS elementos a terem margin-top: 0 nos primeiros níveis */
body.page-id-3401 > *,
body.page-id-3401 #page,
body.page-id-3401 #page > * {
    margin-top: 0 !important;
}

/* Forçar header e elementos antes dele sem margem */
body.page-id-3401 .site-header,
body.page-id-3401 #masthead,
body.page-id-3401 header,
body.page-id-3401 .site-header *,
body.page-id-3401 #masthead * {
    margin-top: 0 !important;
}

/* Remover QUALQUER espaço antes do header */
body.page-id-3401 .site-header::before,
body.page-id-3401 #masthead::before {
    content: none !important;
    display: none !important;
}

/* 4. Container transparente */
body.page-id-3401 .codex-buy-crypto-container {
    background: transparent !important;
}

/* 5. Footer mantém cor sólida roxa */
body.page-id-3401 .site-footer,
body.page-id-3401 #footer-nav,
body.page-id-3401 #colophon {
    background-color: #1a0b3d !important;
    background-image: none !important;
}

/* 6. Mobile - melhor performance */
@media (max-width: 768px) {
    body.page-id-3401 {
        background-attachment: scroll !important;
    }
}

/* 7. Wrapper geral transparente */
body.page-id-3401 .site,
body.page-id-3401 .site-inner,
body.page-id-3401 .wrap {
    background: transparent !important;
}

/* 8. Remover box-shadow e borders */
body.page-id-3401 .site-content > * {
    box-shadow: none !important;
}

/* 9. Tema Cryption específico - TODOS os elementos */
body.page-id-3401 .block-content,
body.page-id-3401 .ct-content,
body.page-id-3401 .cryption-content,
body.page-id-3401 .ct-page-title,
body.page-id-3401 .hero-section,
body.page-id-3401 .page-title-area,
body.page-id-3401 .title-area,
body.page-id-3401 [class*="title"],
body.page-id-3401 [class*="header"],
body.page-id-3401 div[style*="background"] {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* 10. FORÇAR remoção de background de TODOS os elementos (exceto footer e header) */
body.page-id-3401 *:not(.site-footer):not(#footer-nav):not(#colophon):not(.site-header):not(#masthead):not(.main-navigation):not(.navbar) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* 10.1. Seletores de atributo ultra-agressivos para área do título */
body.page-id-3401 [class*="page"]:not(.site-header):not(#masthead),
body.page-id-3401 [class*="title"]:not(.site-header):not(#masthead),
body.page-id-3401 [class*="header"]:not(.site-header):not(#masthead),
body.page-id-3401 [id*="page"]:not(.site-header):not(#masthead),
body.page-id-3401 [id*="title"]:not(.site-header):not(#masthead),
body.page-id-3401 [id*="header"]:not(.site-header):not(#masthead),
body.page-id-3401 div[style*="background"]:not(.site-footer):not(#colophon) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* 11. Restaurar fundo apenas do footer e header menu */
body.page-id-3401 .site-footer,
body.page-id-3401 .site-footer *,
body.page-id-3401 #footer-nav,
body.page-id-3401 #colophon {
    background-color: #1a0b3d !important;
}

/* REMOVER - O CSS do header já está sendo aplicado pelo shortcode */
/* Não sobrescrever aqui para evitar conflitos */