/**
 * 게시판 목록 썸네일 — 커뮤니티 글목록 기준 정사각형 고정 (104px / 모바일 88px)
 */
:root {
  --eottae-list-thumb-size: 104px;
  --eottae-list-thumb-radius: 14px;
}

@media (max-width: 768px) {
  :root {
    --eottae-list-thumb-size: 88px;
    --eottae-list-thumb-radius: 12px;
  }
}

/* 커뮤니티·구인·부동산 목록 (eottae-community 스킨) */
#bo_list .community-post__thumb,
#bo_list .community-post__thumb.job-profile-thumb,
#bo_list .community-post__thumb.estate-profile-thumb,
#bo_list .job-profile-thumb.community-post__thumb,
#bo_list .estate-profile-thumb.community-post__thumb {
  flex: 0 0 var(--eottae-list-thumb-size) !important;
  width: var(--eottae-list-thumb-size) !important;
  height: var(--eottae-list-thumb-size) !important;
  min-height: var(--eottae-list-thumb-size) !important;
  max-height: var(--eottae-list-thumb-size) !important;
  align-self: start !important;
  justify-self: start !important;
  border-radius: var(--eottae-list-thumb-radius);
  overflow: hidden;
  box-sizing: border-box;
}

/* 부동산·구인구직 — 중첩 썸네일(프로필/첨부) 정사각형 crop */
#bo_list .community-post__thumb.estate-profile-thumb,
#bo_list .community-post__thumb.job-profile-thumb {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  aspect-ratio: 1 / 1 !important;
}

#bo_list .estate-profile-thumb__media,
#bo_list .job-profile-thumb__media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: inherit;
}

#bo_list .community-post__thumb img,
#bo_list .job-profile-thumb__img,
#bo_list .estate-profile-thumb__img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center;
}

#bo_list .job-profile-thumb__initial,
#bo_list .estate-profile-thumb__initial {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  font-size: clamp(1.25rem, 4vw, 2rem);
}

/* g5b 기본 목록 (post-thumb 등) */
.board-list--thumb .board-thumb,
.board-wrap .board-list--thumb .board-thumb {
  flex: 0 0 var(--eottae-list-thumb-size) !important;
  width: var(--eottae-list-thumb-size) !important;
  height: var(--eottae-list-thumb-size) !important;
  min-height: var(--eottae-list-thumb-size) !important;
  max-height: var(--eottae-list-thumb-size) !important;
  border-radius: var(--eottae-list-thumb-radius);
}

.board-list--media .board-thumb {
  flex: 0 0 var(--eottae-list-thumb-size) !important;
  width: var(--eottae-list-thumb-size) !important;
  height: var(--eottae-list-thumb-size) !important;
  min-height: var(--eottae-list-thumb-size) !important;
  max-height: var(--eottae-list-thumb-size) !important;
  border-radius: var(--eottae-list-thumb-radius);
}

/* 내주변(shop) 목록 */
.shop-list-card__thumb-wrap {
  flex: 0 0 var(--eottae-list-thumb-size) !important;
  width: var(--eottae-list-thumb-size) !important;
  height: var(--eottae-list-thumb-size) !important;
  min-height: var(--eottae-list-thumb-size) !important;
  max-height: var(--eottae-list-thumb-size) !important;
  align-self: start !important;
  border-radius: var(--eottae-list-thumb-radius);
}

/* 광장(plaza) 목록 */
.plaza-card__thumb {
  flex: 0 0 var(--eottae-list-thumb-size) !important;
  width: var(--eottae-list-thumb-size) !important;
  height: var(--eottae-list-thumb-size) !important;
  border-radius: var(--eottae-list-thumb-radius);
}

/* 골프조인 목록 */
body.golf-join-ui .golf-join-card__thumb {
  flex: 0 0 var(--eottae-list-thumb-size) !important;
  width: var(--eottae-list-thumb-size) !important;
  height: var(--eottae-list-thumb-size) !important;
  border-radius: var(--eottae-list-thumb-radius);
}

/* 챌린지 참여 목록 */
.sebu-challenge-entry-card__thumb {
  flex: 0 0 var(--eottae-list-thumb-size) !important;
  width: var(--eottae-list-thumb-size) !important;
  height: var(--eottae-list-thumb-size) !important;
  border-radius: var(--eottae-list-thumb-radius);
  overflow: hidden;
}

.sebu-challenge-entry-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 커뮤니티 기본 클래스 (eottae.css 폴백) */
.community-post__thumb {
  flex: 0 0 var(--eottae-list-thumb-size);
  width: var(--eottae-list-thumb-size);
  height: var(--eottae-list-thumb-size);
  border-radius: var(--eottae-list-thumb-radius);
}

@media (max-width: 767px) {
  .board-list--thumb .board-thumb {
    width: var(--eottae-list-thumb-size) !important;
    height: var(--eottae-list-thumb-size) !important;
    max-height: var(--eottae-list-thumb-size) !important;
    aspect-ratio: 1 / 1 !important;
  }
}
