/*
 * Archivo de Estilos Personalizados de TBS Inventory App
 */

/*
 * ¡CORRECCIÓN PARA MÓVIL (DEFINITIVA)!
 * 1. 'position: relative' crea una capa.
 * 2. 'z-index: 1' pone esta capa por encima del fondo (para que los botones funcionen)
 * pero la mantiene por debajo del navbar (z-index: 1030) y sus menús.
 */
.content-wrapper-md {
    padding-top: 72px !important; 
    position: relative; 
    z-index: 1; 
}


/*
 * Layout para el Sidebar Off-canvas Responsivo
 */
@media (min-width: 768px) {
  
  /* El menú (que es un .offcanvas-md) se queda fijo y visible */
  .offcanvas-md.offcanvas-start {
    /* Lo hacemos visible y lo posicionamos */
    transform: none;
    visibility: visible !important;
    top: 56px; /* Altura del navbar superior */
    height: calc(100vh - 56px);
  }
  
  /* El wrapper del contenido en desktop */
  .content-wrapper-md {
    position: fixed; 
    top: 56px;       
    left: 280px;     
    right: 0;        
    height: calc(100vh - 56px); 
    overflow-y: auto;
    
    /* Resetea el padding-top y el z-index para desktop */
    padding-top: 1.5rem !important; /* 1.5rem es el 'p-4' por defecto */
    z-index: auto; /* Resetea el z-index en desktop */
  }
}

/*
 * Ajuste de Uniformidad del Menú Lateral
 */

/* Encabezado de sección (ej. "SISTEMA") */
.nav-item-header {
  padding: 0.25rem 1rem;
  margin-top: 0; /* Quita el margen superior extra */
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6) !important; /* Color blanco atenuado */
}

/* Separador del menú (la línea) */
.offcanvas-body .nav-pills hr.text-secondary {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-top-width: 2px; /* Línea más gruesa */
    border-color: rgba(255, 255, 255, 0.15); 
}