/* =========================================================
   ADMIN NAVBAR FIX
   Evita que el menú del template se oculte o se rompa
   en páginas administrativas con DataTables/Bootstrap.
========================================================= */

body.admin-page .page,
body.admin-page {
  overflow-x: hidden;
}

/* Mantener visible el header principal */
body.admin-page header,
body.admin-page .page-header,
body.admin-page .rd-navbar-wrap,
body.admin-page .rd-navbar,
body.admin-page .rd-navbar-main,
body.admin-page .rd-navbar-panel,
body.admin-page .rd-navbar-nav-wrap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Evitar que el template lo mande fuera de pantalla */
body.admin-page .rd-navbar-wrap,
body.admin-page .rd-navbar,
body.admin-page .rd-navbar-main {
  transform: none !important;
  pointer-events: auto !important;
}

/* El navbar debe quedar estable arriba */
body.admin-page .rd-navbar-wrap {
  position: relative !important;
  z-index: 1050 !important;
}

/* Evitar clones sticky que a veces rompe RD Navbar */
body.admin-page .rd-navbar--is-clone {
  display: none !important;
}

/* Evitar animaciones raras del navbar en admin */
body.admin-page .rd-navbar,
body.admin-page .rd-navbar * {
  transition-property: color, background-color, border-color, box-shadow !important;
}

/* Mantener el menú visible en desktop */
@media (min-width: 992px) {
  body.admin-page .rd-navbar-nav-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.admin-page .rd-navbar-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }

  body.admin-page .rd-nav-item {
    display: block !important;
  }
}

/* En móvil, permitir que el menú se despliegue correctamente */
@media (max-width: 991px) {
  body.admin-page .rd-navbar-nav-wrap {
    visibility: visible !important;
  }

  body.admin-page .rd-navbar-fixed .rd-navbar-nav-wrap {
    z-index: 1051 !important;
  }

  body.admin-page .rd-navbar-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* DataTables no debe quedar por encima del menú */
body.admin-page .dataTables_wrapper,
body.admin-page table.dataTable,
body.admin-page .dt-buttons,
body.admin-page .dropdown-menu {
  z-index: auto;
}

/* Dropdowns del navbar por encima de tablas y botones */
body.admin-page .rd-navbar-dropdown,
body.admin-page .rd-menu,
body.admin-page .rd-navbar-megamenu {
  z-index: 1100 !important;
}

body.admin-page .rd-navbar-main-element {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 12px;
}

body.admin-page .rd-navbar-lang-wrap {
  flex-shrink: 0;
}

/* Evitar que el footer suba demasiado cuando la pantalla es grande */
body.admin-page main,
body.admin-page .section.section-sm {
  min-height: 50vh;
}