@import "tailwindcss";

/* Blur background when a dialog is open */
dialog::backdrop {
  backdrop-filter: blur(8px);
}

/* Prevent iOS Safari auto-zoom on input focus (requires font-size >= 16px) */
@media screen and (max-width: 767px) {
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* Hide scrollbars on zoom wrappers while keeping scroll functional */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}