/* ========================================
   ESTILOS PARA OCULTAR ELEMENTOS DE WORDPRESS
   Y MAXIMIZAR EL ANCHO DE LA APLICACIÓN
   ======================================== */

/* Ocultar header de WordPress */
#masthead,
.site-header,
header.site-header,
.header-area,
.site-branding,
.main-navigation,
.primary-navigation,
.wp-site-blocks > header,
body > header {
    display: none !important;
}

/* Ocultar footer de WordPress */
#colophon,
.site-footer,
footer.site-footer,
.footer-area,
.wp-site-blocks > footer,
body > footer {
    display: none !important;
}

/* Ocultar barra de administración de WordPress */
#wpadminbar,
.admin-bar #wpadminbar {
    display: none !important;
}

/* Ajustar el body cuando no hay admin bar */
body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html {
    margin-top: 0 !important;
}

/* Maximizar el ancho de la aplicación */
body,
html {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Contenedor principal de WordPress */
#page,
.site,
.site-content,
#content,
.wrap,
.container,
.content-area,
.site-main,
#main,
#primary {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Contenedor específico de la aplicación */
.mercado-app-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Asegurar que no hay márgenes en el contenido */
.entry-content,
.page-content,
.post-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Quitar cualquier contenedor que limite el ancho */
.wp-block-group,
.wp-block-columns,
.alignwide,
.alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Asegurar que los elementos del tema no interfieran */
.theme-container,
.theme-wrapper,
.site-wrapper,
.page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ocultar navegación adicional del tema */
.site-navigation,
.primary-menu,
.secondary-menu,
.breadcrumbs,
.breadcrumb {
    display: none !important;
}

/* Ocultar sidebars */
.sidebar,
.widget-area,
#secondary {
    display: none !important;
}

/* Forzar el layout a una columna */
.site-content {
    display: block !important;
    grid-template-columns: 1fr !important;
}

/* Estilos específicos para páginas con shortcode */
body.page .mercado-app-container,
body.single .mercado-app-container {
    min-height: 100vh;
    background: #ffffff;
}

/* Ocultar elementos de WordPress comunes */
.wp-block-navigation,
.wp-block-site-logo,
.wp-block-site-title,
.wp-block-site-tagline {
    display: none !important;
}

/* Responsive: mantener el 100% en móviles también */
@media (max-width: 768px) {
    body,
    html,
    #page,
    .site,
    .site-content,
    .mercado-app-container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Ocultar elementos adicionales en móvil */
    .mobile-menu,
    .menu-toggle,
    .site-header-mobile {
        display: none !important;
    }
}

/* Ajustes adicionales para temas populares */
/* Twenty Twenty-One */
.wp-site-blocks {
    padding: 0 !important;
}

/* Twenty Twenty-Two y Twenty Twenty-Three */
.wp-block-group.is-layout-constrained {
    max-width: 100% !important;
}

/* Astra Theme */
.ast-container {
    max-width: 100% !important;
    padding: 0 !important;
}

/* OceanWP */
#wrap {
    max-width: 100% !important;
}

/* GeneratePress */
.inside-article,
.site-content {
    max-width: 100% !important;
    padding: 0 !important;
}

/* Elementor */
.elementor-container {
    max-width: 100% !important;
}