/* CSS for screen display */
    @media screen {
        /* Styles for screen display, if needed */
		.display-on-print {
			display: none;
		}
    }

    /* CSS for print */
    @media print {
        /* Hide everything in the body by default when printing */
		#adminMenu {
			display: none;
		}

		.hide-on-print {
			display: none;
		}

        /* Ensure each printOrder starts on a new page */
        .printOrder:not(:last-child) {

        }
    }

	.logout-button {
		position: fixed;
		top: 10px;
		right: 10px;
		opacity: 0.5;
		z-index: 1000; /* Ensure the button stays on top of other elements */
	}

	.order-table-body td {
		width:auto;
	}

 /* Lighter navbar styling */
 .navbar.navbar-dark.bg-dark {
     background-color: #f8f9fa !important; /* Light gray background */
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
 }

 .navbar-dark .navbar-nav .nav-link {
     color: #495057 !important;
 }

 .navbar-dark .navbar-nav .nav-link:hover,
 .navbar-dark .navbar-nav .nav-link:focus {
     color: #212529 !important;
 }

 .navbar-dark .navbar-toggler {
     margin-left: 20px;
     border-color: rgba(0, 0, 0, 0.1);
     background-color: #198754;
 }

 .navbar-dark .navbar-toggler-icon {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
 }

/* Mobile menu iprovements */
@media (max-width: 991.98px) {
    .navbar-nav .nav-item {
        margin-bottom: 0.5rem;
    }
    
    .navbar-nav .nav-link {
        padding: 0.75rem 1rem !important;
        border-radius: 0.375rem;
        margin: 0.25rem 0;
    }
    
    .navbar-nav .nav-link:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }
    
    .navbar-collapse {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}