/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* 깔끔한 스크롤바 스타일 - 컨텐츠 위에 떠 있는 오버레이 스타일 */
html {
  scrollbar-width: none; /* Firefox: 기본 스크롤바 숨김 */
  overflow-y: scroll;
}

/* WebKit 브라우저 - 기본 스크롤바 숨김 */
::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

/* 커스텀 오버레이 스크롤바는 JavaScript로 구현 */

/* 스크롤바 숨김 유틸리티 */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* number input 스피너(화살표) 숨김 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}