/* ===== 홍보 게시판 (대표 코멘트 43) — 글쓰기 행사 칸, 상세 포스터·행사 정보 카드, 목록 일정 한 줄 ===== */

/* 글쓰기: 홍보 칸 */
.promo-fields { display: flex; flex-direction: column; gap: var(--s-5); }
.promo-fields[hidden] { display: none; }
.promo-dates { display: flex; align-items: flex-start; gap: var(--s-3); flex-wrap: wrap; }
.promo-dates .field { flex: 1 1 180px; margin: 0; }
.promo-dates .c-date { max-width: none; width: 100%; min-height: 44px; }
.promo-dates-sep { align-self: center; padding-top: var(--s-6); color: var(--c-muted); }
.c-hint.promo-hint { background: var(--c-milk-2); color: var(--c-ink); }
.c-hint.promo-hint .ico { color: var(--c-berry); }
.promo-hint + .field-error, .c-attach-panel .promo-hint { margin-bottom: var(--s-3); }

/* 상세: 포스터 크게 */
.promo-poster { display: block; margin: var(--s-1) 0 0; border-radius: var(--r-md); overflow: hidden; background: var(--c-surface-2); border: 1px solid var(--c-line); }
.promo-poster img { display: block; width: 100%; max-height: 720px; object-fit: contain; margin: 0 auto; }

/* 상세: 행사 정보 카드 */
.promo-info-card { display: flex; flex-direction: column; gap: var(--s-4); margin-bottom: var(--s-2); padding: var(--s-4) var(--s-5); border: 1px solid var(--c-line-2); border-radius: var(--r-md); background: var(--c-surface-2); }
.promo-info { display: flex; flex-direction: column; gap: var(--s-3); margin: 0; }
.promo-info-row { display: flex; align-items: baseline; gap: var(--s-4); }
.promo-info dt { flex: none; display: inline-flex; align-items: center; gap: var(--s-2); width: 72px; font-size: var(--t-sm); font-weight: 700; color: var(--c-muted); }
.promo-info dt .ico { color: var(--c-berry); }
.promo-info dd { margin: 0; font-weight: 600; color: var(--c-ink); word-break: break-word; }
.promo-apply { align-self: flex-start; min-height: 44px; }

/* 커뮤니티 목록: 일정·장소 한 줄 */
.cl-event { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-3); font-size: var(--t-sm); font-weight: 600; color: var(--c-berry); }
.cl-event .meta-i { display: inline-flex; align-items: center; gap: var(--s-1); min-width: 0; }

@media (max-width: 720px) {
  .promo-info-card { padding: var(--s-4); }
  .promo-apply { align-self: stretch; justify-content: center; }
  .promo-dates-sep { display: none; }
}