/* ===================================
   Board Thumbnail (썸네일형 게시판)
   행사·교육안내 등 카드 그리드 레이아웃
   퀵메뉴는 components.css에서 관리 (fixed 플로팅, 1720px+)
   =================================== */

/* --- Board Thumbnail Filter (탭 + 건수/검색 통합) --- */
.board-thumb__tabs {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-4);
}

/* 2중탭 (탭 패널 안의 탭) — 간격 축소 */
.tabs__panel > .board-thumb__tabs:first-child {
  margin-top: -20px;
  margin-bottom: var(--space-4);
}

/* 검색 필터와 카드 그리드 사이 간격 */
.board-list__filter {
  margin-bottom: var(--space-6);
}

/* 검색 결과 없음 */
.board-thumb__empty {
  display: none;
  text-align: center;
  padding: var(--space-20) var(--space-5);
  color: var(--color-gray-500);
  font-size: var(--fs-body);
  letter-spacing: var(--ls);
}

.board-thumb__empty.is-active {
  display: block;
}

/* --- 교육행사 전용 썸네일 비율 (3:4, 뉴스레터와 동일) — 2026-07-21 ---
   .event-card-grid--portrait 하위로만 override 하여 공용 .event-card(게시판카드·장비·회의실 등)의
   기본 16:10 은 그대로 둔다. components.css(보호 파일)는 미수정. */
.event-card-grid--portrait .event-card__image-wrapper {
  aspect-ratio: 3 / 4;
}

/* 썸네일 미등록 시 기본 이미지(SNUH 로고). 이미지 자체가 3:4·단색배경·중앙정렬로 제작되어
   있으므로 object-fit:cover 로 틀을 꽉 채운다(비율 동일 → 크롭 없음). 종전 contain+padding 은
   정사각 원본이 상단에 붙고 배경이 두 톤으로 보이던 문제가 있어 폐기(2026-07-22). */
.event-card-grid--portrait .event-card__image--default {
  object-fit: cover;
  object-position: center;
}

/* --- 반응형: 태블릿 (1199px 이하) --- */
@media (max-width: 1023px) {
  /* 검색 필터: 건수와 검색을 세로 배치 — stretch로 자식 전폭 확장 */
  .board-list__filter {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-3);
  }

  .board-list__filter .board-search__form {
    width: 100%;
    margin-left: 0;
  }

  .board-list__filter .board-search__row {
    width: 100%;
  }

  .board-list__filter .board-search__input-group {
    max-width: none;
    flex: 1;
  }
}

/* --- 반응형: 모바일 (767px 이하) --- */
@media (max-width: 767px) {
  /* 탭 버튼: 가로 스크롤 */
  .board-thumb__tabs .tabs--pill .tabs__list {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .board-thumb__tabs .tabs--pill .tabs__item {
    flex-shrink: 0;
    padding: var(--space-2) var(--space-4);
    font-size: var(--fs-caption);
  }

  /* 검색 필터: 세로 스택 */
  .board-list__filter .board-search__row {
    flex-direction: column;
    align-items: stretch;
  }

  .board-list__filter .board-search__select-group,
  .board-list__filter .board-search__input-group,
  .board-list__filter .board-search__btn {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  /* 페이지네이션 간격 축소 */
  .pagination {
    flex-wrap: wrap;
  }
}

/* --- 인쇄 --- */
@media print {
  .board-thumb__tabs,
  .board-search {
    display: none;
  }
}