@import url('./home-overrides-base.css');

/* Raw Truth homepage hero quality correction — 2026-08-15 */
.hero{min-height:520px}
.hero-photo-layer{background-image:url('/assets/hero/RT-Hero.png?v=20260815-2217');background-size:cover;background-position:center 58%;filter:none}
.hero-overlay{background:rgba(5,5,5,.18)}
.hero h1,.hero-copy{text-shadow:0 2px 18px rgba(0,0,0,.78)}

/* Use the finished local Raw Truth thumbnail artwork. */
.playlist-card img.playlist-art{width:100%;height:auto;object-fit:cover;background-image:none}
.playlist-art.purpose{background-image:url('/assets/thumbnails/RT-Your%20Season%20Has%20Purpose.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.playlist-card[data-playlist-key="hidden-wisdom"] img.playlist-art{content:url('/assets/thumbnails/HIDDEN%20WISDOM.png?v=20260816-0038')}
.playlist-card[data-playlist-key="feasts"] img.playlist-art{content:url('/assets/thumbnails/Yahuah%E2%80%99s%20Feasts%20%7C%20Moedim%20Explained.png?v=20260816-0027')}
.playlist-card[data-playlist-key="reset-podcast"] img.playlist-art{content:url('/assets/thumbnails/Reset%20Your%20Mind%20Back%20To%20Order%20Playlist.png?v=20260816-0027')}
.playlist-card[data-playlist-key="spiritual-vitamins"] img.playlist-art{content:url('/assets/thumbnails/Spiritial%20Vitamin.png?v=20260816-0027')}
.playlist-card[data-playlist-key="spirit-vs-flesh"] img.playlist-art{content:url('/assets/thumbnails/Spirit%20vs%20Flesh.png?v=20260816-0027')}
.playlist-card[data-playlist-key="marriage"] img.playlist-art{content:url('/assets/thumbnails/Marriage%20and%20Leadership.png?v=20260816-0027')}
.playlist-card[data-playlist-key="music"] img.playlist-art{content:url('/assets/thumbnails/Raw%20Truth%20Music.png?v=20260816-0027')}

/* Playlist modal: visible selectable video-title list beside the player. */
.video-modal-body{display:block}
.video-modal.is-playlist-mode .video-modal-panel{width:min(100%,1240px)}
.video-modal.is-playlist-mode .video-modal-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:start;background:#050505}
.video-modal.is-playlist-mode .video-modal-player{width:100%;align-self:start}
.video-playlist-panel{display:flex;min-width:0;max-height:min(66vh,620px);flex-direction:column;border-left:1px solid rgba(255,255,255,.12);background:#090909}
.video-playlist-panel[hidden]{display:none!important}
.video-playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 16px 13px;border-bottom:1px solid rgba(255,255,255,.1)}
.video-playlist-heading strong{font-family:'Oswald',sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:1.15}
.video-playlist-heading span{flex:none;color:#85858b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.video-playlist-status{margin:0;padding:16px;color:#aaaab0;font-size:13px;line-height:1.5}
.video-playlist-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.video-playlist-item{display:grid;width:100%;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.075);background:transparent;color:#fff;text-align:left;cursor:pointer}
.video-playlist-item:hover{background:#111}
.video-playlist-item.is-active{background:#161616;box-shadow:inset 3px 0 0 var(--red)}
.video-playlist-number{padding-top:2px;color:#6f6f74;font-family:'Oswald',sans-serif;font-size:13px}
.video-playlist-item.is-active .video-playlist-number{color:var(--red)}
.video-playlist-item-copy{display:flex;min-width:0;flex-direction:column;gap:4px}
.video-playlist-item-copy strong{font-family:'Oswald',sans-serif;font-size:15px;font-weight:400;line-height:1.28}
.video-playlist-item-copy small{color:#85858b;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.youtube-catalog-player-shell{position:fixed;left:-10000px;top:0;width:200px;height:200px;overflow:hidden;pointer-events:none;opacity:.01}

@media(max-width:760px){
  .hero{min-height:420px}
  .hero-photo-layer{background-position:64% 58%}
  .hero-overlay{background:rgba(5,5,5,.26)}
  .video-modal.is-playlist-mode .video-modal-body{grid-template-columns:1fr}
  .video-playlist-panel{max-height:38vh;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .video-playlist-heading{padding:13px 14px 11px}
  .video-playlist-item{padding:11px 12px}
}