@charset "UTF-8";
/* Frecto 브랜드 색상에 맞춘 Plyr 커스터마이징 */
:root {
  /* Plyr 기본 색상 변경 */
  --plyr-color-main: var(--main-color); /* 메인 컬러 (재생 버튼, 진행 바) */
  --plyr-video-control-color: #fff; /* 컨트롤 아이콘 색상 */
  --plyr-video-control-background-hover: color-mix(in srgb, var(--main-color) 90%, transparent);
  --plyr-audio-control-color: var(--main-color);
}

/* 플레이어 컨테이너 여백 */
.post-content .plyr {
  margin: 20px 0;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .post-content .plyr {
    margin: 15px 0;
  }
}

/* 로딩 상태 스타일링 */
.plyr--loading .plyr__progress__buffer {
  background: color-mix(in srgb, var(--main-color) 30%, transparent);
}

/* 전체화면 모드 배경색 */
.plyr--fullscreen {
  background: #000;
}

/* 비디오 포스터 이미지 처리 */
.plyr__poster {
  background-size: cover;
  background-position: center;
}

/* 컨트롤바 스타일 개선 */
.plyr__controls {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  padding: 10px;
}
@media (max-width: 720px) {
  .plyr__controls button {
    min-width: 44px;
    min-height: 44px;
  }
}

/* 진행 바 높이 조정 */
.plyr__progress input[type=range] {
  height: 5px;
}

/* 볼륨 슬라이더 */
.plyr__volume input[type=range] {
  max-width: 90px;
}

/* 큰 재생 버튼 스타일 */
.plyr__control--overlaid {
  background: transparent;
  border: none;
  padding: 15px;
}
.plyr__control--overlaid:hover {
  background: var(--main-color);
}
@media (max-width: 720px) {
  .plyr__control--overlaid {
    padding: 20px;
  }
}

/* 버튼 호버 효과 */
.plyr__control:hover {
  background: color-mix(in srgb, var(--main-color) 15%, transparent);
}

/* 툴팁 스타일 */
.plyr__tooltip {
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 13px;
  padding: 5px 8px;
  border-radius: 3px;
}

/* 리뷰 갤러리 비디오 (원본 비율 유지) */
.review-gallery-list .plyr-video-wrapper {
  width: 100%;
}

.review-gallery-list .plyr-video-wrapper .plyr {
  width: 100%;
  height: auto;
}

.review-gallery-list .plyr-video-wrapper video {
  max-width: 100%;
  height: auto;
}