/*
 * astra-compat.css
 * Anula estilos del tema Astra en las páginas con el QMS.
 * Se carga DESPUÉS de qms-app.css para mayor especificidad.
 */

/* ── 1. Wrapper raíz: elimina restricciones de contenedor de Astra ── */
body.aqms-page .ast-container,
body.aqms-page .ast-grid-right-inner-wrap,
body.aqms-page .entry-content,
body.aqms-page .ast-article-post,
body.aqms-page #primary,
body.aqms-page #content,
body.aqms-page .site-content,
body.aqms-page .ast-row {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ── 2. Eliminar padding vertical del área de contenido ── */
body.aqms-page .ast-article-post,
body.aqms-page .entry-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ── 3. Eliminar el título de la página (H1) que Astra añade ── */
body.aqms-page .entry-title,
body.aqms-page .ast-page-title-bar,
body.aqms-page .ast-breadcrumbs-wrapper {
    display: none !important;
}

/* ── 4. La app ocupa toda la ventana verticalmente ── */
body.aqms-page {
    overflow: hidden; /* La app tiene su propio scroll interno */
}

body.aqms-page #aqms-root {
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
}

/* ── 5. Si se mantiene el header de Astra, ajustar el posicionamiento ── */
/* Descomenta esto si decides mantener el header de WordPress visible */
/*
body.aqms-page #aqms-root {
    position: fixed;
    top: var(--astra-header-height, 80px);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
}
*/

/* ── 6. WordPress admin bar (barra negra de WP en la parte superior) ── */
body.aqms-page.admin-bar #aqms-root {
    top: 32px; /* Altura de la admin bar de WordPress */
}

@media screen and (max-width: 782px) {
    body.aqms-page.admin-bar #aqms-root {
        top: 46px; /* Admin bar más alta en móvil */
    }
}

/* ── 7. Asegurar que la app no herede tipografía de Astra ── */
#aqms-root,
#aqms-root * {
    font-family: inherit; /* La app define sus propias fuentes vía CSS vars */
    box-sizing: border-box;
}

/* ── 8. Reset de estilos de links que Astra puede sobrescribir ── */
#aqms-root a,
#aqms-root button {
    text-decoration: none;
}

#aqms-root a:hover {
    text-decoration: none;
}

/* ── 9. Evitar que Astra añada outline azul en los inputs del QMS ── */
#aqms-root input:focus,
#aqms-root select:focus,
#aqms-root textarea:focus,
#aqms-root button:focus {
    outline: none !important;
    box-shadow: none !important; /* Astra añade box-shadow en focus */
}

/* ── 10. Modales del QMS deben aparecer encima de todo ── */
#aqms-root .ov {
    z-index: 10000 !important;
}

#lightbox {
    z-index: 10001 !important;
}

.toaster {
    z-index: 10002 !important;
}