.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3993 .elementor-element.elementor-element-b06f3ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-3993 .elementor-element.elementor-element-b06f3ff{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-b06f3ff *//* =========================================
   야간 모드 (Dark Mode) - 시뮬레이터 전용 스타일
   ========================================= */

/* 1. 최상위 배경 및 외곽선 */
html.dark body {
    background-color: #111111 !important; 
}

html.dark .ms-hero {
    background-color: #1A1A1A !important; 
    border: 1px solid #333333 !important; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important; 
    border-radius: 12px; 
}

/* 2. 내부 박스(Card) 배경색 변경 (기존 bg-white, bg-gray-50) */
html.dark .ms-hero .bg-white { 
    background-color: #1A1A1A !important; 
}
html.dark .ms-hero .bg-gray-50 { 
    background-color: #242424 !important; 
}
html.dark .ms-hero .bg-gray-100 { 
    background-color: #2A2A2A !important; 
}

/* 3. 텍스트 색상 밝게 변경 */
/* 짙은 회색/검정색 글씨 -> 밝은 회색/흰색으로 */
html.dark .ms-hero .text-gray-900,
html.dark .ms-hero .text-gray-800,
html.dark .ms-hero .text-gray-700 { 
    color: #EFEFEF !important; 
}
html.dark .ms-hero .text-gray-600,
html.dark .ms-hero .text-gray-500 { 
    color: #A0A0A0 !important; 
}

/* 4. 테두리(Border) 색상 어둡게 변경 */
html.dark .ms-hero .border-gray-100,
html.dark .ms-hero .border-gray-200,
html.dark .ms-hero .border-gray-300 { 
    border-color: #333333 !important; 
}

/* 5. 입력창(Input) 및 셀렉트 박스 어둡게 조화 */
html.dark .ms-hero input,
html.dark .ms-hero select {
    background-color: #222222 !important;
    color: #FFFFFF !important;
    border-color: #444444 !important;
}

/* 6. 테이블 및 상호작용 요소 */
html.dark .ms-hero .hover\:bg-gray-50:hover { 
    background-color: #2A2A2A !important; 
}

/* 7. 포트폴리오 설명 박스 (파란색 배경) 야간 모드화 */
html.dark .ms-hero .bg-blue-50 { 
    background-color: #1e3a5f !important; 
    border-color: #2c5282 !important;
    color: #93c5fd !important; 
}

/* Elementor 내부 불필요한 배경색 제거 (기존 코드 유지) */
html.dark .ms-hero .elementor-widget-container {
    background-color: transparent !important;
}/* End custom CSS */