/*
 * Project CSS for dino-iptv.
 * Shared classes for website sections.
 */

/* Global Dino hover polish */
@media (prefers-reduced-motion: no-preference) {
  body a,
  body button,
  body [role="button"],
  body .card,
  body article,
  body img,
  body input,
  body select,
  body textarea {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease, filter .22s ease;
  }
}

body a:hover,
body button:hover,
body [role="button"]:hover {
  transform: translateY(-2px);
}

body article:hover,
body .card:hover,
body [class*="card"]:hover,
body [class*="Card"]:hover,
body [class*="rounded"]:has(img):hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
}

body article:hover img,
body .card:hover img,
body [class*="card"]:hover img,
body [class*="Card"]:hover img,
body a:hover img {
  transform: scale(1.045);
  filter: brightness(1.08) saturate(1.08);
}

body nav a:hover,
body header a:hover,
body footer a:hover {
  color: #8b5cf6;
}

body input:hover,
body select:hover,
body textarea:hover,
body input:focus,
body select:focus,
body textarea:focus {
  border-color: rgba(139, 92, 246, .75);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .16);
  outline: none;
}

body button:hover,
body .btn:hover,
body [class*="btn"]:hover,
body [class*="Button"]:hover,
body a[class*="bg-"]:hover {
  box-shadow: 0 14px 34px rgba(99, 102, 241, .28);
  filter: brightness(1.06);
}

body [class*="border"]:hover {
  border-color: rgba(139, 92, 246, .45);
}