@charset "utf-8";

/* ===============================
   방송 + 채팅 반응형
   =============================== */
.broadcast_box {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  gap: 5px;
  align-items: flex-start;    /* 위쪽 정렬 */
}

/* PC 레이아웃 (768px 이상) */
@media (min-width: 768px) {
  .broadcast_left {
    width: calc(100%);  /* 채팅 너비 340px + 간격 5px */
    height: auto;
    position: relative;
    background: #000;
    overflow: hidden;
    display: flex;
    align-items: center;        /* 영상 세로 중앙 정렬 */
    padding: 40px 0;            /* 위아래 검은 여백 */
  }

  .broadcast_left .yt-embed {
    width: 100%;
    padding-top: 56.25%;        /* 16:9 비율 (9/16 * 100) */
    position: relative;
    overflow: hidden;
    background: #000;
  }

  .broadcast_left .yt-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

}

/* ===============================
   모바일 레이아웃 - 깔끔하게 한방에
   =============================== */
@media (max-width: 767px) {
  /* 방송 영역 */
  .broadcast_box {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
  }

  /* 영상 - 모든 여백 제거 */
  .broadcast_left {
    width: 100%;
    background: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .broadcast_left > * {
    margin: 0 !important;
    padding: 0 !important;
  }

  .broadcast_left .yt-embed {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin: 0 !important;
    padding-bottom: 0 !important;
    background: #000 !important;
    display: block !important;
  }

  .broadcast_left .yt-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: top;
  }



}

/* ===============================
   메뉴 / 버튼
   =============================== */


@media all and (max-width:767px) {
  .yt-embed { aspect-ratio: 16 / 9; }
}