/* White Fox · ventanas emergentes (modales) siempre por encima del header.
   Aplica a la galería de imágenes del producto, la guía de talles y cualquier otra ventana.
   Contexto: el header del tema usa z-index 99999, mientras que el modal de Bootstrap usa 1050
   y su fondo oscuro 110, así que el header quedaba tapando la ventana y el botón de cerrar. */

.modal-backdrop {
    z-index: 100005;
}

.modal,
.wf-size-guide-modal {
    z-index: 100010;
}

/* Mientras hay una ventana abierta, el header baja de capa (queda debajo del fondo oscuro). */
body.modal-open .tvcmsdesktop-top-header-wrapper.header-6,
body.modal-open .tvcmsheader-sticky,
body.modal-open #tvcms-mobile-view-header,
body:has(.modal.in) .tvcmsdesktop-top-header-wrapper.header-6,
body:has(.modal.in) .tvcmsheader-sticky,
body:has(.modal.in) #tvcms-mobile-view-header {
    z-index: 100;
}