/* 1. 프리텐다드 폰트 파일 외부에서 불러오기 (반드시 CSS 맨 윗줄에 있어야 함) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* 2. 사이트 전체의 모든 글자를 프리텐다드로 강제 변경 */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, .title, .subtitle {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
}


/*
Theme Name: Crafto Child
Theme URI: https://crafto.themezaa.com/
Author: ThemeZaa
Author URI: https://www.themezaa.com/
Description: Child theme for Crafto theme
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.0
License: Themeforest Split Licence
License URI: https://themeforest.net/licenses/
Text Domain: crafto-child
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
Template: crafto
*/

*, p, li, dt, dd, dl, address, label, small, pre, code, span
	{ font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; word-break: keep-all; /* 단어기준 줄바꿈 */ text-transform: none; }

body 	{ font-weight: 400; letter-spacing: 0em; line-height: 1.75em; }
p { line-height: 1.5em; }



/* 드래그 컬러 변경 */
::selection 		{background:#F91923; color:#FFF; text-shadow:none;}
::-moz-selection 	{background:#F91923; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#F91923; color:#FFF; text-shadow:none;}





















/* 1. 기본 메뉴 스타일 */
#menu-main-menu .nav-item .nav-link			 				{ color: #050505 !important; font-size: 27px !important; font-weight: 700 !important; text-decoration: none !important; }
/* 2. 마우스 오버 (Hover) 상태 */
#menu-main-menu .nav-item:hover .nav-link	 				{ text-decoration: underline !important; text-underline-offset: 8px !important; text-decoration-thickness: 4px !important; }
/* 3. 현재 접속 중인 페이지 (Active/Current) 상태 */
#menu-main-menu .nav-item.current-menu-item > .nav-link,
#menu-main-menu .nav-item.current-menu-ancestor > .nav-link { color: #aaaaaa !important; text-decoration: underline !important; text-underline-offset: 8px !important; text-decoration-thickness: 4px !important; 
}












/* 메뉴 아이템의 모든 애니메이션 효과를 로딩 시점에 차단 */
header .navbar-nav li a, header .navbar-nav li a:before, header .navbar-nav li a:after { transition: none !important; /* 애니메이션 시간 0으로 고정 */ animation: none !important; }
/* 활성화된 메뉴(Active) 상태도 즉시 블랙으로 고정 */
header .navbar-nav li.current-menu-item > a, header .navbar-nav li.current-menu-ancestor > a { transition: none !important; }













#page_title_wrap h1	{ padding: 0px !important; margin:0px !important; }
#page_title		{ font-size: clamp(20px, 1.5vw, 24px) !important; font-weight: 600 !important; }
#page_slogan_wrap {  }
#page_slogan span, h2 	{ font-size: clamp(50px, 3.5vw, 70px) !important; font-weight: 700 !important; line-height: 1.25em !important; }













/* 프로젝트 */

/* 1. 캡션 박스 왼쪽 정렬 & 중앙 정렬(Flex) 족쇄 박살 */
body .elementor-widget-crafto-portfolio .portfolio-simple .portfolio-box .portfolio-caption {
    text-align: left !important;
    display: block !important; /* 강제 중앙 정렬 해제 */
    padding-left: 0 !important;
    padding-top: 15px !important; /* 이미지와 글자 사이 간격 (필요시 조절) */
    position: relative !important;
    height: auto !important;
}

/* 2. 제목 텍스트 강제 왼쪽 정렬 및 단어 단위 자연스러운 줄바꿈 */
body .elementor-widget-crafto-portfolio .portfolio-simple .portfolio-box .portfolio-caption .title,
body .elementor-widget-crafto-portfolio .portfolio-simple .portfolio-box .portfolio-caption .title a {
    font-size: clamp(26px, 1.5vw, 30px) !important; font-weight: 600 !important; text-align: left !important; display: block !important; white-space: normal !important; line-height: 1.4 !important;
    
    /* 👇 추가된 핵심 코드: 단어 중간에 끊어지는 것 방지 */
    word-break: keep-all !important; 
    overflow-wrap: break-word !important; /* (알파벳이나 숫자가 비정상적으로 길 때만 끊어지게 방어) */
	/* 👇 추가된 핵심 코드: 폰트 크기 꿀렁임 애니메이션은 죽이고, 마우스 올릴 때 색상 변하는 것만 살림 */
    transition: color 0.3s ease !important;
}





/*
@media screen and (max-width: 1399px) {
    body .elementor-widget-crafto-portfolio .portfolio-simple .portfolio-box .portfolio-caption .title,
    body .elementor-widget-crafto-portfolio .portfolio-simple .portfolio-box .portfolio-caption .title a {
        font-size: clamp(24px, 1.5vw, 30px) !important;
    }
}
*/








/* 1200px부터 1600px 사이에서만 4개(25%) 유지, 그 밑으로는 테마 기본 반응형 정상 작동 */
@media screen and (min-width: 1400px) and (max-width: 1800px) {
    body .elementor-widget-crafto-portfolio ul.portfolio-simple .grid-sizer,
    body .elementor-widget-crafto-portfolio ul.portfolio-simple .portfolio-item {
        width: 25% !important;
        max-width: 25% !important;
        flex: 0 0 25% !important;
    }
}