/* Kick DS — Display 폰트(Hanken Grotesk). 본문/한글은 Pretendard 유지 */
@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,400;0,500;0,600;0,700;0,800;1,600&display=swap");

/*
 * 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: pan-x pan-y;
}

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

/* Turbo progress bar color */
.turbo-progress-bar {
  height: 3px;
  background-color: #1e70f7; /* Kick DS electric blue */
}

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

/* iOS auto-zoom prevention: input font-size must be >= 16px */
@media screen and (max-width: 767px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* Flatpickr: disable adjacent-month date clicks (no built-in option exists) */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  pointer-events: none;
}

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

/* ============================================================
 * Kick DS — 헤드라인 디스플레이 폰트
 * h1~h4 + .font-display → Hanken Grotesk (지오메트릭, 굵게).
 * 한글은 라틴 전용 Hanken에 글리프가 없어 자동으로 Pretendard fallback.
 * locale이 ko일 때(html[lang=ko])는 헤드라인 전체를 Pretendard로 강제해
 * 한·영 혼용 시 글꼴 불일치를 방지한다.
 * ============================================================ */
h1, h2, h3, h4, .font-display {
  font-family: 'Hanken Grotesk', var(--font-sans);
  letter-spacing: -0.02em;
}

html[lang="ko"] h1,
html[lang="ko"] h2,
html[lang="ko"] h3,
html[lang="ko"] h4 {
  font-family: var(--font-sans);
  letter-spacing: -0.01em;
}