.elementor-8076 .elementor-element.elementor-element-923c540{--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;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-8076 .elementor-element.elementor-element-0ce9fa3{--display:flex;--overlay-opacity:0.5;--overlay-mix-blend-mode:multiply;--border-radius:125px 20px 120px 20px;--padding-top:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-8076 .elementor-element.elementor-element-0ce9fa3:not(.elementor-motion-effects-element-type-background), .elementor-8076 .elementor-element.elementor-element-0ce9fa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0f43fa0 );}.elementor-8076 .elementor-element.elementor-element-0ce9fa3::before, .elementor-8076 .elementor-element.elementor-element-0ce9fa3 > .elementor-background-video-container::before, .elementor-8076 .elementor-element.elementor-element-0ce9fa3 > .e-con-inner > .elementor-background-video-container::before, .elementor-8076 .elementor-element.elementor-element-0ce9fa3 > .elementor-background-slideshow::before, .elementor-8076 .elementor-element.elementor-element-0ce9fa3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8076 .elementor-element.elementor-element-0ce9fa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://jubilee2025th.com/wp-content/uploads/2024/12/Frames.webp");--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8076 .elementor-element.elementor-element-2c28616{text-align:center;}.elementor-8076 .elementor-element.elementor-element-2c28616 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:28px;font-weight:600;line-height:42px;color:var( --e-global-color-secondary );}.elementor-8076 .elementor-element.elementor-element-75f6b92{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-8076 .elementor-element.elementor-element-0d8746d > .elementor-widget-container{background-color:var( --e-global-color-primary );margin:0px 200px 0px 200px;padding:15px 15px 15px 15px;border-radius:10px 10px 10px 10px;}.elementor-8076 .elementor-element.elementor-element-0d8746d{text-align:center;}.elementor-8076 .elementor-element.elementor-element-0d8746d .elementor-heading-title{color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-3984b73 *//* --- Total Section --- */
.elementor-8076 .elementor-element.elementor-element-3984b73 .total-section {
    background: linear-gradient(135deg, #388E3C, #4CAF50); /* ปรับปรุง: ใช้สีเขียวที่เข้มขึ้นเพื่อเพิ่ม Contrast */
    border-radius: 15px;
    padding: 20px 25px;
    color: #FFFFFF; /* ปรับปรุง: ทำให้แน่ใจว่าเป็นสีขาว */
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.elementor-8076 .elementor-element.elementor-element-3984b73 .total-count {
    font-size: 2.3rem;
    font-weight: bold;
    text-shadow: 0 1px 3px rgba(0,0,0,0.2); /* ปรับปรุง: เพิ่มเงาให้ตัวอักษรอ่านง่ายขึ้น */
}
.elementor-8076 .elementor-element.elementor-element-3984b73 .character-img {
    width: 75px; 
    height: auto;
    object-fit: contain;
}
/* --- Diocese Grid --- */
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
}
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    border: 1px solid #E2E8F0; /* ปรับปรุง: ใช้สีขอบที่เข้ากัน */
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 120px;
    border-top: 5px solid;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-name {
    font-size: 1rem;
    color: #4A5568; /* ปรับปรุง: ใช้สีเทาเข้ม อ่านง่าย */
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 10px;
    flex-grow: 1;
    display: flex;
}
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-count {
    font-size: 1.2rem;
    font-weight: bold;
    color: #2F855A; /* ปรับปรุง: ใช้สีเขียวเข้มเพื่อ Contrast ที่ดี */
}
/* แถบสีสำหรับแต่ละสังฆมณฑล (คงเดิม) */
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+1) { border-top-color: #F56565; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+2) { border-top-color: #ED64A6; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+3) { border-top-color: #9F7AEA; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+4) { border-top-color: #667EEA; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+5) { border-top-color: #4299E1; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+6) { border-top-color: #38B2AC; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+7) { border-top-color: #48BB78; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+8) { border-top-color: #9AE6B4; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+9) { border-top-color: #F6E05E; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+10) { border-top-color: #ED8936; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+11) { border-top-color: #F56565; }
.elementor-8076 .elementor-element.elementor-element-3984b73 .diocese-card:nth-child(12n+12) { border-top-color: #A0AEC0; }

/* --- Leaderboard --- */
.elementor-8076 .elementor-element.elementor-element-3984b73 .leaderboard-section {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 20px;
    border: 1px solid #E2E8F0; /* ปรับปรุง: เพิ่มขอบให้ดูเป็นสัดส่วน */
}
/* --- Utility & State Styles --- */
.elementor-8076 .elementor-element.elementor-element-3984b73 .loading, .elementor-8076 .elementor-element.elementor-element-3984b73 .error {
    text-align: center; padding: 40px 20px; font-size: 1rem; color: #666;
    display: flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 150px; width: 100%; grid-column: 1 / -1;
}
.elementor-8076 .elementor-element.elementor-element-3984b73 .loading::after {
    content: ''; width: 20px; height: 20px; border: 3px solid #4CAF50;
    border-radius: 50%; border-top-color: transparent;
    animation: spin 1s ease-in-out infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.elementor-8076 .elementor-element.elementor-element-3984b73 .error {
    flex-direction: column; background: #FED7D7; color: #9B2C2C;
    padding: 20px; border-radius: 8px;
}/* End custom CSS */