/**
 * IRS Basquet - CSS Adicional para Eliminar Márgenes de WordPress
 * Este archivo se carga para forzar el ancho completo sin márgenes
 */

/* Reset body y html primero */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
}

/* Forzar padding-top a 0 en body - eliminar cualquier espacio superior */
body {
    padding-top: 0 !important;
}

/* Si WordPress admin bar está presente, ajustar */
body.admin-bar {
    padding-top: 0 !important;
}

/* Reset específico sin afectar Font Awesome */

/* Reset específico para contenedores de WordPress más comunes */
html, body,
.wp-site-blocks,
.entry-content,
.post-content,
.page-content,
.content-area,
.site-content,
.site-main,
.hfeed,
.container,
.container-fluid,
.row,
.col,
.wrap,
.wrapper,
.inner,
.main,
.content,
.primary,
.secondary,
div[class*="container"],
div[class*="wrapper"],
div[class*="content"],
article,
section,
main {
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Ocultar completamente el header y footer, PERO mantener admin bar */
header:not(#wpadminbar), 
.header:not(#wpadminbar),
.site-header,
#masthead,
#header,
nav:not(#wpadminbar *),
.navigation,
.navbar,
.nav,
footer,
.footer,
.site-footer,
#colophon,
#footer,
aside,
.sidebar,
.widget-area,
.secondary {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* Mantener visible la barra de administración de WordPress */
#wpadminbar {
    display: block !important;
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999999 !important; /* Z-index muy alto */
    height: 32px !important;
    pointer-events: auto !important; /* Asegurar que sea clickeable */
}

#wpadminbar * {
    pointer-events: auto !important; /* Todos los elementos internos clickeables */
}

@media screen and (max-width: 782px) {
    #wpadminbar {
        height: 46px !important;
    }
}

/* Configuración específica del body sin afectar Font Awesome */
body {
    background: #f5f5f5 !important;
}

/* Asegurar que los contenedores IRS ocupen toda la pantalla considerando admin bar */
#irs-basquet-chat-container,
#irs-basquet-login-container {
    position: fixed !important;
    top: 32px !important; /* Espacio para admin bar */
    left: 0 !important;
    width: 100vw !important;
    height: calc(100vh - 32px) !important; /* Altura menos admin bar */
    z-index: 999998 !important; /* Menor que admin bar */
    margin: 0 !important;
    padding: 0 !important;
}

/* Contenedor de administrador - sin espacio superior */
#irs-admin-container {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999 !important;
}

/* En móviles la admin bar es más alta */
@media screen and (max-width: 782px) {
    #irs-basquet-chat-container,
    #irs-basquet-login-container {
        top: 46px !important;
        height: calc(100vh - 46px) !important;
    }
}

/* Cuando no hay admin bar (usuario no logueado o producción) */
body:not(.admin-bar) #irs-basquet-chat-container,
body:not(.admin-bar) #irs-basquet-login-container {
    top: 0 !important;
    height: 100vh !important;
}