/* ═══════════════════════════════════════════════
   macOS-style file type icons — drop shadow & hover
   ═══════════════════════════════════════════════ */

.file-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
}

.file-icon-wrap svg {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.12));
  transition: filter 0.2s ease;
}

/* Hover — only shadow deepens, no transform (avoids jitter) */
.downloadable:hover .file-icon-wrap svg {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.22));
}

/* Dark theme — stronger base shadow */
[data-theme="dark"] .file-icon-wrap svg {
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.5));
}
[data-theme="dark"] .downloadable:hover .file-icon-wrap svg {
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.65));
}