/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/* Turbo Progress Bar in UX Emerald Green (#0F5C46) */
.turbo-progress-bar {
  height: 3px !important;
  background: linear-gradient(to right, #0F5C46, #10B981) !important;
  box-shadow: 0 0 10px rgba(16, 185, 129, 0.6), 0 0 4px rgba(15, 92, 70, 0.8) !important;
  z-index: 99999 !important;
}

/* Hide scrollbars cross-browser while maintaining full scroll functionality */
.no-scrollbar::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.no-scrollbar {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

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

/* Disable double-tap and pinch zoom gestures */
html, body {
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
}

button, a, input, select, textarea {
  touch-action: manipulation;
}