@charset "UTF-8";
@import url(reset.css);
@import url(style.css);
@import url(border.css);
@import url(media.css);

body{
    background:var(--canvers);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* 모바일 터치 최적화 */
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

/* 모바일 터치 최적화 - 모든 클릭 가능한 요소 */
a, button, input[type="button"], input[type="submit"], select {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

/* 모바일에서 텍스트 선택 방지 (선택적) */
@media (max-width: 767px) {
    * {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    /* 입력 필드는 텍스트 선택 허용 */
    input, textarea, [contenteditable] {
        -webkit-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }
}

 

/* ionicons 라이브러리 기본 스타일 오버라이드 */
ion-icon {
    --ionicon-stroke-width: 32px;
}
 

/* ionicon SVG 크기 조절 - 구체적인 선택자로 우선순위 높임 */
ion-icon .icon-inner,
ion-icon .ionicon,
ion-icon svg.ionicon,
ion-icon svg.s-ion-icon,
svg.ionicon,
svg.s-ion-icon,
.ionicon,
.s-ion-icon {
    display: block !important;
    height: 70% !important;
    width: 70% !important;
    max-width: 70% !important;
    max-height: 70% !important;
    box-sizing: border-box !important;
}