/* ============================================================
   TYD - masterclass (dark studio) section styles.
   The dark templates are intentionally inline-styled for pixel
   fidelity with the approved prototypes; this sheet carries only
   the class-based rules from the prototype <style> blocks that
   aren't already in style.css, the dark prose treatment, and the
   responsive collapses the inline grids need (class hooks added
   in the templates). Enqueued by functions.php on masterclass
   contexts only.
   ============================================================ */

/* ---------- hover rows (course + player prototypes) ---------- */
.h-row:hover{background:rgba(255,255,255,.03)!important}
.mod-row:hover{background:rgba(255,255,255,.04)!important}

/* ---------- lite-YouTube facade, dark treatment ---------- */
body.tyd-dark .yt-lite{border-radius:16px;border:1px solid rgba(255,255,255,.09)}
body.tyd-dark .yt-lite .yt-play{background:#6984fc;box-shadow:0 12px 40px rgba(105,132,252,.45)}
body.tyd-dark .yt-lite:hover .yt-play{background:#4d63d4}

/* ---------- Gutenberg overview body (About the guest) ---------- */
.mc-prose{font-size:15px;line-height:1.75;color:rgba(255,255,255,.62)}
.mc-prose>*+*{margin-top:1.05em}
.mc-prose h2,.mc-prose h3,.mc-prose h4{font-family:"League Spartan",sans-serif;font-weight:800;color:#fff;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;margin-top:1.7em}
.mc-prose h2{font-size:22px}
.mc-prose h3{font-size:18px}
.mc-prose h4{font-size:15px}
.mc-prose a{color:#FCDB3F;text-decoration:underline}
.mc-prose b,.mc-prose strong{color:#fff}
.mc-prose ul,.mc-prose ol{padding-left:1.3em}
.mc-prose li+li{margin-top:.4em}
.mc-prose blockquote{border-left:3px solid #FCDB3F;padding:6px 0 6px 18px;font-style:italic;color:rgba(255,255,255,.78)}
.mc-prose img{border-radius:12px}
.mc-prose figcaption{font-size:12px;color:rgba(255,255,255,.4);margin-top:8px}
.mc-prose .wp-block-embed iframe{max-width:100%}

/* ---------- shared dark footer: collapse 4 columns on mobile ---------- */
@media(max-width:860px){.tyd-foot-cols{grid-template-columns:1fr 1fr!important}}

/* dark footer - same wp_nav_menu() bare-link output as the fallback columns */
.tyd-foot-dark-col a{font-size:13px;color:rgba(255,255,255,.55);text-decoration:none}
.tyd-foot-dark-col a:hover{color:#fff}

/* ---------- responsive collapses for the inline-styled grids ---------- */
@media(max-width:980px){
  .mc-player-grid{grid-template-columns:1fr!important}
  .mc-player-side{position:static!important}
  .mc-player-side .mc-module-list{max-height:none!important}
}
@media(max-width:960px){
  .mc-grid4{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:900px){
  .mc-hero-grid,.mc-course-hero,.mc-cur-grid,.mc-reg-grid,.mc-about-grid,.mc-split2{grid-template-columns:1fr!important}
  .mc-hero-grid,.mc-course-hero{gap:44px!important}
  .mc-hero-poster{width:100%;max-width:420px;margin:0 auto}
  .mc-format3{grid-template-columns:1fr!important}
  .mc-format3>div{padding:18px 0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.09)}
  .mc-format3>div:first-child{border-top:0;padding-top:4px!important}
  .mc-grid3{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
  .mc-grid3,.mc-grid4{grid-template-columns:1fr!important}
  .mc-notify-row{grid-template-columns:1fr!important}
  .mc-hero-stats{gap:18px!important}
}