/* Sidebar responsive styles */
.sidebar-surahs {
	display: none;
}
@media (min-width: 992px) {
	.sidebar-surahs {
		display: block !important;
		position: fixed;
		top: 70px;
		left: 0;
		width: 270px;
		height: calc(100vh - 70px);
		overflow-y: auto;
		background: #f8f9fa;
		border-right: 1px solid #dee2e6;
		z-index: 1030;
		padding-top: 1rem;
	}
	.main-content-with-sidebar {
		margin-left: 270px;
	}
	.sidebar-toggle-btn {
		display: none !important;
	}
}
@media (max-width: 991.98px) {
	.sidebar-surahs {
		display: none !important;
	}
	.main-content-with-sidebar {
		margin-left: 0;
	}
	.sidebar-toggle-btn {
		display: block !important;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
}
/* Ensure ayat anchors are visible below the fixed navbar */
[id^="ayat-"] {
	scroll-margin-top: 80px;
}
/* Add your custom styles here */

body {
	min-height: 100vh;
	background: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%);
	background-attachment: fixed;
	transition: background 0.3s, color 0.3s;
}

.dark-theme {
	background: linear-gradient(135deg, #232526 0%, #414345 100%);
	color: #e0e0e0;
}

.card {
	box-shadow: 0 4px 24px rgba(0,0,0,0.08);
	border-radius: 1rem;
}

/* Optional: style for theme toggle switch */
.theme-switch {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}
/* Empty for now, Bootstrap will be loaded via CDN in templates */