/* Taiwani 社群圖卡：Elementor 元件樣式 */
.tsoc-el-text { margin: 0; word-break: break-word; }
.tsoc-el-text.tsoc-style-pill { display: inline-block; padding: 9px 18px; border-radius: 999px; background-color: var(--tsoc-secondary, #f2b134); }
.tsoc-el-text.tsoc-style-tag { display: inline-block; padding: 4px 12px; border-radius: 6px; background-color: var(--tsoc-secondary, #f2b134); }
.tsoc-el-text.tsoc-style-underline { display: inline; background-image: linear-gradient(transparent 62%, var(--tsoc-underline, var(--tsoc-secondary, #f2b134)) 62%); }
.tsoc-el-points { list-style: none; margin: 0; padding: 0; }
.tsoc-el-points li { position: relative; padding-left: 32px; margin: 0 0 10px; font-size: 18px; line-height: 1.45; font-weight: 600; }
.tsoc-el-points li:last-child { margin-bottom: 0; }
.tsoc-el-points .tsoc-el-n { position: absolute; left: 0; top: .15em; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; line-height: 1; color: #fff; background: var(--tsoc-marker, var(--tsoc-secondary, #f2b134)); }
.tsoc-marker-dot .tsoc-el-n { width: 10px; height: 10px; top: .55em; left: 6px; }
.tsoc-marker-none li { padding-left: 0; }
.tsoc-el-image { position: relative; overflow: hidden; height: 200px; }
.tsoc-el-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tsoc-el-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,0,0,.85) 100%); opacity: .75; pointer-events: none; }
.tsoc-el-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 60px; background: repeating-linear-gradient(45deg, #f0f0f1, #f0f0f1 10px, #e5e5e5 10px, #e5e5e5 20px); color: #646970; font-size: 13px; text-align: center; padding: 8px; box-sizing: border-box; }
.tsoc-el-chart-title { font-weight: 700; font-size: 15px; margin-bottom: 6px; }
.tsoc-el-chart-source { font-size: 11px; opacity: .6; margin-top: 4px; }
/* Background image mode: fill the parent container behind other widgets. */
.e-con:has(> .tsoc-bg-yes), .e-con-inner:has(> .tsoc-bg-yes) { position: relative; }
.elementor-widget.tsoc-bg-yes { position: absolute !important; inset: 0; z-index: 0; margin: 0 !important; width: 100% !important; max-width: 100% !important; height: 100%; }
.elementor-widget.tsoc-bg-yes .elementor-widget-container, .elementor-widget.tsoc-bg-yes .tsoc-el-image { height: 100% !important; }
.e-con:has(> .tsoc-bg-yes) > .elementor-widget:not(.tsoc-bg-yes), .e-con:has(> .tsoc-bg-yes) > .e-con { position: relative; z-index: 1; }