/* ========= 성가대에만 추가 ======== */
.music-list .music-item{cursor:default}
.music-list .music-item a.music-item-inner {display:flex; height:54px; align-items:center; gap:40px; border-radius:var(--radius-sm); position:relative; cursor:pointer; width:100%}
.music-list .music-item .btn-play {opacity:1}
.music-list .music-item .btn-wrap {gap:12px}

/* playing중인 리스트 */
.music-list .music-item.playing .thum::before{background-color:rgba(0, 0, 0, 0.5); z-index:2}
.eq{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;}

/* page-choir-detail */
.page-choir-detail .thum-wrapper{width:200px; height:200px;}
.page-choir-detail .detail .info .guide-info{font-size:14px; color:var(--color-text-desc); line-height:1.3;}
.page-choir-detail .detail .info .text-wrap{display:flex; flex-direction:column; gap:8px}

/* 악보 리스트 */
.sheet-list{display:flex; align-items:center; font-size:13px; gap:10px}
.sheet-list li a{width:110px; border-radius:var(--radius-md); display:flex; flex-direction:column; align-items:center; height:80px; justify-content:center; background:var(--color-bg-btn); gap:8px}
.ico-sheet::before{background-image:url(../images/ico-sheet.svg);}

.detail-header .thum{pointer-events:initial; cursor:default;}
.thum .btn-play{background:#fff; width:38px; height:38px; border-radius:50%; padding-left:2px;}

.ico-prev10::before{background-image:url(../images/ico-prev10.svg);}
.ico-next10::before{background-image:url(../images/ico-next10.svg);}

/* 성가 실황 없을때: 안내 메세지 */
.thum-none-info{background:var(--color-gray-700); color:#fff; width:fit-content; padding:6px 12px 5px; font-size:14px; border-radius:20px; margin-bottom:10px;}

/* 즐겨찾기 */
.music-list .music-item:hover .btn-star,
.music-list .music-item.active .btn-star{opacity:1;}
.music-list .music-item .btn-star {height:100%; inset-inline-start:-26px; padding:0; position:absolute; top:50%; transform:translateY(-50%); width:26px; z-index:10; background:none; opacity:0}

.ico-star-sm::before {background-image:url(../images/ico-star.svg); width:10px; height:10px; background-size:10px; background-color:unset}
.music-list .music-item .btn-star.active .ico-star-sm::before {
    background-image: url(../images/ico-star-on.svg);
}

.btn-star.active {opacity:1 !important;}
.ico-star {width:14px; height:14px}
.ico-star::before {background-image:url(../images/ico-star.svg); background-size:14px}
.ico-star.on::before {background-image:url(../images/ico-star-on.svg); background-size:14px}


/* 플레이어 페이지 */
.btn-info{padding:4px 10px; border:2px solid var(--color-white-200); border-radius:var(--radius-circle); font-size:13px; font-weight:500; line-height:1.3; color:var(--color-white-400); cursor:pointer}
.volume-control{display:flex; align-items:center; gap:8px}
.volume-control .btn-volume .ico-volume::before{width:18px; height:18px; filter:var(--filter-white)}
.volume-control .volume-slider{width:100px; height:4px; background:var(--color-white-200); border-radius:var(--unit-full); outline:none; cursor:pointer; margin:0}
.volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none; width:12px; height:12px; border:1px solid var(--color-black-500); border-radius:var(--unit-full); box-shadow:0 0 2px var(--color-black-200); cursor:pointer; background:var(--color-white); box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.08)}

.page-player-choir-view .ico::before {filter:var(--filter-white)}
.page-player-choir-view .ico.ico-close{background:#000; border-radius:50%; width:40px; height:40px; padding:8px;}
.page-player-choir-view .ico.ico-close::before{filter:#fff;}

/* 플레이어 페이지 layout */
.page-player-choir-view .player-content{flex-direction:column; gap:20px; position:relative;  display:block}
.sheet-pdf{z-index:1; width:100%; height:calc(100% - 100px); position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; align-items:center; justify-content:center}
.sheet-pdf > *{width:100%; height:100%; object-fit:contain;}
.page-player-choir-view .music-player-wrap{position:absolute; bottom:20px; width:100%}

.page-player-choir-view .music-player-wrap .music-player{max-width:1070px; flex-direction:row; padding:0; margin-left:auto; margin-right:auto;}
.page-player-choir-view .music-player .music-control {display:flex; align-items:center; gap:60px}

.page-player-choir-view .music-player .thum{width:50px; height:50px; flex:0 0 50px;}
.page-player-choir-view .music-player .track{display:flex; align-items:center; flex:0 0 300px;; gap:20px}

.page-player-choir-view .music-player .music-control .controls{margin-top:0}
.page-player-choir-view .music-player .music-control .playback-progress{flex:1; min-width:150px; max-width:200px;}

.page-player-choir-view .music-title{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}

@media(min-width:1600px){
    .page-player-choir-view .music-player .track{flex:0 0 400px}
    .page-player-choir-view .music-player .music-control .playback-progress{min-width:200px; max-width:230px;}
}