/*
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.0.0
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}