/* Responsive Design - Main Import File */
/* 
 * 반응형 CSS 파일들을 화면 크기별로 분리하여 관리합니다.
 * 각 파일은 특정 화면 크기에 대한 스타일을 담고 있습니다.
 */

/* 768px 이하 - 태블릿 및 모바일 기본 */
@import url("./responsive/mobile-tablet.css");

/* 480px 이하 - 작은 모바일 화면 */
@import url("./responsive/mobile-small.css");

/* 320px 이하 - 매우 작은 모바일 화면 */
@import url("./responsive/mobile-tiny.css");

/* 280px 이하 - 극소형 모바일 화면 */
@import url("./responsive/mobile-micro.css");

/* 모바일 유틸리티 - 터치, 다크모드, 접근성 등 */
@import url("./responsive/mobile-utils.css");

/* Google Places 자동완성 모바일 최적화 */
@media (max-width: 768px) {
  /* Google Places 자동완성 드롭다운 스타일 개선 */
  .pac-container {
    z-index: 10000 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2) !important;
    border-radius: 8px !important;
    margin-top: 2px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
  }
  
  .pac-item {
    padding: 12px 16px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-size: 16px !important; /* iOS zoom 방지 */
    line-height: 1.4 !important;
  }
  
  .pac-item:hover,
  .pac-item-selected {
    background-color: #f8f9fa !important;
  }
  
  .pac-matched {
    font-weight: 600 !important;
    color: #007bff !important;
  }
  
  /* 검색 입력 필드 모바일 최적화 */
  .search-input {
    font-size: 16px !important; /* iOS zoom 방지 */
    padding: 12px 16px !important;
    border-radius: 8px !important;
    border: 2px solid #e9ecef !important;
    transition: border-color 0.2s ease !important;
  }
  
  .search-input:focus {
    border-color: #007bff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0,123,255,0.1) !important;
  }
}