/* Community layout hotfix — 2026-09-26 */

/* 배너는 게시판 본문 폭과 동일하게 표시 */
.comm-media-bar-slot {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
.comm-media-bar-slot img {
  display: block;
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
}

/* 글쓰기 모달 여유 폭 확보 */
#modalBg .modal {
  max-width: 720px !important;
  overflow-x: visible !important;
}

/* Quill 툴바는 한 줄 유지하되 스크롤로 숨기지 않음 */
#commToolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: visible !important;
  position: relative;
  z-index: 20;
}
#commToolbar .ql-formats {
  margin-right: 8px !important;
  flex: 0 0 auto;
}
.comm-editor-wrap,
.comm-editor-wrap .ql-toolbar {
  overflow: visible !important;
}

/* 색상/배경색/정렬 등 드롭다운이 툴바에 잘리지 않도록 */
#commToolbar .ql-picker,
#commToolbar .ql-picker-options {
  z-index: 60 !important;
}
#commToolbar .ql-picker-options {
  position: absolute !important;
}

@media (max-width: 768px) {
  #modalBg .modal {
    max-width: calc(100vw - 24px) !important;
  }
  #commToolbar .ql-formats {
    margin-right: 4px !important;
  }
}