:root {
  --glass-blur: 12px;
  --glass-opacity: 0.6;
  --footer-accent: #76baff; /* สีม่วง Sneat */
}
/* Custom stepper connector styles moved from inline view */
.bs-stepper .line,
.bs-stepper .line i {
  background: transparent !important;
  box-shadow: none !important;
}
.bs-stepper .line {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--bs-body-color) !important;
  min-width: 1.5rem !important;
  justify-content: center !important;
}
.bs-stepper .line i,
.bs-stepper .step-arrow {
  color: var(--bs-body-color, #495057) !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

.footer-glassy {
  background: rgba(255, 255, 255, var(--glass-opacity));

  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%); /* เอฟเฟกต์เบลอหลังกระจก */
  backdrop-filter: blur(var(--glass-blur)) saturate(180%);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 15px 15px 0 0; /* มนมุมบนให้ดูทันสมัย */
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.05); /* เงาฟุ้งๆ ด้านบน */
  transition: all 0.3s ease;
}

/* เอฟเฟกต์ Glow เวลา Hover ที่ Link */
.footer-link-glow {
  position: relative;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-link-glow:hover {
  color: var(--footer-accent) !important; /* สี Primary ของ Sneat */
  text-shadow: 0 0 8px rgba(105, 225, 255, 0.5);
}

/* Animation หัวใจเต้น */
.heart-beat {
  display: inline-block;
  color: #ff3e1d;
  animation: beat 1.2s infinite;
}

@keyframes beat {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}