/* PC에서 커스텀 페이지네이션 도트 숨김 */
@media (min-width: 577px) {
  #section6-wrapper .custom-pagination {
    display: none !important;
  }
  
  #section6-wrapper .custom-pagination .dot {
    display: none !important;
  }
}

/* PC에서 뉴스 타이틀 볼드체 적용 */
@media (min-width: 577px) {
  #section6-wrapper .news .title h2 {
    font-weight: 700 !important;
  }
  
  #section6-wrapper .news .title h2 span {
    font-weight: 700 !important;
  }
  
  #section6-wrapper .news .title .sub-title {
    font-weight: 700 !important;
  }
}

/* ========================================
   섹션 5 PC 오디오 수정 (577px 이상)
======================================== */

/* PC 오디오 플레이어 스타일 수정 */
@media (min-width: 577px) {
  /* PC에서 씨엘스톤 MEDIA 타이틀 볼드체 적용 */
  #section5-wrapper .media .title h2 {
    font-weight: 700 !important;
  }
  
  #section5-wrapper .media .title h2 span {
    font-weight: 700 !important;
  }
  
  /* 비디오 영역은 그대로 유지 */
  #section5-wrapper .video-wrap {
    display: block !important;
    margin-bottom: 30px !important;
  }
  
  /* PC에서 VIDEO 제목 표시 */
  #section5-wrapper .video-wrap h3 {
    display: block !important;
    text-align: left !important;
    color: #fff !important;
    margin-bottom: 25px !important;
    font-weight: 600 !important;
    font-size: 28px !important;
  }
  
  #section5-wrapper .video-area {
    display: flex !important;
    gap: 20px !important;
  }
  
  /* 라디오 영역 강제 표시 */
  #section5-wrapper .radio-wrap {
    display: block !important;
    margin-bottom: 40px !important;  /* 제목 없을 때 여백 조정 */
  }
  
  /* PC에서 AUDIO 제목 표시 */
  #section5-wrapper .radio-wrap h3 {
    display: block !important;
    text-align: left !important;
    color: #fff !important;
    margin-bottom: 25px !important;
    font-weight: 600 !important;
    font-size: 28px !important;
  }
  
  #section5-wrapper .radio-area {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
  }
  
  /* 비즈링 영역 강제 표시 */
  #section5-wrapper .bizring-wrap {
    display: block !important;
    margin-bottom: 40px !important;  /* 제목 없을 때 여백 조정 */
  }
  
  /* PC에서 Bizring 제목도 숨김 */
  #section5-wrapper .bizring-wrap h3 {
    display: none !important;
  }
  
  #section5-wrapper .bizring-area {
    display: flex !important;
    justify-content: flex-start !important;
  }
  
  /* 오디오 아이템 표시 */
  #section5-wrapper .radio-area .radio-item,
  #section5-wrapper .bizring-area .radio-item {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  /* 플레이어 컨텐트 표시 */
  #section5-wrapper .radio-area .radio-item .player-content,
  #section5-wrapper .bizring-area .radio-item .player-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  
  /* 상단 행 (프로그레스 바) 표시 */
  #section5-wrapper .radio-area .radio-item .top-row,
  #section5-wrapper .bizring-area .radio-item .top-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    line-height: 0 !important;
    height: 5px !important;
    margin-bottom: 8px !important;
  }
  
  /* 프로그레스 컨테이너 표시 */
  #section5-wrapper .radio-area .radio-item .progress-container,
  #section5-wrapper .bizring-area .radio-item .progress-container {
    display: block !important;
    position: relative !important;
    flex: 1 !important;
    height: 5px !important;
    background-color: rgba(90, 90, 90, 0.3) !important;  /* 배경 투명도 추가 */
    border-radius: 2.5px !important;
    cursor: pointer !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
  }
  
  /* 프로그레스 바 표시 */
  #section5-wrapper .radio-area .radio-item .progress-bar,
  #section5-wrapper .bizring-area .radio-item .progress-bar {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: #fff !important;
    border-radius: 2.5px !important;
  }
  
  /* 프로그레스 핸들 표시 */
  #section5-wrapper .radio-area .radio-item .progress-handle,
  #section5-wrapper .bizring-area .radio-item .progress-handle {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: -7px !important;
    transform: translateY(-50%) !important;
    width: 14px !important;
    height: 14px !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    cursor: pointer !important;
  }
  
  /* ========================================
     시간 표시 위치 및 프로그레스바 배경 수정
  ======================================== */
  
  /* 시간 표시 위치 조정 */
  #section5-wrapper .radio-area .radio-item .time-display,
  #section5-wrapper .bizring-area .radio-item .time-display {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 13px !important;
    color: #999 !important;
    margin-top: 8px !important;  /* 시간 표시를 아래로 내림 */
    padding-left: 0 !important;  /* 왼쪽 패딩 제거하여 프로그레스바와 정렬 */
  }
  
  /* 프로그레스 영역 배경 투명하게 */
  #section5-wrapper .radio-area .radio-item .progress-area,
  #section5-wrapper .bizring-area .radio-item .progress-area {
    padding: 15px 0 !important;  /* 좌우 패딩 제거 */
    background-color: transparent !important;  /* 배경 완전 투명 */
    border-top: none !important;  /* 상단 보더 제거 */
    margin-top: 10px !important;
    transition: all 0.3s ease !important;
  }
  
  /* ========================================
     재생 버튼 및 트랙 정보 스타일
  ======================================== */
  
  /* 재생 버튼 표시 */
  #section5-wrapper .radio-area .radio-item .play-btn,
  #section5-wrapper .bizring-area .radio-item .play-btn {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    position: relative !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }
  
  /* 트랙 정보 표시 */
  #section5-wrapper .radio-area .radio-item .track-info,
  #section5-wrapper .bizring-area .radio-item .track-info {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  
  /* 트랙 왼쪽 영역 */
  #section5-wrapper .radio-area .radio-item .track-left,
  #section5-wrapper .bizring-area .radio-item .track-left {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
  }
  
  /* 트랙 번호 */
  #section5-wrapper .radio-area .radio-item .track-number,
  #section5-wrapper .bizring-area .radio-item .track-number {
    display: block !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #fff !important;
  }
  
  /* 트랙 상세 정보 */
  #section5-wrapper .radio-area .radio-item .track-details,
  #section5-wrapper .bizring-area .radio-item .track-details {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
  
  /* 트랙 이름 */
  #section5-wrapper .radio-area .radio-item .track-name,
  #section5-wrapper .bizring-area .radio-item .track-name {
    display: block !important;
    font-size: 16px !important;
    color: #fff !important;
    font-weight: 400 !important;
  }
  
  /* 트랙 시간 */
  #section5-wrapper .radio-area .radio-item .track-duration,
  #section5-wrapper .bizring-area .radio-item .track-duration {
    display: block !important;
    font-size: 14px !important;
    color: #999 !important;
  }
  
  /* 플레이어 컨트롤 */
  #section5-wrapper .radio-area .radio-item .player-controls,
  #section5-wrapper .bizring-area .radio-item .player-controls {
    display: block !important;
  }
  
  /* 재생 버튼 스타일 */
  #section5-wrapper .radio-area .radio-item .play-button,
  #section5-wrapper .bizring-area .radio-item .play-button {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    position: relative !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
  }
  
  #section5-wrapper .radio-area .radio-item .play-button:hover,
  #section5-wrapper .bizring-area .radio-item .play-button:hover {
    border-color: rgba(255,255,255,0.6) !important;
    background: rgba(255,255,255,0.1) !important;
  }
  
  /* 재생 아이콘 */
  #section5-wrapper .radio-area .radio-item .play-button::before,
  #section5-wrapper .bizring-area .radio-item .play-button::before {
    content: '' !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    border-style: solid !important;
    border-width: 8px 0 8px 14px !important;
    border-color: transparent transparent transparent rgba(255,255,255,0.9) !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-35%, -50%) !important;
  }
  
  /* 일시정지 아이콘 */
  #section5-wrapper .radio-area .radio-item .play-button.playing::before,
  #section5-wrapper .bizring-area .radio-item .play-button.playing::before {
    width: 12px !important;
    height: 16px !important;
    border: none !important;
    background: linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 35%, transparent 35%, transparent 65%, rgba(255,255,255,0.9) 65%, rgba(255,255,255,0.9) 100%) !important;
    transform: translate(-50%, -50%) !important;
  }
  
  /* PC에서 데스크톱 재생 버튼만 표시 */
  #section5-wrapper .radio-area .radio-item .desktop-play-btn,
  #section5-wrapper .bizring-area .radio-item .desktop-play-btn {
    display: block !important;
  }
  
  #section5-wrapper .radio-area .radio-item .mobile-play-btn,
  #section5-wrapper .bizring-area .radio-item .mobile-play-btn {
    display: none !important;
  }
}