.elementor-5088 .elementor-element.elementor-element-3305ba8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5088 .elementor-element.elementor-element-3305ba8 > .elementor-widget-container{padding:0px 0px 0px 0px;}#elementor-popup-modal-5088{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-5088 .dialog-message{width:500px;height:95vh;align-items:flex-start;}#elementor-popup-modal-5088 .dialog-close-button{display:flex;}#elementor-popup-modal-5088 .dialog-widget-content{border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){#elementor-popup-modal-5088 .dialog-message{width:90vw;height:85vh;}}/* Start custom CSS for html, class: .elementor-element-3305ba8 *//* --- 0. 核心修正：確保 Elementor 不破壞表格 --- */
.elementor-widget-html .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important; 
}

/* --- 1. 頂部容器和標題樣式 --- */
.popup-content-wrapper {
    max-width: 100% !important; 
    width: 100% !important;
    margin: 0 auto !important;
    padding: 10px !important;
}
.popup-title-h2 {
    text-align: center !important;
    font-size: 2.5rem !important; /* 優化：略增至 40px，更易讀給中老年 */
    font-weight: 700 !important;
    color: #1f2937 !important; 
    margin-bottom: 0.5rem !important;
}
.popup-description {
    text-align: center !important;
    font-size: 1.25rem !important; /* 優化：增至 20px，提升可讀性 */
    color: #4b5563 !important;
    margin-bottom: 20px !important; 
    line-height: 1.5 !important; /* 優化：增加行高，舒適閱讀 */
}

/* --- 2. 傳統表格樣式 & 佈局調整 --- */

.table-container {
    width: 100% !important; 
    overflow-x: visible !important; /* 移除隱藏溢出，允許自然適配 */
}

.classic-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 1.25rem !important; /* 優化：增至 20px，接近最大舒適上限 */
    line-height: 1.5 !important; /* 優化：增加行高，改善中文閱讀流暢度 */
    table-layout: auto !important; /* 允許自動調整欄寬 */
}

.classic-table th, .classic-table td {
    padding: 12px 16px !important; /* 優化：略增 padding，提供更多呼吸空間 */
    border: 1px solid #e5e7eb !important; 
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important; 
}

/* 標題列樣式 */
.classic-table th {
    background-color: #f8f8f8 !important; 
    color: #1f2937 !important;
    font-weight: bold !important;
    font-size: 1.25rem !important; /* 優化：與內容一致，無需縮小 */
    width: auto !important; 
    border-top: 2px solid #e5e7eb !important; 
}

/* 內容列樣式 */
.classic-table td {
    font-size: 1.25rem !important; /* 優化：一致大字體 */
}

/* 欄位寬度與對齊調整 (核心修復) */
.classic-table .region-col { 
    width: 20% !important; 
    text-align: center !important; /* 地區名稱置中 */
    font-weight: bold !important; 
    min-width: 80px !important; 
}
.classic-table .name-col-full { 
    width: 80% !important; 
    /* 🌟🌟 關鍵修復：將紀念花園名稱強制置中對齊 🌟🌟 */
    text-align: center !important; 
}

/* 突出地點名稱 */
.classic-table .name-col-full {
    font-weight: 600 !important; 
    color: #166534 !important; 
}

/* 移除外框，融入彈窗 */
.classic-table.cohesive-design {
    margin-bottom: 0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06); 
    border-radius: 8px; 
    overflow: hidden; 
}

/* --- 3. 📱 手機溢出與對齊修復 📱 --- */
@media (max-width: 767px) {
    /* 手機上強制表格適配螢幕，無需滾動 */
    .classic-table {
        width: 100% !important;
        min-width: unset !important; /* 移除最小寬度，允許完全適配 */
        table-layout: fixed !important; /* 固定佈局，強制欄寬比例 */
        font-size: 1.125rem !important; /* 優化：增至 18px，最大舒適大小而不過度換行 */
        line-height: 1.4 !important; /* 優化：適中行高，配合換行 */
    }

    /* 確保手機上的文字對齊與填充 */
    .classic-table th, .classic-table td {
        padding: 8px 6px !important; /* 優化：適中 padding，平衡大小與空間 */
    }

    /* 表頭在手機上 */
    .classic-table th {
        font-size: 1.125rem !important;
    }

    /* 內容在手機上一致 */
    .classic-table td {
        font-size: 1.125rem !important;
    }

    /* 地區欄位：固定窄寬，置中 */
    .classic-table .region-col {
        width: 25% !important;
        min-width: 60px !important;
        text-align: center !important;
        font-weight: bold !important;
        white-space: nowrap !important; /* 地區名稱不換行 */
        padding: 8px 4px !important; /* 優化：略增 padding */
    }

    /* 名稱欄位：允許換行，自動填滿剩餘空間 */
    .classic-table .name-col-full {
        width: 75% !important;
        text-align: center !important;
        white-space: normal !important; /* 允許換行 */
        word-break: break-word !important; /* 強制斷詞，處理長名稱 */
        word-wrap: break-word !important; /* 舊版瀏覽器支援 */
        hyphens: auto !important; /* 自動斷字（若支援） */
        line-height: 1.35 !important; /* 優化：舒適行高，適合大字體換行 */
    }

    /* 標題也適配 */
    .classic-table th.region-col {
        width: 25% !important;
    }
    .classic-table th.name-col-full {
        width: 75% !important;
        white-space: normal !important;
        word-break: break-word !important;
    }
}

/* 額外：超小螢幕優化 (e.g., iPhone SE) */
@media (max-width: 480px) {
    .classic-table {
        font-size: 1rem !important; /* 優化：降至 16px，確保極端情況下不溢出，但仍大 */
    }
    
    .classic-table th {
        font-size: 1rem !important;
    }
    
    .classic-table td {
        font-size: 1rem !important;
    }
    
    .classic-table th, .classic-table td {
        padding: 6px 4px !important; /* 優化：適中 padding */
    }
    
    .classic-table .region-col {
        min-width: 55px !important;
        padding: 6px 2px !important;
    }
    
    /* 標題與描述在小螢幕也優化 */
    .popup-title-h2 {
        font-size: 2.25rem !important; /* 保持大但不壓縮 */
    }
    .popup-description {
        font-size: 1.125rem !important; /* 略減但仍舒適 */
    }
}

/* --- 4. CTA 按鈕樣式 (維持不變，但優化字體) --- */
.cta-button-container { text-align: center !important; }
.cta-button-container.top-cta { margin-top: 15px !important; margin-bottom: 25px !important; }

.main-cta-html {
    display: inline-block !important; width: 100% !important; max-width: 400px !important; 
    text-align: center !important; background-color: #E91E63 !important; 
    color: #ffffff !important; font-weight: bold !important; 
    font-size: 1.25rem !important; /* 優化：增至 20px，匹配表格 */
    padding: 14px 24px !important; /* 優化：略增垂直 padding */
    border-radius: 8px !important; text-decoration: none !important;
    transition: background-color 0.3s ease !important; border: none !important;
}
.main-cta-html:hover { background-color: #C2185B !important; }/* End custom CSS */