/* 1. 同時導入 Montserrat (英文) 與 思源宋體 (中文) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Noto+Serif+TC:wght@400;700&display=swap');

/* 2. 全站設定：英文會優先抓 Montserrat，中文字則會抓 Noto Serif TC */
* {
    font-family: 'Montserrat', 'Noto Serif TC', serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}

/* 3. 強化標題與按鈕的幾何感 (Mondrian 風格) */
h1, h2, h3, .logo-text, .book-button {
    font-weight: 700 !important;
    letter-spacing: 1px; /* 增加一點字距，讓英文更有呼吸感 */
    text-transform: uppercase; /* 如果你想讓標題英文自動變成大寫，可以保留這行，不想要就刪掉 */
}

/* 4. 內文保持易讀性 */
body, p, span, a {
    font-weight: 400 !important;
}

@media (max-width: 768px) {
    /* 假設你的標題是 h1 或 .logo-text */
    h1, .logo-text, .company-name {
        display: block !important;
        max-width: 250px; /* 限制寬度，強制讓中文字擠到下一排 */
        margin-left: auto !important;
        margin-right: auto !important;
        line-height: 1.5 !important; /* 增加行距，讓兩行文字不會貼在一起 */
        word-wrap: break-word;
    }
}


/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}