/* interaction_feedback.css — 클릭 즉시 시각 반응(누르는 느낌). 전 화면 공통, 은은하게.
   press: 누르는 순간 살짝 축소 + 어두워짐(홀드 시 유지) → "눌렸다"를 즉시 인지.
   loading: 네비(검색·필터·이동) 시작 즉시 상단 진행바(Turbo).
   2026-07-13 — "눌러도 반응이 없어 동작을 모른다" 교정. 명확한 클릭 대상에만 한정. */

/* 전이(공통) — 기존 hover 전이가 끊기지 않게 흔한 애니 속성 포함 */
button,
a.btn-filled, a.btn-outlined,
.db-pager,
.tabulator .tabulator-page,
[role="button"] {
  transition:
    transform .06s ease, filter .10s ease,
    background-color .15s ease, color .15s ease,
    box-shadow .15s ease, border-color .15s ease, opacity .15s ease;
}

/* 눌림(press) — 누르는 순간 즉각 피드백. 홀드 중 유지 */
button:not(:disabled):active,
a.btn-filled:active, a.btn-outlined:active,
.db-pager:not(.db-pager--dim):not(.db-pager--active):active,
.tabulator .tabulator-page:not(.disabled):active,
[role="button"]:active {
  transform: scale(.97);
  filter: brightness(.93);
}

/* 드롭다운 메뉴(shared/_dropdown_menu) 항목은 press 축소 제외.
   풀폭 항목이 scale(.97) 되면 메뉴 가장자리에 여백이 생김("누를때 여백"). 특이도 0,3,1 로 위 규칙(0,2,1)을 이김. */
[data-dropdown-menu-target="menu"] button:not(:disabled):active,
[data-dropdown-menu-target="menu"] a:active {
  transform: none;
  filter: none;
}

/* 모션 최소화 선호 존중 */
@media (prefers-reduced-motion: reduce) {
  button, a.btn-filled, a.btn-outlined, .db-pager,
  .tabulator .tabulator-page, [role="button"] { transition: none; }
  button:active, a.btn-filled:active, a.btn-outlined:active,
  .db-pager:active, .tabulator .tabulator-page:active,
  [role="button"]:active { transform: none; filter: none; }
}

/* 내장 페이저 푸터 복구 (prospects·wonwoohoe 전용).
   properties_grid.css:427 `.tabulator .tabulator-footer { display:none !important }` 가
   전역으로 걸려(매물 그리드는 외부 .ext-pagination 페이저를 써서 내장 푸터를 숨김),
   내장 푸터를 쓰는 prospects/wonwoohoe 페이저까지 사라졌던 것(footer는 DOM에 존재하나 display:none).
   → 마커 클래스가 붙은 그리드만 내장 푸터를 되살린다(매물 그리드는 마커 없음 → 그대로 숨김 유지).
   선택자 특이도 0,3,0 > properties 0,2,0 라 소스 순서와 무관하게 이긴다. */
.grid-builtin-pager.tabulator .tabulator-footer,   /* wonwoohoe: 그리드 요소 자체가 .tabulator */
.grid-builtin-pager .tabulator .tabulator-footer { /* prospects: 래퍼 안에 .tabulator 타깃 */
  display: block !important;
}

/* Turbo 상단 진행바 — 검색·필터·이동 시작 즉시 보이게.
   application.js에서 setProgressBarDelay(0) → 네비 시작 즉시 노출.
   Turbo가 런타임에 주입하는 기본 스타일(.turbo-progress-bar)보다 뒤에 오므로
   `html` 접두로 우선순위를 높여 색·두께·글로우를 확실히 덮어쓴다. */
html .turbo-progress-bar {
  height: 3px;
  background: var(--md-sys-color-primary, #2563eb);
  box-shadow: 0 0 6px rgba(37, 99, 235, .55);
  opacity: 1;
}