/* WPDJ Music Library */
.wpdj-music-library{
  padding:70px 20px 85px;
  background:#faf8f3;
  color:#171717;
}
.wpdj-music-library *{box-sizing:border-box}
.wpdj-music-wrap{max-width:1100px;margin:auto}
.wpdj-section-head{text-align:center;margin-bottom:34px}
.wpdj-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  color:#9a7631;font-size:13px;letter-spacing:2px;
  text-transform:uppercase;font-weight:800;margin-bottom:14px
}
.wpdj-eyebrow:before,.wpdj-eyebrow:after{content:"";width:34px;height:1px;background:#d7b56d}
.wpdj-section-head h2{
  max-width:850px;font-size:clamp(32px,3.8vw,46px);
  line-height:1.1;margin:0 auto 16px;color:#161616;font-weight:900;letter-spacing:-.5px
}
.wpdj-section-head p{color:#625b50;font-size:17px;line-height:1.7;max-width:740px;margin:0 auto}
.wpdj-search-box{max-width:620px;margin:0 auto 46px}
.wpdj-search-box input{
  width:100%;border:1px solid #e4d9c9;background:#fff;border-radius:999px;
  padding:17px 24px;font-size:16px;outline:none;box-shadow:0 12px 30px rgba(0,0,0,.05)
}
.wpdj-search-box input:focus{border-color:#d7b56d;box-shadow:0 16px 40px rgba(185,141,63,.16)}
.wpdj-category{margin:46px 0 0}
.wpdj-category:first-child{margin-top:0}
.wpdj-category-title{
  display:flex;align-items:center;gap:15px;margin:0 0 20px;
  color:#171717;font-size:26px;font-weight:900;line-height:1.2
}
.wpdj-category-title:after{content:"";flex:1;height:1px;background:rgba(215,181,109,.6)}
.wpdj-song-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wpdj-song-card{
  display:grid;grid-template-columns:86px minmax(0,1fr) auto 46px;
  align-items:center;gap:15px;min-height:118px;padding:18px;border-radius:20px;
  background:#fff;border:1px solid #ece7df;box-shadow:0 12px 30px rgba(0,0,0,.05);
  cursor:pointer;transition:.25s ease
}
.wpdj-song-card:hover{transform:translateY(-5px);border-color:#d7b56d;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.wpdj-song-cover{width:86px;height:86px;min-width:86px;border-radius:16px;overflow:hidden;background:#eee;box-shadow:0 10px 22px rgba(70,50,18,.14)}
.wpdj-song-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s}
.wpdj-song-card:hover .wpdj-song-cover img{transform:scale(1.08)}
.wpdj-song-info{min-width:0}
.wpdj-song-info h3{
  margin:0 0 6px;font-size:19px;font-weight:900;color:#171717;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.22
}
.wpdj-song-info p{margin:0;font-size:14px;color:#756c5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wpdj-song-time{font-size:14px;color:#8a8072;white-space:nowrap}
.wpdj-play-btn{
  width:46px;height:46px;min-width:46px;border:none;border-radius:50%;
  background:linear-gradient(135deg,#d7b56d,#b98d3f);color:#111;font-weight:900;
  cursor:pointer;font-size:0;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 24px rgba(185,141,63,.25);transition:.25s
}
.wpdj-play-btn:before{content:"▶";font-size:15px;margin-left:2px}
.wpdj-song-card:hover .wpdj-play-btn,.wpdj-play-btn:hover{transform:scale(1.08);background:#171717;color:#d7b56d}
.wpdj-no-results{text-align:center;color:#756c5f;font-size:17px;padding:30px}

/* Popup */
.wpdj-youtube-popup{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  display:none!important;align-items:center!important;justify-content:center!important;
  background:rgba(0,0,0,.85)!important;z-index:2147483647!important;padding:25px!important;backdrop-filter:blur(8px)
}
.wpdj-youtube-popup.active{display:flex!important}
.wpdj-popup-overlay{position:absolute!important;inset:0!important;cursor:pointer}
.wpdj-popup-box{
  position:relative!important;width:min(920px,95vw)!important;background:#111!important;
  border-radius:22px!important;overflow:hidden!important;z-index:2!important;
  box-shadow:0 35px 100px rgba(0,0,0,.60)!important
}
.wpdj-popup-header{padding:24px 80px 20px 28px;border-bottom:1px solid rgba(255,255,255,.08);background:#111}
.wpdj-popup-header h3{margin:0;color:#fff;font-size:28px;line-height:1.2;font-weight:900}
.wpdj-popup-header p{margin:8px 0 0;color:#d7b56d;font-size:16px}
.wpdj-video-wrapper{aspect-ratio:16/9;background:#000;width:100%}
.wpdj-video-wrapper iframe{width:100%;height:100%;border:0;display:block}
.wpdj-close-popup{
  position:absolute;top:18px;right:18px;width:42px;height:42px;border:none;border-radius:50%;
  background:#d7b56d;color:#111;font-size:28px;font-weight:900;cursor:pointer;z-index:5;
  display:flex;align-items:center;justify-content:center;line-height:1;transition:.25s
}
.wpdj-close-popup:hover{background:#fff;transform:rotate(90deg)}
body.wpdj-popup-open{overflow:hidden!important}

@media(max-width:900px){.wpdj-song-list{grid-template-columns:1fr}}
@media(max-width:600px){
  .wpdj-music-library{padding:55px 14px}
  .wpdj-section-head h2{font-size:30px}
  .wpdj-section-head p{font-size:15px}
  .wpdj-eyebrow:before,.wpdj-eyebrow:after{width:18px}
  .wpdj-category-title{font-size:22px}
  .wpdj-song-card{grid-template-columns:64px minmax(0,1fr) 42px;padding:13px;min-height:auto;gap:12px}
  .wpdj-song-cover{width:64px;height:64px;min-width:64px;border-radius:14px}
  .wpdj-song-time{display:none}
  .wpdj-song-info h3{font-size:16px}
  .wpdj-song-info p{font-size:13px}
  .wpdj-play-btn{width:42px;height:42px;min-width:42px}
  .wpdj-popup-header{padding:18px 60px 18px 18px}
  .wpdj-popup-header h3{font-size:22px}
  .wpdj-popup-header p{font-size:14px}
  .wpdj-close-popup{top:12px;right:12px;width:36px;height:36px;font-size:24px}
}