/*
Theme Name: TSP Learning
Description: A basic WordPress theme with static header and footer that can customize TutorLMS dashboard menu options.
Author: Your Name
Version: 1.0
*/

/* Reset and Base Styles */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
	line-height: 1.6;
	color: black;
	background-color: white;
	overflow-y: scroll;
}

/* Header Styles */
.tsp-header {
	background: white;
	color: black;
	padding: 1rem 0;
	position: sticky;
	top: 0;
	z-index: 1000;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #000;
}

.tsp-header .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tsp-page-header {
	margin-bottom: 3em;
	background: #000000;
	color: white;
	text-align: center;
	padding: 2rem;
}

/* Branding */
.tsp-branding {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.tsp-logo {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: black;
	line-height: 1.2;
}

.tsp-logo img {
	height: 40px;
	width: auto;
	filter: brightness(0); /* Makes white logo black */
	margin-right: 2rem;
}

.tsp-logo-text {
	font-size: 1.8rem;
	font-weight: bold;
	color: black;
	margin-left: 0.5rem;
}

/* Navigation */
.tsp-nav-menu {
	display: flex;
	list-style: none;
	gap: 2rem;
	margin: 0;
	padding: 0;
}

.tsp-nav-menu a {
	color: black;
	text-decoration: none;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	transition: background-color 0.3s ease;
	font-weight: 500;
}

.tsp-nav-menu a:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

/* User Area */
.tsp-user-area {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.tsp-user-welcome {
	color: rgba(0, 0, 0, 0.7);
	font-size: 0.9rem;
}

.tsp-login-link,
.tsp-logout-link {
	color: black;
	text-decoration: none;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	transition: background-color 0.3s ease;
	font-weight: 500;
}

.tsp-login-link:hover,
.tsp-logout-link:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

/* Footer Styles */
.tsp-footer {
	background: black;
	color: white;
	padding: 1.5rem 0;
	margin-top: auto;
	border-top: 1px solid #000;
}

.tsp-footer .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.tsp-footer-simple {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.tsp-footer-left {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.tsp-footer-right {
	display: flex;
	align-items: center;
}

.tsp-copyright p {
	margin: 0;
	color: white;
}

.tsp-copyright a {
	color: white;
	text-decoration: none;
}

.tsp-copyright a:hover {
	text-decoration: underline;
}

.tsp-footer-links {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.tsp-footer-links a {
	color: white;
	text-decoration: none;
	transition: color 0.3s ease;
}

.tsp-footer-links a:hover {
	color: rgba(255, 255, 255, 0.7);
}

.tsp-footer-logo {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: white;
}

.tsp-footer-logo img {
	height: 30px;
	width: auto;
	filter: brightness(0) invert(1); /* Makes black logo white */
}

/* TutorLMS Customizations */
.tutor-wrap {
	min-height: 75vh;
	padding: 2.5rem 0;
}

.tutor-dashboard-left-menu {
	display: none;
}

.tutor-col-12.tutor-col-md-8.tutor-col-lg-9 {
	width: 100%;
}
/* Admin Menu Customizations */
#adminmenu .wp-menu-image.dashicons-before img {
	width: 16px;
	height: 16px;
}

/* Responsive Design */
@media (max-width: 768px) {
	.tsp-header .container {
		flex-direction: column;
		gap: 1rem;
	}

	.tsp-nav-menu {
		flex-direction: column;
		gap: 0.5rem;
		text-align: center;
	}

	.tsp-user-area {
		flex-direction: column;
		gap: 0.5rem;
		text-align: center;
	}

	.tsp-main {
		padding: 0 15px;
	}

	.tsp-content {
		padding: 1.5rem;
	}

	.tsp-footer-simple {
		flex-direction: column;
		text-align: center;
		gap: 1rem;
	}

	.tsp-footer-left {
		align-items: center;
	}

	.tsp-footer-links {
		flex-direction: column;
		gap: 0.5rem;
	}
}

@media (max-width: 480px) {
	.tsp-logo {
		font-size: 1.5rem;
	}

	.tsp-nav-menu {
		gap: 0.25rem;
	}

	.tsp-footer-links {
		gap: 0.25rem;
	}
}

/* Utility Classes */
.tsp-button {
	display: inline-block;
	background: black;
	color: white;
	padding: 0.75rem 1.5rem;
	text-decoration: none;
	border: 2px solid black;
	cursor: pointer;
	transition: all 0.3s ease;
}

.tsp-button:hover {
	background: white;
	color: black;
}

.tsp-text-center {
	text-align: center;
}

.tsp-mb-2 {
	margin-bottom: 2rem;
}

.tsp-mt-2 {
	margin-top: 2rem;
}