/*
 * 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;
}

/* iOS Safe Area Insets (notch / home indicator)
 * viewport-fit=cover must be set in meta viewport for these to work.
 * .safe-area-bottom adds bottom padding equal to the home indicator height.
 * .safe-area-x adds left/right padding for edge-to-edge screens.
 */
.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

.safe-area-x {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* Combine with existing padding using max() so layout
 * is never smaller than the base spacing on non-notch devices */
.safe-area-bottom-4 {
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.safe-area-bottom-6 {
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom));
}

/* 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;
}