/* ==================================================
   Hover สำหรับตัวอักษร/ลิงก์เนื้อหาทั่วไปในหน้า index1.html
   ธีมสีชมพู-แสด (sunset) — ทำให้ตัวอักษรมีชีวิตชีวาเมื่อชี้เมาส์
   ตั้งใจไม่ทับปุ่ม/เมนูนำทาง/แท็บ/การ์ด/แกลเลอรี/ฟุตเตอร์/แบนเนอร์
   ที่ออกแบบลูกเล่น hover ไว้เฉพาะของตัวเองอยู่แล้ว
   ================================================== */

:where(
  a:not(
    .navbar-default *, .dropdown-menu *, .navbar-toggle, .navbar-brand,
    .nav-tabs *, .bs-example-tabs .nav *,
    .card-co *, .cover-carousel *,
    .social-footer *, .ul-footer *, .footer-menu *, .footer-link,
    .bkps-banner *, .btn, .thumbnail, .search-form *
  )
) {
  transition: color .25s ease, text-shadow .3s ease, letter-spacing .25s ease;
}

:where(
  a:not(
    .navbar-default *, .dropdown-menu *, .navbar-toggle, .navbar-brand,
    .nav-tabs *, .bs-example-tabs .nav *,
    .card-co *, .cover-carousel *,
    .social-footer *, .ul-footer *, .footer-menu *, .footer-link,
    .bkps-banner *, .btn, .thumbnail, .search-form *
  )
):hover {
  color: #ff2f7e;
  text-shadow: 0 0 10px rgba(255, 47, 126, .35);
  letter-spacing: .3px;
}

/* ไล่สีชมพู-แสดสลับไปมาตอนชี้เมาส์ค้าง ให้ความรู้สึกมีชีวิตชีวา */
@media (prefers-reduced-motion: no-preference) {
  :where(
    a:not(
      .navbar-default *, .dropdown-menu *, .navbar-toggle, .navbar-brand,
      .nav-tabs *, .bs-example-tabs .nav *,
      .card-co *, .cover-carousel *,
      .social-footer *, .ul-footer *, .footer-menu *, .footer-link,
      .bkps-banner *, .btn, .thumbnail, .search-form *
    )
  ):hover {
    animation: bkpsHoverColorCycle 1.6s ease-in-out infinite;
  }
}

@keyframes bkpsHoverColorCycle {
  0%, 100% { color: #ff2f7e; text-shadow: 0 0 10px rgba(255, 47, 126, .4); }
  50%      { color: #ff7a30; text-shadow: 0 0 10px rgba(255, 122, 48, .4); }
}

/* แถวตาราง/เซลล์ที่มีลิงก์ถูกชี้เมาส์ ให้มีแถบไล่สีจางๆ ทาบตามไปด้วย */
td:has(> a:hover) {
  background: linear-gradient(90deg, rgba(255, 47, 126, .07), rgba(255, 122, 48, .07));
  transition: background .3s ease;
}