/*
 * AC Hub 홈 사이드바 「게시판」 카드 사진 배경 (DESIGN.md 6절) — layouts/partials/home/_achub_community.g7.html
 * 게시판 슬러그마다 실사 사진 한 장(960×320 webp), 슬러그에 맞는 사진이 없으면 기본 사진.
 * 사진은 위키미디어 공용의 CC0·퍼블릭 도메인 — 출처는 CREDITS.md.
 * 새 게시판 사진을 더할 때: webp 를 이 폴더에 두고 아래에 `.achub-board-photo--<슬러그>` 한 줄.
 */

.achub-board-photo {
  background-color: #191a1f;
  background-image: url('./default.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.achub-board-photo--notice { background-image: url('./notice.webp'); }
.achub-board-photo--free { background-image: url('./free.webp'); }
.achub-board-photo--qna { background-image: url('./qna.webp'); }
.achub-board-photo--living { background-image: url('./living.webp'); }
.achub-board-photo--jobs { background-image: url('./jobs.webp'); }
.achub-board-photo--meetups { background-image: url('./meetups.webp'); }
.achub-board-photo--reviews { background-image: url('./reviews.webp'); }
.achub-board-photo--clubs { background-image: url('./clubs.webp'); }

/* 사진 위 글자 — 흰 글자에 검은 외곽선(8방향 1.5px) + 흐린 그림자. 사진이 밝아도 읽힌다 */
.achub-board-photo__title {
  color: #fff;
  text-shadow:
    -1.5px -1.5px 0 rgba(0, 0, 0, 0.85), 0 -1.5px 0 rgba(0, 0, 0, 0.85), 1.5px -1.5px 0 rgba(0, 0, 0, 0.85),
    -1.5px 0 0 rgba(0, 0, 0, 0.85), 1.5px 0 0 rgba(0, 0, 0, 0.85),
    -1.5px 1.5px 0 rgba(0, 0, 0, 0.85), 0 1.5px 0 rgba(0, 0, 0, 0.85), 1.5px 1.5px 0 rgba(0, 0, 0, 0.85),
    0 2px 6px rgba(0, 0, 0, 0.6);
}

/* 마우스를 올리면 어둠 그라데이션을 걷어 사진이 밝아진다 */
.achub-board-photo__shade { transition: opacity 0.2s ease; }
.achub-board-photo:hover .achub-board-photo__shade { opacity: 0.7; }

@media (prefers-reduced-motion: reduce) {
  .achub-board-photo__shade { transition: none; }
}