/*
 * Đồng bộ hiệu ứng hover cho các nút / link trước đây chưa có.
 * Nạp tự động ở mọi trang công khai qua includes/seo-runtime.php (sau CSS của trang).
 * Chỉ bổ sung cho phần tử thiếu hover — không ghi đè hiệu ứng sẵn có.
 */

/* Logo */
a.brand { transition: opacity .2s ease; }
a.brand:hover { opacity: .8; }

/* Nút viền xanh nhỏ: "Xem chi tiết", "Xem tất cả bài viết", "Xem tất cả tin tức" */
.industry-content a.text-link,
.archive-all-link,
.article-back a {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.industry-content a.text-link:hover,
.archive-all-link:hover,
.article-back a:hover {
  color: #fff;
  background-color: var(--blue, #005bff);
  border-color: var(--blue, #005bff);
  box-shadow: 0 10px 24px rgba(0, 91, 255, .22);
  transform: translateY(-1px);
}
/* "Xem chi tiết" ở Ứng dụng theo ngành là link phủ cả thẻ (::after inset:0). Nếu link bị
   transform khi hover, nó thành khối chứa của ::after → lớp phủ co về nút → mất hover →
   bỏ transform → phủ lại → hover… vòng lặp làm nút nhấp nháy liên tục trên desktop.
   Không dịch chuyển link này; vẫn giữ đổi màu + đổ bóng khi hover. */
.industry-content a.text-link,
.industry-content a.text-link:hover { transform: none; }

/* Nút chia sẻ (LinkedIn/Facebook/Zalo) + "Sao chép link" */
.dd-share a,
.product-share a,
.dd-share button {
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease, color .2s ease, border-color .2s ease;
}
.dd-share a:hover,
.product-share a:hover {
  filter: brightness(.9);
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(3, 31, 91, .18);
}
.dd-share button:hover {
  color: var(--blue, #005bff);
  border-color: var(--blue, #005bff);
  transform: translateY(-1px);
}

/* Bộ lọc sản phẩm */
.filter-reset { transition: color .2s ease; }
.filter-reset:hover { color: var(--blue-dark, #0046cc); text-decoration: underline; text-underline-offset: 3px; }
label.check { transition: color .2s ease; cursor: pointer; }
label.check:hover { color: var(--blue, #005bff); }
select.tool-select,
select.sort { transition: border-color .2s ease, box-shadow .2s ease; cursor: pointer; }
select.tool-select:hover,
select.sort:hover { border-color: rgba(0, 91, 255, .55); box-shadow: 0 0 0 3px rgba(0, 91, 255, .08); }
.filter-chip { transition: background-color .2s ease, color .2s ease; cursor: pointer; }
.filter-chip:hover { color: #fff; background: var(--blue, #005bff); }

/* Thẻ ảnh: chứng nhận, sản phẩm liên quan */
.recognition-card-media img,
.related-media img { transition: transform .45s cubic-bezier(.16, 1, .3, 1); }
.recognition-card-media:hover img,
.related-media:hover img { transform: scale(1.04); }
.recognition-pdf-badge { transition: background-color .2s ease, color .2s ease; }
.recognition-card-media:hover .recognition-pdf-badge { background: var(--blue, #005bff); color: #fff; }

/* Link trong nội dung bài viết */
a.decorated-link { transition: color .2s ease; }
a.decorated-link:hover { color: var(--blue, #005bff); text-decoration: underline; text-underline-offset: 3px; }

/* Chân trang (nền tối) */
.footer-service,
.footer-contact-line,
.footer-bottom-links a,
.footer-socials a,
.back-top { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease; }
.footer-service:hover { color: #fff; }
.footer-service h3 { transition: color .2s ease; }
.footer-service:hover h3 { color: var(--cyan, #65d6ff); }
.footer-service-icon { transition: transform .25s ease; }
.footer-service:hover .footer-service-icon { transform: translateY(-2px); }
.footer-contact-line:hover,
.footer-bottom-links a:hover { color: #fff; }
.footer-socials a:hover { color: #fff; background: rgba(255, 255, 255, .1); border-color: var(--cyan, #65d6ff); transform: translateY(-2px); }
.back-top:hover { color: #fff; border-color: rgba(255, 255, 255, .55); }
.footer-newsletter-form button { transition: background-color .2s ease; }
.footer-newsletter-form button:hover { background: var(--blue-dark, #0046cc); }

/* Menu trên điện thoại / máy tính bảng */
.drawer-nav a { transition: color .2s ease, background-color .2s ease; }
.drawer-nav a:hover { color: var(--blue, #005bff); }
.drawer-close { transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.drawer-close:hover { color: var(--blue, #005bff); transform: rotate(90deg); }

/* Nút chuyển ảnh sản phẩm khi bị vô hiệu (chỉ 1 ảnh) giữ nguyên — không hover */

@media (prefers-reduced-motion: reduce) {
  .industry-content a.text-link:hover, .archive-all-link:hover, .article-back a:hover,
  .dd-share a:hover, .product-share a:hover, .dd-share button:hover,
  .recognition-card-media:hover img, .related-media:hover img,
  .footer-socials a:hover, .footer-service:hover .footer-service-icon, .drawer-close:hover { transform: none; }
}