/* Icon nét dùng chung (resources/views/partials/v2/icon.blade.php) — nạp ở mọi trang công khai. */

/* Mũi tên chéo 45° của nút/link "xem thêm": cao theo cỡ chữ, hơi đẩy lên góc khi rê chuột. */
.icon-arrow {
  display: inline-block; /* Tailwind preflight đặt svg là block → mũi tên rớt dòng */
  flex: none;
  width: 1em;
  height: 1em;
  vertical-align: -.125em;
  transition: transform .18s cubic-bezier(.2, .7, .3, 1);
}

a:hover .icon-arrow,
a:focus-visible .icon-arrow {
  transform: translate(.14em, -.14em);
}

/* Trước đây mũi tên là <span> được tô xanh — giữ nguyên màu đó. */
.category-title > .icon-arrow,
.related-category a .icon-arrow {
  color: var(--blue, #1c69d4);
}

@media (prefers-reduced-motion: reduce) {
  .icon-arrow { transition: none; }
  a:hover .icon-arrow,
  a:focus-visible .icon-arrow { transform: none; }
}