/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/*
Theme Name: Houzez Child
Template: houzez
Description: Houzez 테마의 자식 테마
Version: 1.0
*/

@import url("../houzez/style.css");

/* ========================================
   차트 커스텀 스타일
======================================== */

#sejong-chart-container {
    width: 100%;
    margin: 20px 0;
    padding: 0;
}

.sejong-chart-stack-wrapper {
    background: white !important;
    padding: 20px !important;
    border-radius: 15px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.08) !important;
}

.sejong-chart-stack-wrapper > div:first-child {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    color: #666;
    border-left: 3px solid #FF7043;
    margin-bottom: 15px;
}

/* 차트 캔버스 높이 조정 */
.sejong-chart-stack-wrapper canvas {
    max-height: 180px !important;
}

/* 지도 옆 배치 */
@media (min-width: 768px) {
    #sejong-chart-container {
        width: 48%;
        display: inline-block;
        vertical-align: top;
        margin-right: 2%;
    }
    
    .map-container {
        width: 48%;
        display: inline-block;
        vertical-align: top;
    }
}

/* 모바일 반응형 */
@media (max-width: 767px) {
    #sejong-chart-container {
        width: 100%;
        margin-top: 20px;
        margin-right: 0;
    }
}

/* 차트 그림자 효과 */
.canvas-sales-vol,
.canvas-price-trend,
.canvas-rental-vol {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

/* 호버 효과 */
.sejong-chart-stack-wrapper:hover {
    box-shadow: 0 6px 12px rgba(0,0,0,0.12) !important;
    transition: box-shadow 0.3s ease !important;
}