/* JME static rebuild — consistency fixes (loaded last, overrides theme) */

/* Home hero -> plain responsive banner image. Full width, natural aspect ratio,
   identical on every device. No slider JS, no parallax. */
.jme-hero{display:block;width:100%;line-height:0;overflow:hidden}
.jme-hero picture{display:block;line-height:0}
.jme-hero img{display:block;width:100%;height:auto;margin:0}

/* Episode/page title band: use the SAME two banners as the home hero, responsive.
   Tablet/mobile -> anew.jpg ; Desktop (>=1025px) -> desktop.jpg. Not oversized. */
.rich-header{
  background-image:url('/wp-content/uploads/2022/05/Learn_Japanese_Podcast_Japanese_Made_Easyanew.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  height:200px !important;
}
@media (min-width:1025px){
  .rich-header{
    background-image:url('/wp-content/uploads/2022/05/Learn_Japanese_Podcast_Japanese_Made_Easydesktop.jpg') !important;
    height:230px !important;
  }
}

/* Native audio players: full width, consistent */
.wp-block-audio audio{width:100% !important;min-width:0 !important;display:block}

/* Read-only comments: hide any stray reply/login bits left behind */
.comment-reply-login,.must-log-in{display:none !important}

/* Obfuscated contact email helper */
.jme-email{font-weight:700}
.jme-email::after{content:attr(data-user) "@" attr(data-domain)}

/* Footer: dark navy on ALL pages (match home), white text */
#footer, footer#footer{background-color:#212737 !important}
#footer, #footer p, #footer span, #footer a{color:#ffffff !important}
#footer a:hover{color:#dddddd !important}

/* Learning Path page */
.lp-wrap{padding:10px 0 30px}
.lp-intro{font-size:17px;color:#333;margin:0 0 22px}
.lp-tips{background:#f2f7fb;border:1px solid #d7e6f2;border-radius:6px;padding:16px 20px;margin:0 0 26px}
.lp-tips h3{margin:0 0 10px;color:#1a4f78}
.lp-tips ul{margin:0;padding-left:20px}
.lp-tips li{margin:0 0 7px}
.lp-stage{border:1px solid #e2e2e2;border-left:5px solid #1c8ad6;border-radius:6px;padding:16px 20px;margin:0 0 18px;background:#fff}
.lp-stage-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.lp-badge{font-weight:700;font-size:18px;color:#0d2b40}
.lp-range{color:#777;font-style:italic;font-size:14px}
.lp-desc{margin:0 0 12px;color:#444}
.lp-list{list-style:none;margin:0;padding:0}
.lp-list li{border-bottom:1px solid #eee}
.lp-list li:last-child{border-bottom:none}
.lp-list a{display:flex;gap:12px;align-items:baseline;padding:8px 2px;color:#1c6fb3;text-decoration:none}
.lp-list a:hover{text-decoration:underline}
.lp-ep{flex:0 0 auto;min-width:48px;text-align:center;font-weight:700;font-size:12px;color:#fff;background:#1c8ad6;border-radius:3px;padding:3px 0}