/*
Theme Name: Podcast.ma Ultimate
Theme URI: https://podcast.ma/
Author: Podcast.ma
Author URI: https://podcast.ma/
Description: Thème WordPress premium pour portail podcasts (RTL/LTR), import RSS/YouTube, design moderne inspiré “media premium”.
Version: 2.6.3
License: GPLv2 or later
Text Domain: podcastma-ultimate
Tags: podcast, community, responsive, directory
*/

/* Palette inspirée de Thmanyah (clair premium) */
:root{
  --bg: #f6f4ee;          /* layout bg */
  --surface: #FDFCFA;     /* elevated */
  --surface2:#fbf9f3;
  --text: #111111;
  --muted:#4a4a4a;
  --muted2:#6b6b6b;
  --border:#EFEDE8;
  --split:#DBD9D5;

  --link:#FA541C;
  --linkHover:#db2b00;

  --radius: 22px;
  --radius2: 14px;
  --max: 1180px;
  --top: 76px;
  --gutter: 18px;

  --shadow: 0 18px 50px rgba(0,0,0,.08);

  --font: 'IBM Plex Sans', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --font-rtl: 'Tajawal', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a{color:inherit;text-decoration:none}
a:hover{color:var(--linkHover)}
img{max-width:100%;height:auto;display:block}

.pmu-container{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.pmu-wrap{min-height:100vh}

/* Topbar */
.pmu-topbar{
  position:sticky; top:0; z-index:60;
  background: rgba(246,244,238,.92);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
}
.pmu-topbar-inner{
  height:var(--top);
  display:flex; align-items:center; gap:12px;
  min-width:0;
}
.pmu-brand{
  display:flex; align-items:center; gap:10px;
  font-weight:950;
  letter-spacing:-.02em;
  padding:8px 10px;
  border-radius:16px;
  min-width:0;
}
.pmu-brand img{height:34px;width:auto}
.pmu-brand span{white-space:nowrap}

.pmu-nav{
  display:flex; align-items:center; gap:6px;
  margin-left:6px;
  min-width:0;
}
.pmu-nav a{
  padding:10px 12px;
  border-radius:999px;
  color: rgba(0,0,0,.70);
  font-weight:900;
  white-space:nowrap;
}
.pmu-nav a:hover{background:rgba(0,0,0,.045); color:var(--text)}
.pmu-nav a[aria-current="page"]{
  background: rgba(250,84,28,.10);
  border:1px solid rgba(250,84,28,.18);
  color: var(--text);
}

.pmu-search{
  flex:1;
  display:flex; align-items:center; gap:10px;
  height:44px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.60);
  min-width: 200px;
}
.pmu-search input{
  flex:1;border:0;outline:none;background:transparent;color:var(--text);
  font-weight:850;font-size:14px;
}
.pmu-search .pmu-kbd{
  font-size:12px;color:rgba(0,0,0,.55);
  border:1px solid var(--border);
  border-radius:10px;padding:4px 8px;
  background: rgba(255,255,255,.65);
}

.pmu-actions{display:flex; align-items:center; gap:10px}
.pmu-cta{
  display:inline-flex; align-items:center; gap:10px;
  height:44px; padding:0 16px;
  border-radius:999px;
  background: var(--text);
  border:0;color:#fff;font-weight:950;
}
.pmu-cta:hover{background:#000;color:#fff}
.pmu-ghost{
  height:44px;padding:0 14px;border-radius:999px;
  border:1px solid var(--border);
  background: rgba(255,255,255,.55);
  color: rgba(0,0,0,.78);
  font-weight:900;
}
.pmu-ghost:hover{background:rgba(255,255,255,.78)}

/* Layout */
.pmu-content{padding:22px 0 70px}
.pmu-grid{
  display:grid;
  grid-template-columns: 1fr 340px;
  gap:18px;
  align-items:start;
}

.pmu-card{
  background: var(--surface);
  border:1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.pmu-card-h{
  padding:16px 16px 12px;
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid rgba(0,0,0,.03);
}
.pmu-card-h h3{
  margin:0;
  font-size:15px;
  font-weight:1000;
  letter-spacing:-.01em;
}
.pmu-pill{
  font-size:12px;font-weight:950;
  padding:6px 10px;border-radius:999px;
  background: rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.05);
  color: rgba(0,0,0,.70);
}

/* Hero */
.pmu-hero{
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.55));
  border:1px solid var(--border);
  box-shadow: var(--shadow);
  padding: 22px;
}
.pmu-hero h1{
  margin:0;
  font-size: clamp(34px, 4.8vw, 56px);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:1100;
}
.pmu-hero p{
  margin:12px 0 0;
  color: var(--muted);
  font-weight:800;
  line-height:1.7;
  max-width: 76ch;
}
.pmu-hero-actions{margin-top:16px; display:flex; flex-wrap:wrap; gap:10px}

/* Lists */
.pmu-list{padding:6px 12px 16px}
.pmu-item{
  display:grid;
  grid-template-columns: 60px 1fr auto;
  gap:12px;
  align-items:center;
  padding:12px 10px;
  border-radius:18px;
}
.pmu-item:hover{background: rgba(0,0,0,.03)}
.pmu-thumb{
  width:60px;height:60px;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  background: rgba(0,0,0,.02);
}
.pmu-title{
  margin:0 0 6px;
  font-weight:1050;
  letter-spacing:-.01em;
  font-size:14px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.pmu-meta{
  color: var(--muted2);
  font-weight:850;
  font-size:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.pmu-meta a{color:var(--link); font-weight:950}
.pmu-meta a:hover{color:var(--linkHover)}

/* Single */
.pmu-single{
  display:grid;
  grid-template-columns: 1fr 340px;
  gap:18px;
  align-items:start;
}
.pmu-article{padding:18px}
.pmu-article h1{
  margin:0 0 8px;
  font-size: clamp(30px, 3.8vw, 46px);
  letter-spacing:-.035em;
  font-weight:1100;
}
.pmu-by{
  color: var(--muted2);
  font-weight:850;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.pmu-prose{
  margin-top:14px;
  color: rgba(0,0,0,.86);
  font-weight:760;
  line-height:1.76;
  max-width: 74ch;
}
.pmu-prose p{margin:0 0 14px}

.pmu-side{padding:16px}
.pmu-side h3{
  margin:0 0 10px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: rgba(0,0,0,.55);
}
.pmu-tags{display:flex; flex-wrap:wrap; gap:8px}
.pmu-tag{
  font-size:12px;font-weight:950;
  padding:8px 10px;border-radius:999px;
  border:1px solid rgba(0,0,0,.07);
  background: rgba(0,0,0,.03);
}

/* Footer */
.pmu-footer{
  margin-top:26px;
  padding:22px 0 10px;
  color: rgba(0,0,0,.55);
  font-weight:850;
  border-top:1px solid var(--border);
}

/* Modern Player integration (keep plugin UX, only make it match light UI) */
.podcastma-modern-player{margin: 14px 0 18px}
.podcastma-modern-player .pmp-card{
  width:100%;
  max-width: 920px;
  margin-left:auto; margin-right:auto;
}

/* Mobile */
.pmu-mobilebtn{display:none}
@media (max-width: 1020px){
  .pmu-grid, .pmu-single{grid-template-columns:1fr}
  .pmu-nav{display:none}
  .pmu-mobilebtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(0,0,0,.03);border:1px solid var(--border);color:var(--text);font-weight:1000}
}

/* Buttons */
.pmu-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.55);color:rgba(0,0,0,.80);font-weight:950;white-space:nowrap}
.pmu-btn:hover{background:rgba(255,255,255,.85)}


:root{--pmu-accent:#ff6a2a;--pmu-paper:#f4f0e8;--pmu-ink:#111;--pmu-card:#ffffff;}



/* ===== Docked footer player (persistent with AJAX nav) ===== */
.pmu-footer-player{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9999;
  background: rgba(244,240,232,.88);
  backdrop-filter: blur(14px);
  border-top: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 -18px 60px rgba(0,0,0,.12);
}
.pmu-footer-player__inner{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 12px 18px;
}
.pmu-footer-player__slot{
  flex:1;
  min-width:0;
}
.pmu-footer-player__close{
  width:40px;height:40px;border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.04);
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.pmu-footer-player__close:hover{background: rgba(0,0,0,.07)}
body.pmu-has-docked-player{ padding-bottom: 92px; }

/* Improve topbar buttons in light theme */
.pmu-cta, .pmu-ghost{border-radius:999px}

/* Small polish for player inside light page */
.pmp-theme-light .pmp-card{background:#fff}


/* Read-more description */
.pmu-desc{position:relative}
.pmu-desc--collapsed{
  max-height: 240px;
  overflow: hidden;
  mask-image: linear-gradient(#000 60%, transparent);
}
.pmu-readmore{
  margin-top: 10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  font-weight:900;
  cursor:pointer;
}
.pmu-readmore:hover{background: rgba(0,0,0,.06)}


/* =========================
   Thmanyah-inspired Home
   ========================= */
.pmu-front-hero{
  padding: 38px 0 22px;
}
.pmu-front-hero__inner{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: stretch;
}
.pmu-front-hero__copy{
  background: rgba(255,255,255,.7);
  border:1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 60px rgba(0,0,0,.08);
}
.pmu-front-hero__title{
  font-weight: 1000;
  letter-spacing: -.02em;
  font-size: 44px;
  line-height: 1.05;
  margin: 0 0 10px;
}
.pmu-front-hero__subtitle{
  color: rgba(0,0,0,.66);
  font-weight: 800;
  font-size: 15px;
  margin: 0 0 18px;
  max-width: 64ch;
}
.pmu-front-hero__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.pmu-btn--primary{
  background: #ff6a2a;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 16px 40px rgba(255,106,42,.20);
}
.pmu-btn--ghost{
  background: rgba(0,0,0,.03);
}
.pmu-front-hero__card{
  background: rgba(255,255,255,.78);
  border:1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 60px rgba(0,0,0,.08);
}
.pmu-front-hero__cardTop{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.pmu-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  background: rgba(255,106,42,.12);
  color:#b23a10;
  font-weight: 950;
  width: fit-content;
}
.pmu-front-hero__cardTitle{font-weight: 950;font-size: 16px}
.pmu-front-list{display:flex;flex-direction:column;gap:10px}
.pmu-front-item{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding: 12px 12px;
  border-radius: 16px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(0,0,0,.02);
  text-decoration:none;
}
.pmu-front-item:hover{background: rgba(0,0,0,.04)}
.pmu-front-item__title{font-weight: 900; color: rgba(0,0,0,.9); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pmu-front-item__meta{font-weight:800;color:rgba(0,0,0,.55); font-variant-numeric: tabular-nums}

.pmu-front-section{padding: 26px 0}
.pmu-front-section--soft{background: rgba(0,0,0,.015); border-top:1px solid rgba(0,0,0,.06); border-bottom:1px solid rgba(0,0,0,.06)}
.pmu-front-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.pmu-front-h2{font-weight:1000;letter-spacing:-.02em;margin:0;font-size: 22px}
.pmu-front-link{font-weight: 950; text-decoration:none; color: rgba(0,0,0,.75)}
.pmu-front-link:hover{color: rgba(0,0,0,.95)}

.pmu-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.pmu-card{
  border:1px solid rgba(0,0,0,.10);
  border-radius: 20px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}
.pmu-card__cover{display:block;aspect-ratio: 16/10; background: rgba(0,0,0,.04)}
.pmu-card__cover img{width:100%;height:100%;object-fit:cover;display:block}
.pmu-card__ph{display:block;width:100%;height:100%}
.pmu-card__body{padding: 12px}
.pmu-card__title{display:block;font-weight: 950; color: rgba(0,0,0,.9); text-decoration:none; line-height:1.15}
.pmu-card__title:hover{color: rgba(0,0,0,.98)}
.pmu-card__meta{margin-top:8px;color:rgba(0,0,0,.58);font-weight:850;font-size: 12px}

.pmu-tags{display:flex;flex-wrap:wrap;gap:10px}
.pmu-tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:44px;
  padding: 0 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.75);
  text-decoration:none;
  font-weight:950;
  color: rgba(0,0,0,.85);
}
.pmu-tag:hover{background: rgba(255,255,255,.95)}
.pmu-tag__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:24px;
  min-width:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  color: rgba(0,0,0,.70);
  font-size: 12px;
  font-weight: 950;
}

.pmu-front-empty{padding: 14px; border:1px dashed rgba(0,0,0,.16); border-radius: 16px; background: rgba(255,255,255,.6); font-weight: 850; color: rgba(0,0,0,.60)}

.pmu-front-hero--mini .pmu-front-hero__inner{grid-template-columns: 1fr;}
.pmu-front-hero--mini .pmu-front-hero__copy{box-shadow:none}

/* Submit form */
.pmu-alert{padding: 12px 14px; border-radius: 16px; margin: 0 0 14px; border:1px solid rgba(0,0,0,.10); font-weight: 850}
.pmu-alert--ok{background: rgba(40,167,69,.10); border-color: rgba(40,167,69,.20)}
.pmu-alert--err{background: rgba(220,53,69,.10); border-color: rgba(220,53,69,.20)}
.pmu-form{background: rgba(255,255,255,.75); border:1px solid rgba(0,0,0,.10); border-radius: 22px; padding: 18px; box-shadow: 0 18px 60px rgba(0,0,0,.08)}
.pmu-field{display:flex;flex-direction:column;gap:8px;margin-bottom: 12px}
.pmu-field label{font-weight: 950}
.pmu-field input[type="text"], .pmu-field input[type="url"], .pmu-field input[type="email"], .pmu-field textarea{
  width:100%;
  border-radius: 16px;
  border:1px solid rgba(0,0,0,.12);
  padding: 12px 14px;
  font-weight: 800;
  background: rgba(255,255,255,.96);
}
.pmu-field textarea{resize: vertical}
.pmu-help{margin:0;color: rgba(0,0,0,.58); font-weight: 800; font-size: 12px}
.pmu-grid2{display:grid;grid-template-columns: 1fr 1fr; gap: 12px}
.pmu-field--actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pmu-fineprint{margin: 10px 0 0; color: rgba(0,0,0,.55); font-weight: 800; font-size: 12px}
.pmu-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

@media (max-width: 900px){
  .pmu-front-hero__inner{grid-template-columns: 1fr;}
  .pmu-front-hero__title{font-size: 36px}
  .pmu-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
  .pmu-grid2{grid-template-columns: 1fr}
}
@media (max-width: 520px){
  .pmu-grid{grid-template-columns: 1fr}
}


/* Fine-tuning UI alignment & buttons */
.pmu-front-hero__actions .pmu-btn--primary{
  background: #ff6a2a !important;
  color:#fff !important;
  border-color: transparent !important;
}
.pmu-front-hero__actions .pmu-btn--primary:hover{filter: brightness(.98);}

.pmu-header, .pmu-header *{box-sizing:border-box;}
.pmu-header .pmu-header__inner,
.pmu-header .pmu-header-actions,
.pmu-header .pmu-nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.pmu-header a.pmu-btn, .pmu-header button.pmu-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  line-height:44px;
}
.pmu-header .pmu-login, .pmu-header a[href*="wp-login"], .pmu-header a[href*="login"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Avoid button baseline misalignment in some fonts */
.pmu-btn{vertical-align:middle;}


/* Header alignment polish */
.pmu-topbar-inner{display:flex;align-items:center;gap:14px;}
.pmu-nav{display:flex;align-items:center;gap:14px;}
.pmu-topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto;}
.pmu-ghost, .pmu-cta{display:inline-flex;align-items:center;justify-content:center;height:44px;line-height:44px;}
.pmu-ghost{padding:0 14px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background: rgba(255,255,255,.75);}
.pmu-cta{padding:0 16px;border-radius:999px;background:#111;color:#fff;text-decoration:none;border:1px solid rgba(0,0,0,.12);}
.pmu-cta:hover{filter:brightness(.98);}

.pmu-front-hero__actions a.pmu-btn--primary{background:#ff6a2a !important;color:#fff !important;}


/* ==========================================================================
   v2.6.3 — item-episode / item-show redesign
   ========================================================================== */

/* --- Episode item -------------------------------------------------------- */
.pmu-ep-item {
  display: grid;
  grid-template-columns: 56px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid transparent;
  transition: background .15s, border-color .15s;
  position: relative;
}
.pmu-ep-item:hover {
  background: rgba(255,255,255,.85);
  border-color: var(--border);
}

/* Cover */
.pmu-ep-item__cover {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--surface2);
  border: 1px solid var(--border);
}
.pmu-ep-item__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pmu-ep-item__cover-ph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 22px;
}
/* Play overlay on cover */
.pmu-ep-item__playbtn {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.45);
  color: #fff;
  border: none;
  cursor: pointer;
  opacity: 0;
  transition: opacity .15s;
  padding: 0;
}
.pmu-ep-item:hover .pmu-ep-item__playbtn { opacity: 1; }

/* Body */
.pmu-ep-item__body {
  min-width: 0;
}
.pmu-ep-item__title {
  display: block;
  font-weight: 900;
  font-size: 14px;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  text-decoration: none;
}
.pmu-ep-item__title:hover { color: var(--link); }
.pmu-ep-item__meta {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 800;
  color: var(--muted2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pmu-ep-item__show {
  color: var(--link);
  font-weight: 900;
}

/* Action buttons */
.pmu-ep-item__actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.pmu-ep-item__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.75);
  color: var(--text);
  text-decoration: none;
  transition: background .13s;
}
.pmu-ep-item__btn:hover { background: #fff; }
.pmu-ep-item__btn--play {
  background: var(--link);
  color: #fff;
  border-color: transparent;
}
.pmu-ep-item__btn--play:hover { background: var(--linkHover); color: #fff; }
.pmu-ep-item__btn--details {
  display: none; /* hidden by default, shows on wider screens */
}

/* Episode grid */
.pmu-ep-grid {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pmu-ep-grid--compact .pmu-ep-item {
  padding: 8px 10px;
}
.pmu-ep-grid--compact .pmu-ep-item__cover {
  width: 46px;
  height: 46px;
}

/* --- Show card ----------------------------------------------------------- */
.pmu-show-card {
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: var(--surface);
  overflow: hidden;
  text-decoration: none;
  color: var(--text);
  transition: box-shadow .15s, transform .13s;
  box-shadow: 0 6px 20px rgba(0,0,0,.05);
}
.pmu-show-card:hover {
  box-shadow: 0 16px 44px rgba(0,0,0,.10);
  transform: translateY(-2px);
}
.pmu-show-card__cover {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: var(--surface2);
  border-bottom: 1px solid var(--border);
}
.pmu-show-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .2s;
}
.pmu-show-card:hover .pmu-show-card__cover img { transform: scale(1.03); }
.pmu-show-card__cover-ph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 40px;
}
.pmu-show-card__body {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
.pmu-show-card__title {
  font-weight: 950;
  font-size: 14px;
  color: var(--text);
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pmu-show-card__desc {
  font-size: 12px;
  font-weight: 800;
  color: var(--muted2);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 2px;
}
.pmu-show-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-top: auto;
  padding-top: 8px;
}
.pmu-show-card__topic {
  font-size: 11px;
  font-weight: 950;
  color: var(--link);
  background: rgba(250,84,28,.10);
  border-radius: 999px;
  padding: 2px 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60%;
}
.pmu-show-card__eps {
  font-size: 11px;
  font-weight: 900;
  color: var(--muted2);
  white-space: nowrap;
}

/* --- Responsive ---------------------------------------------------------- */
@media (min-width: 900px) {
  .pmu-ep-item__btn--details { display: inline-flex; }
}
@media (max-width: 640px) {
  .pmu-ep-item {
    grid-template-columns: 48px 1fr auto;
    gap: 10px;
  }
  .pmu-ep-item__cover { width: 48px; height: 48px; }
  .pmu-ep-item__actions { gap: 4px; }
  .pmu-ep-item__btn { height: 28px; padding: 0 10px; font-size: 11px; }
}

/* --- YouTube Embedded Player --------------------------------------------- */
.pmu-youtube-player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius);
  overflow: hidden;
  background: #000;
  margin: 18px 0 22px;
  box-shadow: 0 4px 24px rgba(0,0,0,.18);
}
.pmu-youtube-player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* --- Video Description ---------------------------------------------------- */
.pmu-video-description {
  margin-top: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 15px;
  line-height: 1.7;
  color: var(--text2, var(--muted));
}