/* ─── Custom scrollbar ─── */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(100, 116, 139, 0.4);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.7);
}

/* ─── Smooth link transitions ─── */
a {
  transition: opacity 0.2s ease !important;
}
a:hover {
  opacity: 0.85;
}

/* ─── Service card hover glow ─── */
.services--item > div {
  transition: box-shadow 0.25s ease, transform 0.2s ease !important;
}
.services--item > div:hover {
  box-shadow: 0 0 18px rgba(99, 102, 241, 0.18) !important;
  transform: translateY(-2px) !important;
}

/* ─── Widget cards subtle border ─── */
#information-widgets > div {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 0.5rem;
}

/* ─── Section headers ─── */
#services h2 {
  letter-spacing: 0.08em;
  font-size: 0.75rem;
  text-transform: uppercase;
  opacity: 0.5;
}

/* ─── Status dot pulse when online ─── */
.w-2.h-2.rounded-full.bg-green-500 {
  box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5);
  animation: pulse-green 2.5s ease-in-out infinite;
}
@keyframes pulse-green {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.4); }
  50%       { box-shadow: 0 0 0 5px rgba(34, 197, 94, 0); }
}