/*
Theme Name:   Oasis Clean LMS
Theme URI:    https://e-learning.oasisnursingcollege.ca/
Description:  Clean, distraction-free learning interface for Oasis Nursing College. Child theme of Astra. Removes WordPress chrome (admin bar, widget areas, comment clutter) for students, gives lessons a proper reading layout, and routes sign-in and account settings through the front end.
Author:       Oasis Nursing College
Template:     astra
Version:      1.0.0
Text Domain:  oasis-clean
*/

/* ==========================================================================
   1. Reading layout — lessons and courses
   ========================================================================== */

.tutor-lms .site-content .ast-container,
.single-lesson .site-content .ast-container {
	max-width: 900px;
}

.lesson-content {
	font-size: 1.0625rem;
	line-height: 1.75;
	color: #1f2933;
	max-width: 72ch;
	margin: 0 auto;
}

.lesson-content > h2 {
	font-size: 1.75rem;
	line-height: 1.3;
	margin: 0 0 1.25rem;
	padding-bottom: .75rem;
	border-bottom: 3px solid #6d28d9;
	color: #111827;
}

.lesson-content > h3 {
	font-size: 1.25rem;
	line-height: 1.35;
	margin: 2rem 0 .75rem;
	color: #111827;
}

.lesson-content p {
	margin: 0 0 1rem;
}

.lesson-content ul,
.lesson-content ol {
	margin: 0 0 1.25rem 1.25rem;
	padding-left: .5rem;
}

.lesson-content li {
	margin-bottom: .5rem;
}

.lesson-content hr {
	border: 0;
	border-top: 1px solid #e5e7eb;
	margin: 2rem 0;
}

.lesson-content img {
	display: block;
	margin: 0 auto 1.75rem;
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 2px 12px rgba(17, 24, 39, .12);
}

/* Callout treatment for the recurring "Important:" paragraphs */
.lesson-content p > strong:first-child {
	color: #6d28d9;
}

/* Activity tables — keep the inline borders but make them breathe */
.lesson-content table {
	margin: 0 0 1.5rem;
	font-size: .9375rem;
}

.lesson-content table th {
	background: #f5f3ff;
	font-weight: 600;
}

.lesson-content table td,
.lesson-content table th {
	vertical-align: top;
}

/* Code blocks (Coding HS1) */
.lesson-content pre {
	font-size: .9rem;
	line-height: 1.6;
	border-radius: 8px;
}

/* "Watch this" links read as buttons */
.lesson-content h3 + p + p > a[href*="youtube.com"],
.lesson-content a[href*="youtube.com"] {
	display: inline-block;
	background: #6d28d9;
	color: #fff;
	padding: .6rem 1.1rem;
	border-radius: 6px;
	text-decoration: none;
	font-weight: 600;
}

.lesson-content a[href*="youtube.com"]:hover,
.lesson-content a[href*="youtube.com"]:focus {
	background: #5b21b6;
	color: #fff;
}

/* Responsive tables on phones */
@media (max-width: 600px) {
	.lesson-content table,
	.lesson-content thead,
	.lesson-content tbody,
	.lesson-content th,
	.lesson-content td,
	.lesson-content tr {
		display: block;
		width: 100% !important;
	}
	.lesson-content thead {
		display: none;
	}
	.lesson-content td {
		border-top: 0 !important;
	}
	.lesson-content tr {
		margin-bottom: 1rem;
		border: 1px solid #ccc;
	}
}

/* ==========================================================================
   2. Strip WordPress chrome
   ========================================================================== */

/* Widget areas and sidebars never appear on learning pages */
.tutor-lms #secondary,
.tutor-lms .widget-area,
.single-lesson #secondary,
.single-lesson .widget-area,
.tutor-dashboard-page #secondary,
.tutor-dashboard-page .widget-area {
	display: none !important;
}

.tutor-lms #primary,
.single-lesson #primary {
	width: 100%;
	margin: 0;
}

/* Comment clutter off inside the learning flow */
.single-lesson .comments-area,
.tutor-lms .comments-area {
	display: none;
}

/* Astra page title bar off on LMS screens — the course header already says where you are */
.single-lesson .ast-single-post .entry-header,
.tutor-dashboard-page .entry-header {
	display: none;
}

/* Tidy the footer to a single quiet line on learning pages */
.tutor-lms .site-footer .ast-builder-grid-row,
.single-lesson .site-footer .ast-builder-grid-row {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* ==========================================================================
   3. Front-end account screens (login, register, dashboard)
   ========================================================================== */

.tutor-dashboard .tutor-dashboard-content {
	background: #fff;
	border-radius: 12px;
	padding: 1.5rem;
	box-shadow: 0 1px 3px rgba(17, 24, 39, .08);
}

.tutor-login-wrap,
.tutor-registration-wrap {
	max-width: 440px;
	margin: 3rem auto;
	background: #fff;
	padding: 2rem;
	border-radius: 12px;
	box-shadow: 0 4px 24px rgba(17, 24, 39, .1);
}

.tutor-login-wrap h2,
.tutor-registration-wrap h2 {
	margin-top: 0;
	text-align: center;
}

/* Focus states — accessibility */
.lesson-content a:focus-visible,
.tutor-dashboard a:focus-visible,
button:focus-visible {
	outline: 3px solid #6d28d9;
	outline-offset: 2px;
}

/* ==========================================================================
   4. Print — lessons print as clean handouts
   ========================================================================== */

@media print {
	.site-header,
	.site-footer,
	#wpadminbar,
	.tutor-course-single-sidebar,
	.tutor-lesson-sidebar,
	.tutor-btn {
		display: none !important;
	}
	.lesson-content {
		max-width: none;
		font-size: 11pt;
	}
	.lesson-content a[href*="youtube.com"] {
		background: none;
		color: #000;
		text-decoration: underline;
		padding: 0;
	}
}