/* PowerStream custom styles */
html, body {
	height: 100%;
}

.sidebar {
	min-height: calc(100vh - 56px);
}

.sidebar .nav-link {
	color: #e9ecef;
}
.sidebar .nav-link:hover,
.sidebar .nav-link:focus {
	color: #ffffff;
	background-color: rgba(255,255,255,0.08);
}

.content .card {
	border: 0;
}

/* Mobile Sidebar Styles */
@media (max-width: 767.98px) {
	.sidebar {
		position: fixed !important;
		top: 56px;
		left: 0;
		height: calc(100vh - 56px);
		z-index: 1000;
		transform: translateX(-100%);
		transition: transform 0.3s ease-in-out;
		overflow-y: auto;
		width: 280px !important;
		max-width: 80vw;
		display: block !important;
		visibility: visible !important;
	}
	
	.sidebar.show,
	.sidebar:not(.collapse),
	.sidebar.collapsing {
		transform: translateX(0) !important;
		visibility: visible !important;
	}
	
	/* Override d-md-block on mobile when sidebar is shown */
	.sidebar.show.d-md-block,
	.sidebar.collapsing.d-md-block {
		display: block !important;
		visibility: visible !important;
	}
	
	/* Ensure hamburger button is visible and clickable */
	.navbar-toggler {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 1050 !important;
	}
	
	.sidebar-overlay {
		position: fixed;
		top: 56px;
		left: 0;
		width: 100%;
		height: calc(100vh - 56px);
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 999;
		display: none;
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
	}
	
	.sidebar-overlay.show {
		display: block;
		opacity: 1;
	}
	
	main {
		margin-left: 0 !important;
		width: 100% !important;
	}
}

/* Ensure hamburger button is visible on mobile */
.navbar-toggler {
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Mobile navbar adjustments */
@media (max-width: 767.98px) {
	.navbar {
		position: relative;
		padding: 0.5rem 0 !important;
	}
	
	.navbar-toggler {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 1050 !important;
		position: relative !important;
		order: -1 !important;
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
		background-color: rgba(255, 255, 255, 0.2) !important;
		padding: 0.5rem 0.75rem !important;
		border: 2px solid rgba(255, 255, 255, 0.5) !important;
		border-radius: 4px !important;
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	
	.navbar-toggler:hover,
	.navbar-toggler:focus {
		background-color: rgba(255, 255, 255, 0.3) !important;
		border-color: rgba(255, 255, 255, 0.8) !important;
	}
	
	.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, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
		width: 24px !important;
		height: 24px !important;
	}
	
	.navbar-brand {
		z-index: 1040;
		margin-left: 0 !important;
		padding-left: 0.5rem !important;
		flex: 1;
	}
	
	.navbar-nav {
		display: none !important;
	}
	
	/* Hide input on mobile */
	.navbar input.form-control {
		display: none !important;
	}
}