/* PWD Course Lessons - Front-end */
.pwd-course-lessons{
  --pwd-accent: #690194;
  --pwd-heading: #111111;
  --pwd-subtext: #555555;
  --pwd-link: var(--pwd-accent);
  --pwd-time: #111111;
  --pwd-divider: rgba(0,0,0,0.12);
  --pwd-divider-width: 100%;
  --pwd-divider-thickness: 1px;
  --pwd-bg: transparent;

  --pwd-heading-size: 16px;
  --pwd-subtext-size: 13px;
  --pwd-link-size: 13px;
  --pwd-time-size: 13px;
  --pwd-watch-size: 13px;

  --pwd-row-pad-y: 14px;
  --pwd-readmore-pad-b: 14px;

  /* Optional full padding override for expanded readmore area */
  /* Example: 0 10px 0 0 */
  --pwd-readmore-padding: ;

  --pwd-watch-icon-position: left; /* left|right */
  --pwd-show-time-icon: 1; /* 1|0 */
  --pwd-vertical-align: center; /* flex-start|center */

  --pwd-left-spacing: 24px; /* padding-right for left column */
  --pwd-mobile-right-gap: 6px; /* gap between WATCH and time on mobile stack */
}

.pwd-course-lessons .pwd-lesson-item{ background: var(--pwd-bg); }

/* Desktop/tablet: true thirds */
.pwd-course-lessons .pwd-lesson-summary{
  display:flex;
  align-items: var(--pwd-vertical-align);
  justify-content:space-between;
  gap:16px;
  padding: var(--pwd-row-pad-y) 0;
}
.pwd-course-lessons .pwd-lesson-left{
  flex:0 0 33.333%;
  min-width:0;
  padding-right: var(--pwd-left-spacing);
}
.pwd-course-lessons .pwd-lesson-mid{
  flex:0 0 33.333%;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.pwd-course-lessons .pwd-lesson-right{
  flex:1 0 0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  white-space:nowrap;
  min-width:0;
}

/* Left content */
.pwd-course-lessons .pwd-lesson-heading{
  font-size: var(--pwd-heading-size);
  font-weight:700;
  line-height:1.2;
  color: var(--pwd-heading);
}
.pwd-course-lessons .pwd-lesson-subtext{
  margin-top:4px;
  font-size: var(--pwd-subtext-size);
  line-height:1.35;
  color: var(--pwd-subtext);
}
.pwd-course-lessons .pwd-readmore-toggle{
  margin-top:8px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size: var(--pwd-link-size);
  color: var(--pwd-link);
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.pwd-course-lessons .pwd-readmore-toggle:focus{
  outline:2px solid color-mix(in srgb, var(--pwd-accent) 35%, transparent);
  outline-offset:4px;
}
.pwd-course-lessons .pwd-caret{
  width:8px;height:8px;
  border-right:2px solid var(--pwd-link);
  border-bottom:2px solid var(--pwd-link);
  transform: rotate(45deg);
  transition: transform 180ms ease;
  margin-top:-2px;
}
.pwd-course-lessons .pwd-lesson-item[aria-expanded="true"] .pwd-caret{ transform: rotate(225deg); }

/* Time block (icon + text) */
.pwd-course-lessons .pwd-lesson-time{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  font-size: var(--pwd-time-size);
  color: var(--pwd-time);
  opacity:0.9;
  white-space: nowrap; /* never wrap time */
}
.pwd-course-lessons .pwd-time-icon{
  width:16px;
  height:16px;
  display:inline-block;
  background: currentColor;
  opacity: 0.9;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 0-16a8 8 0 0 1 0 16Zm.5-13h-2v6l5 3l1-1.73l-4-2.27V7Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 .001 20.001A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 0-16a8 8 0 0 1 0 16Zm.5-13h-2v6l5 3l1-1.73l-4-2.27V7Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pwd-course-lessons[style*="--pwd-show-time-icon:0"] .pwd-time-icon,
.pwd-course-lessons[style*="--pwd-show-time-icon: 0"] .pwd-time-icon{
  display:none;
}

/* Watch button */
.pwd-course-lessons .pwd-watch-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size: var(--pwd-watch-size);
  font-weight:700;
  letter-spacing:0.04em;
  color: var(--pwd-accent);
  padding:6px 8px;
  border-radius:999px;
  flex-direction: row;
}
.pwd-course-lessons[style*="--pwd-watch-icon-position:right"] .pwd-watch-btn,
.pwd-course-lessons[style*="--pwd-watch-icon-position: right"] .pwd-watch-btn{
  flex-direction: row-reverse;
}
.pwd-course-lessons .pwd-watch-btn:hover{
  background: color-mix(in srgb, var(--pwd-accent) 10%, transparent);
}
.pwd-course-lessons .pwd-watch-icon{
  width:28px;height:28px;
  border-radius:50%;
  background: var(--pwd-accent);
  position:relative;
  flex:0 0 auto;
}
.pwd-course-lessons .pwd-watch-icon:before{
  content:"";
  position:absolute;
  left:11px; top:8px;
  width:0;height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:9px solid #fff;
}

/* Readmore */
.pwd-course-lessons .pwd-lesson-readmore{
  padding: var(--pwd-readmore-padding, 0 0 var(--pwd-readmore-pad-b) 0);
  color: var(--pwd-heading);
  font-size:14px;
  line-height:1.55;
}

/* Harden hidden attribute (some themes override [hidden]) */
.pwd-course-lessons .pwd-lesson-readmore[hidden]{
  display:none !important;
}
.pwd-course-lessons .pwd-lesson-readmore p:first-child{ margin-top:0; }
.pwd-course-lessons .pwd-lesson-readmore p:last-child{ margin-bottom:0; }

/* Divider */
.pwd-course-lessons .pwd-lesson-divider{
  height: var(--pwd-divider-thickness);
  background: var(--pwd-divider);
  width: var(--pwd-divider-width);
}

/* Modal */
.pwdcl-modal{ position:fixed; inset:0; z-index:999999; display:none; }
.pwdcl-modal[aria-hidden="false"]{ display:block; }
.pwdcl-modal .pwdcl-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,0.6); }
.pwdcl-modal .pwdcl-dialog{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:18px; }
.pwdcl-modal .pwdcl-panel{ width:min(980px,100%); background:#000; border-radius:14px; overflow:hidden; position:relative; box-shadow:0 18px 50px rgba(0,0,0,0.35); }
.pwdcl-modal .pwdcl-close{ position:absolute; top:10px; right:10px; width:38px; height:38px; border-radius:999px; border:0; cursor:pointer; background:rgba(255,255,255,0.12); color:#fff; font-size:22px; line-height:1; }
.pwdcl-modal .pwdcl-close:hover{ background:rgba(255,255,255,0.22); }
.pwdcl-modal .pwdcl-media{ aspect-ratio:16/9; width:100%; background:#000; }
.pwdcl-modal .pwdcl-media iframe,
.pwdcl-modal .pwdcl-media video{ width:100%; height:100%; display:block; border:0; }

/* Mobile: put time under watch button, no wrap */
@media (max-width: 640px){
  .pwd-course-lessons .pwd-lesson-summary{
    display:grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas:
      "left right"
      "left mid";
    column-gap: 12px;
    row-gap: var(--pwd-mobile-right-gap);
    align-items: start;
  }

  .pwd-course-lessons .pwd-lesson-left{
    grid-area:left;
    padding-right: 10px; /* keep small breathing room even on mobile */
  }

  .pwd-course-lessons .pwd-lesson-right{
    grid-area:right;
    justify-content:flex-end;
  }

  .pwd-course-lessons .pwd-lesson-mid{
    grid-area:mid;
    justify-content:flex-end; /* align time under watch */
  }

  .pwd-course-lessons .pwd-watch-label{ display:none; }
}