/**
 * legacy-templates.css — TASK:T1249. 옛 테마에서 이식한 템플릿 인터랙션 3종의 스타일.
 * (전자책 3D 표지 / FAQ 검색 / 문의 상태 배지)
 *
 * 색은 새 테마 :root 토큰 var() 만 쓴다 — 리터럴 hex 0건.
 * assets/css/templates.css 는 Pane 1(T1248) 소유라 건드리지 않고 이 파일로 분리했다.
 */

/* ─────────────────────────────────────────────────────────────
   전자책 표지 3D — 원본 toolly/assets/css/book.css 의 .book-3d / @keyframes float
   원본은 지역 변수 --blue/--ink/--muted/--line 을 선언해 새 테마 :root 토큰과
   이름이 겹쳤다. 그 변수는 가져오지 않고 토큰을 직접 쓴다.
   ───────────────────────────────────────────────────────────── */
.mah-ebook-cover.mah-book-3d {
  perspective: 1400px;
}

.mah-ebook-cover.mah-book-3d img {
  /* (d) transform 기반. (b) 이징 --ease. (c) 지속시간 새 테마 스케일 안. */
  transform-style: preserve-3d;
  transition: transform .65s var(--ease), box-shadow .65s var(--ease);
  will-change: transform;
  border-radius: 6px;
  box-shadow: 0 30px 70px color-mix(in srgb, var(--bg) 62%, transparent);
}

/* 원본 @keyframes float — 표지가 천천히 떠 있는 연출. 마우스가 없을 때만 돈다. */
.mah-ebook-cover.mah-book-3d:not(:hover) img {
  animation: mah-book-float 6s var(--ease) infinite;
}

@keyframes mah-book-float {
  0%, 100% { translate: 0 0; }
  50%      { translate: 0 -11px; }
}

/* ─────────────────────────────────────────────────────────────
   FAQ 검색 — 원본 toolly/assets/js/faq.js 는 hidden 속성으로 카드를 감춘다.
   .mah-kb-card 의 display 규칙이 UA 의 [hidden]{display:none} 과 같은 특이도(0-1-0)라
   author 시트 순서에 따라 hidden 이 무시될 수 있다. 명시적으로 이긴다.
   ───────────────────────────────────────────────────────────── */
.mah-kb-card[hidden] { display: none !important; }
.mah-kb-no-result[hidden] { display: none !important; }

/* ─────────────────────────────────────────────────────────────
   reduced-motion
   ───────────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .mah-ebook-cover.mah-book-3d img,
  .mah-ebook-cover.mah-book-3d:not(:hover) img {
    animation: none;
    transition: none;
    transform: none;
  }
}