@charset "utf-8";

/* ===== Nariya Serial Gallery: hard-disable ALL hover/motion from theme ===== */
#bo_gallery.nrsg-scope, #bo_gallery.nrsg-scope * {
  transition: none !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
  box-shadow: none !important;
}
#bo_gallery.nrsg-scope *:hover,
#bo_gallery.nrsg-scope *:focus,
#bo_gallery.nrsg-scope *:active,
#bo_gallery.nrsg-scope *:visited {
  transition: none !important;
  transform: none !important;
  animation: none !important;
  filter: none !important;
  box-shadow: none !important;
}
#bo_gallery.nrsg-scope a,
#bo_gallery.nrsg-scope a:hover,
#bo_gallery.nrsg-scope a:focus {
  outline: 0 !important;
}

/* Gallery card tweaks to match the classic serial gallery look */
/* 💡 다크모드 대응 1: 카드 배경을 흰색(#fff)에서 테마 배경 변수로, 테두리를 회색(#ddd)에서 테마 테두리 변수로 변경 */
#bo_gallery.nrsg-scope .nrsg-box { border: 1px solid var(--bs-border-color); background: var(--bs-body-bg); position: relative; overflow: hidden; }
#bo_gallery.nrsg-scope .nrsg-img { position: relative; }

/* --- Force consistent card layout: image at top, footer at bottom --- */
#bo_gallery.nrsg-scope .nrsg-box { display: flex; flex-direction: column; height: 100%; }
#bo_gallery.nrsg-scope .nrsg-front { display: flex; flex-direction: column; height: 100%; }
#bo_gallery.nrsg-scope .nrsg-img { flex: 0 0 auto; }
#bo_gallery.nrsg-scope .nrsg-text { flex: 1 1 auto; }
#bo_gallery.nrsg-scope .choose { margin-top: auto; }

/* Fixed thumbnail ratio for equal card heights */
#bo_gallery.nrsg-scope .nrsg-thumb { aspect-ratio: 16 / 10; overflow: hidden; }
#bo_gallery.nrsg-scope .nrsg-thumb img.nrsg-wr-img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Thumbnail area */
/* 💡 다크모드 대응 2: 썸네일 뒤 빈 공간(#f2f2f2)을 테마 보조 배경 변수로 변경 */
#bo_gallery.nrsg-scope .nrsg-thumb { position: relative; display: block; background: var(--bs-secondary-bg); }
#bo_gallery.nrsg-scope .nrsg-thumb img.nrsg-wr-img { width: 100%; height: auto; display: block; }

/* No-image placeholder (grey box + red image icon) */
/* 💡 다크모드 대응 3: 이미지가 없을 때의 배경(#f3f3f3)을 테마 보조 배경 변수로 변경 */
#bo_gallery.nrsg-scope .nrsg-noimg {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: var(--bs-secondary-bg);
  position: relative;
}
#bo_gallery.nrsg-scope .nrsg-noimg:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 64px;
  height: 64px;
  border: 4px solid #ff3b30;
  border-radius: 6px;
  box-sizing: border-box;
}
#bo_gallery.nrsg-scope .nrsg-noimg:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 34px;
  height: 22px;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(circle at 7px 7px, #ff3b30 0 5px, transparent 6px),
    linear-gradient(135deg, transparent 0 45%, #ff3b30 46% 54%, transparent 55% 100%),
    linear-gradient(225deg, transparent 0 45%, #ff3b30 46% 54%, transparent 55% 100%);
  background-size: 34px 22px;
  background-repeat: no-repeat;
}

/* New ribbon */
#bo_gallery.nrsg-scope .nrsg-ribbon-new {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 56px solid #2f86ff;
  border-left: 56px solid transparent;
  z-index: 9;
}
#bo_gallery.nrsg-scope .nrsg-ribbon-new {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
}
#bo_gallery.nrsg-scope .nrsg-ribbon-new::after {
  content: "New";
  position: absolute;
  top: -45px;
  right: -12px;
  transform: rotate(45deg);
  width: 60px;
  text-align: center;
}

/* Use the existing .hit from root list.css; ensure it sits above the thumb */
#bo_gallery.nrsg-scope .hit { z-index: 10; }

/* Bottom 3 blocks */
#bo_gallery.nrsg-scope .choose { margin-top: 0; }
#bo_gallery.nrsg-scope .choose ul { list-style: none; margin: 0; padding: 0; display: flex; }
#bo_gallery.nrsg-scope .choose ul li { float: none; display: block; flex: 1 1 33.333%; }
#bo_gallery.nrsg-scope .choose .foot-comment,
#bo_gallery.nrsg-scope .choose .foot-review,
#bo_gallery.nrsg-scope .choose .foot-business {
  display: block;
  width: 100%;
  cursor: default;
}

/* Title spacing */
/* 💡 다크모드 대응 4: 글자색이 테마 기본 글자색에 맞춰 변하도록 속성(color: var(--bs-body-color)) 추가 */
#bo_gallery.nrsg-scope .nrsg-text { padding: 14px 15px 10px; color: var(--bs-body-color); }
#bo_gallery.nrsg-scope .nrsg-desc strong a { color: inherit; text-decoration: none; }
#bo_gallery.nrsg-scope .nrsg-desc strong a:hover { text-decoration: underline; }

/* 카드 기준점 */
.nrsg-box,
.nrsg-front {
  position: relative !important;
}

/* 체크박스가 자리(높이)를 차지하지 않게, 썸네일 위에 겹치기 */
.nrsg-box input[type="checkbox"],
.nrsg-front input[type="checkbox"],
.nrsg-box .nrsg-chk,
.nrsg-front .nrsg-chk {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 50 !important;

  /* 체크박스 주변 여백 제거 */
  margin: 0 !important;
}

/* 체크박스가 들어있던 원래 자리 공간 제거(있을 경우) */
.nrsg-box .chk_box,
.nrsg-front .chk_box,
.nrsg-box .bo_chk,
.nrsg-front .bo_chk {
  position: static !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 0 !important;
}

/* 썸네일은 진짜 맨 위로 */
.nrsg-thumb {
  margin-top: 0 !important;
  padding-top: 0 !important;
}