/**
 * HC Login Pro - 메인 스타일시트 (Joyn 통합)
 * 
 * File: hc-login-pro.css
 * Version: 3.2.0
 * 
 * joyn-common 플러그인과 호환되는 디자인 시스템
 */

/* ========================================
   CSS 변수 및 기본 설정
   ======================================== */
@import url('./utilities/variables.css');

/* ========================================
   레이아웃
   ======================================== */
@import url('./layouts/base.css');

/* ========================================
   컴포넌트
   ======================================== */
@import url('./components/forms.css');
@import url('./components/buttons.css');
@import url('./components/notices.css');
@import url('./components/profile.css');
@import url('./components/modals.css');

/* ========================================
   유틸리티
   ======================================== */
@import url('./utilities/utilities.css');
@import url('./utilities/accessibility.css');

/* ========================================
   반응형
   ======================================== */
@import url('./layouts/responsive.css');

/* ========================================
   Pretendard 폰트 로드 (joyn-common 없을 때)
   ======================================== */
/* 
   개별 woff2 파일 경로가 404 오류를 발생시키므로,
   CSS 파일을 통해 로드하거나 joyn-common 플러그인을 사용하는 것을 권장합니다.
   CSS 파일은 hc-login-pro.php에서 이미 로드되고 있습니다.
   
   만약 개별 파일이 필요하다면, 다음 경로를 사용하세요:
   https://cdn.jsdelivr.net/gh/orioncactus/pretendard@1.3.9/dist/web/static/pretendard-dynamic-subset.css
*/

/* ========================================
   기본 스타일 리셋
   ======================================== */
.hc-form-wrapper,
.hc-profile-wrapper {
    font-family: var(--hc-font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* ========================================
   iOS 줌 방지
   ======================================== */
@media screen and (max-width: 640px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    textarea,
    select {
        font-size: 16px !important;
    }
}