/*
 * EventNext - Application Stylesheet
 * Uses Tailwind CSS via Propshaft (no preprocessing required)
 *
 * Tailwind utility classes are used directly in ERB templates.
 * This file is for custom properties and overrides only.
 */

/* Pretendard font family */
:root {
  --font-sans: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont,
    system-ui, sans-serif;
}

html {
  font-family: var(--font-sans);
  touch-action: manipulation;
}

/* Smooth transitions for sidebar drawer */
[data-sidebar-target="drawer"] {
  transition: transform 200ms ease;
}

/* Turbo progress bar color */
.turbo-progress-bar {
  height: 3px;
  background-color: #2563eb; /* blue-600 */
}

/* Ensure body doesn't show scrollbar when mobile sidebar is open */
body.sidebar-open {
  overflow: hidden;
}

/* Remove browser autofill blue/purple background */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #111827 !important;
  transition: background-color 5000s ease-in-out 0s;
}