/**
 * HC Login Pro - 메인 스타일시트
 * 
 * 이 파일은 모든 분리된 CSS 파일들을 import합니다.
 * 
 * File: hc-login-pro.css
 * Location: /wp-content/plugins/hc-login-pro/assets/css/
 * 
 * 분리된 파일들:
 * - utilities/variables.css: CSS 변수 및 기본 설정
 * - utilities/utilities.css: 유틸리티 클래스
 * - utilities/accessibility.css: 접근성 및 인쇄 스타일

 * - layouts/base.css: 기본 레이아웃 스타일
 * - layouts/responsive.css: 반응형 디자인
 * - components/forms.css: 폼 요소 스타일
 * - components/buttons.css: 버튼 스타일
 * - components/notices.css: 알림 메시지 스타일
 * - components/profile.css: 프로필 섹션 스타일
 * - components/jseeds.css: Jseeds 관련 스타일
 * - components/messages.css: 메시지 관련 스타일
 * - components/modals.css: 모달 스타일
 * - components/church-search.css: 교회 검색 관련 스타일
 */

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

/* Jseeds 관련 스타일 */
@import url('./components/jseeds.css');

/* 메시지 관련 스타일 */
@import url('./components/messages.css');

/* 모달 스타일 */
@import url('./components/modals.css');

/* 교회 검색 관련 스타일 */
@import url('./components/church-search.css');

/* Remix Icon 활용 예시 */
@import url('./components/icon-examples.css');

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

/* 유틸리티 클래스 */
@import url('./utilities/utilities.css');

/* 접근성 및 인쇄 스타일 */
@import url('./utilities/accessibility.css');

/* 폼 폭 직접 설정 (우선순위 높음) */
.hc-form-wrapper {
    max-width: 410px !important;
}

.hc-form-container {
    max-width: 410px !important;
}

/* 회원가입 폼은 더 넓게 */
.hc-register-form-wrapper {
    max-width: 500px !important;
}

/* 모바일에서 100% 가로폭 */
@media (max-width: 767px) {
    .hc-form-wrapper,
    .hc-register-form-wrapper {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
    }
}

/* 데스크탑에서 더 큰 폼 폭 */
@media (min-width: 768px) {
    .hc-register-form-wrapper {
        max-width: 600px !important;
    }
}

@media (min-width: 1024px) {
    .hc-form-wrapper {
        max-width: 650px !important;
    }
    
    .hc-form-container {
        max-width: 650px !important;
    }
    
    .hc-register-form-wrapper {
        max-width: 800px !important;
    }
}

@media (min-width: 1200px) {
    .hc-form-wrapper {
        max-width: 700px !important;
    }
    
    .hc-form-container {
        max-width: 700px !important;
    }
    
    .hc-register-form-wrapper {
        max-width: 900px !important;
    }
    
    /* 회원가입 폼 2열 레이아웃 */
    .hc-register-form-wrapper .hc-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        align-items: start;
    }
    
    /* 전체 폭을 사용하는 요소들 */
    .hc-register-form-wrapper .hc-checkbox-group,
    .hc-register-form-wrapper .hc-form-group:has(#selected_church),
    .hc-register-form-wrapper .hc-btn,
    .hc-register-form-wrapper .hc-form-links {
        grid-column: 1 / -1;
    }
    
    /* 교회 검색 필드가 있는 경우 */
    .hc-register-form-wrapper .hc-form-group:has(.hc-church-search-field) {
        grid-column: 1 / -1;
    }
}