/*
 * Video Lessons Block Styles
 */

/* Main container */
.ps-video-lessons {
	max-width: 100%;
}

/* Individual part section - uses grid for two-column layout */
.ps-video-lessons__part {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: var(--ps-space-lg, 2rem);
	margin-bottom: var(--ps-space-3xl, 3rem);
	padding-bottom: var(--ps-space-2xl, 2rem);
	border-bottom: 1px solid #e0e0e0;
}

.single-video-series .ps-video-lessons__part {
  margin-bottom: var(--ps-space-lg, 1.5rem);
  padding-bottom: var(--ps-space-lg, 1.5rem);
}

.single-video-series .ps-video-lessons__part:last-child,
.ps-video-lessons__part:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

/* Left column: Part number container */
.ps-video-lessons__part-number {
	grid-column: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

/* The number itself (1, 2, 3, etc.) */
.ps-video-lessons__number {
	display: block;
	font-family: Cinzel, serif;
	font-size: var(--ps-text-display-2);
	font-weight: 300;
	line-height: 1;
	color: #000;
	margin-bottom: -0.5rem;
}

.single-video-series .ps-video-lessons__number {
  font-size: var(--ps-text-display-3);
}

/* The "PART" label */
.ps-video-lessons__part-label {
	display: block;
	font-family: Cinzel, serif;
	font-size: var(--ps-text-sm);
	letter-spacing: 0.1em;
	color: #666;
	font-weight: 400;
	text-transform: uppercase;
}

/* Right column: Content container */
.ps-video-lessons__content {
	grid-column: 2;
}

/* Part title */
.ps-video-lessons__part-title {
	margin: 0 0 var(--ps-space-md, 1rem) 0;
	font-size: var(--ps-text-xl);
	font-weight: var(--ps-font-bold);
	line-height: var(--ps-leading-tight);
	text-transform: uppercase;
	color: #000;
}

.single-video-series .ps-video-lessons__part-title {
  font-size: var(--ps-text-sm);
}

/* Lessons list */
.ps-video-lessons__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Individual lesson item */
.ps-video-lessons__item {
	margin-bottom: var(--ps-space-sm, 0.625rem);
	line-height: 1.1;
}

.ps-video-lessons__item:last-child {
	margin-bottom: 0;
}

/* Lesson link */
.ps-video-lessons__link {
	display: block;
	text-decoration: none;
	color: #333;
	transition: color 0.2s ease;
}

.ps-video-lessons__link:hover {
	color: #0066cc;
}

/* Session number and title */
.ps-video-lessons__session {
	display: inline;
	font-weight: 400;
}

.ps-video-lessons__title {
	display: inline;
	font-weight: 400;
}

/* Ensure proper spacing after session number */
.ps-video-lessons__session::after {
	content: " ";
	white-space: pre;
}

/* ============================================
   MODIFIER CLASSES FOR TOGGLED FEATURES
   ============================================ */

/* Hide part numbers when toggle is off */
.ps-video-lessons--hide-part-numbers .ps-video-lessons__part {
	display: block;
	grid-template-columns: none;
}

.ps-video-lessons--hide-part-numbers .ps-video-lessons__part-number {
	display: none;
}

.ps-video-lessons--hide-part-numbers .ps-video-lessons__content {
	grid-column: auto;
}

/* Hide titles when toggle is off */
.ps-video-lessons--hide-titles .ps-video-lessons__title {
	display: none;
}

/* Active lesson styling */
.ps-video-lessons__item--active .ps-video-lessons__link,
.ps-video-lessons__item--active .ps-video-lessons__session {
	font-weight: 700;
	color: #000;
}

/* Remove hover effect on active lesson */
.ps-video-lessons__item--active .ps-video-lessons__link:hover {
	color: #000;
	cursor: default;
}