/* PATCH: /foodsystem/assets/css/register.css */

/* ใช้ ::before ทำเบลอ background แบบไม่กระทบเนื้อหาฟอร์ม */
body {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

body::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../images/wallpaper/regis-wall.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(0.8px); /* ✅ เบลอประมาณ 40% */
  transform: scale(1.05); /* ป้องกันขอบเบลอหลุด */
  z-index: -1;
}

.backdrop-blur {
  backdrop-filter: blur(0px);
  background-color: rgba(255, 255, 255, 0.9);
}

/* Focus + Valid/Invalid Input Styling */
#registerForm input:focus,
#registerForm select:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.4); /* green-500 */
}

#registerForm input[aria-invalid="true"] {
  border-color: #dc2626; /* red-600 */
}

#registerForm input[aria-invalid="false"] {
  border-color: #16a34a; /* green-600 */
}