.elementor-2612 .elementor-element.elementor-element-5d03631{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-2612 .elementor-element.elementor-element-5d03631:not(.elementor-motion-effects-element-type-background), .elementor-2612 .elementor-element.elementor-element-5d03631 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1bb4924 );background-image:url("https://mestudio.me/wp-content/uploads/2026/05/Banner-2-1-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2612 .elementor-element.elementor-element-5d03631::before, .elementor-2612 .elementor-element.elementor-element-5d03631 > .elementor-background-video-container::before, .elementor-2612 .elementor-element.elementor-element-5d03631 > .e-con-inner > .elementor-background-video-container::before, .elementor-2612 .elementor-element.elementor-element-5d03631 > .elementor-background-slideshow::before, .elementor-2612 .elementor-element.elementor-element-5d03631 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2612 .elementor-element.elementor-element-5d03631 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000FA;--background-overlay:'';}.elementor-2612 .elementor-element.elementor-element-7acb643{color:var( --e-global-color-e9a173a );}.elementor-2612 .elementor-element.elementor-element-48d5b74{--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;}.elementor-2612 .elementor-element.elementor-element-1a73d33{--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;}.elementor-2612 .elementor-element.elementor-element-22ce42f{--grid-columns:3;--grid-row-gap:50px;--load-more-button-align:center;--grid-column-gap:50px;}.elementor-2612 .elementor-element.elementor-element-f6def5b{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2612 .elementor-element.elementor-element-2ace145{text-align:center;}.elementor-2612 .elementor-element.elementor-element-2ace145 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:42px;font-weight:700;text-transform:capitalize;font-style:normal;line-height:1.2em;letter-spacing:1px;color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2612 .elementor-element.elementor-element-5d03631{--min-height:35vh;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-2612 .elementor-element.elementor-element-22ce42f{--grid-columns:2;}}@media(max-width:767px){.elementor-2612 .elementor-element.elementor-element-5d03631{--min-height:30vh;--gap:015px 0px;--row-gap:015px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2612 .elementor-element.elementor-element-5d03631.e-con{--align-self:center;}.elementor-2612 .elementor-element.elementor-element-7aa2914{text-align:center;}.elementor-2612 .elementor-element.elementor-element-7aa2914 .elementor-heading-title{font-size:28px;}.elementor-2612 .elementor-element.elementor-element-22ce42f{--grid-columns:1;}.elementor-2612 .elementor-element.elementor-element-2ace145 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for shortcode, class: .elementor-element-9dc4997 */.elementor-2612 .elementor-element.elementor-element-9dc4997 .simcal-nav-button {
    color: #ffffff !important; /* 預設改為白色，讓按鈕在深色背景顯現 */
    opacity: 0.8; 
    transition: all 0.3s ease;
}

/* 滑鼠懸停時的顏色 */
.elementor-2612 .elementor-element.elementor-element-9dc4997 .simcal-nav-button:hover {
    color: #cddc39 !important; /* 這裡可以替換成 ME Studio 網站的品牌螢光色碼 */
    opacity: 1;
}

.simcal-event-bubble {
    background-color: #1a1a1a !important; 
    border: 1px solid #333333 !important; 
    border-radius: 8px !important;
}

/* 2. 將氣泡框內的文字改為白色 */
.simcal-event-bubble .simcal-event-details p,
.simcal-event-bubble .simcal-event-details div {
    color: #ffffff !important;
    font-size: clamp(0.875rem, 1.5vw, 1.125rem) !important;
    line-height: 1.5 !important;
}

/* 3. 將連結改為品牌螢光黃綠色 */
.simcal-event-bubble a {
    font-size: clamp(0.8rem, 1.2vw, 1rem) !important;
    display: inline-block;
    margin-top: 5px;
    color: #cddc39 !important; 
    text-decoration: none !important;
}
.simcal-event-bubble a:hover {
    text-decoration: underline !important;
}

/* 放大格子內的活動文字，並套用流暢響應式縮放 */
.simcal-calendar-grid .simcal-events,
.simcal-calendar-grid .simcal-event-title,
.simcal-calendar-grid .simcal-event-details {
    /* clamp(最小值, 首選隨螢幕縮放值, 最大值) */
    font-size: clamp(0.85rem, 1.2vw, 1.1rem) !important;
    line-height: 1.4 !important;
    white-space: normal !important; /* 確保文字太長時會自動換行 */
}

/* --- 手機版專屬設定：強制顯示活動文字 (優化版：防止重複顯示) --- */
@media (max-width: 768px) {
    /* 1. 隱藏預設的黑點指示器 */
    .simcal-calendar-grid .simcal-events-dots {
        display: none !important;
    }

    /* 2. 強制顯示活動文字外框 */
    .simcal-calendar-grid .simcal-events {
        display: block !important;
    }

    .simcal-calendar-grid .simcal-events .simcal-event-details p:nth-of-type(2) {
        display: none !important;
    }

    /* === 終極解法：只顯示同一個格子內的第一個活動區塊，完美防止重複渲染 === */
    .simcal-calendar-grid .simcal-events .simcal-event {
        display: none !important; /* 預設全部隱藏所有活動區塊 */
    }
    
    .simcal-calendar-grid .simcal-events .simcal-event:first-of-type {
        display: block !important; /* 只把格子裡的第一個活動區塊叫出來顯示 */
    }
    /* ========================================================== */

    /* 3. 調整手機版格子內的文字流暢縮放與換行 */
    .simcal-calendar-grid .simcal-event-title,
    .simcal-calendar-grid .simcal-event-details {
        /* 將原來的 display: block !important 移除，改用樣式調整 */
        font-size: clamp(0.5rem, 2.5vw, 0.75rem) !important; 
        line-height: 1.2 !important;
        padding: 2px !important;
        white-space: normal !important; /* 強制自動換行 */
        overflow-wrap: break-word !important; /* 避免長單字撐破格子 */
    }
}/* End custom CSS */