.elementor-35677 .elementor-element.elementor-element-f43484c{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-6e5d743 > .elementor-widget-container{margin:0px 0px -19px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-35677 .elementor-element.elementor-element-a2368f4{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-2def648 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35677 .elementor-element.elementor-element-05909e2{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-197b117{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-af0e5c2{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-cff98ad{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:-99px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-769e259 > .elementor-widget-container{margin:-14px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35677 .elementor-element.elementor-element-28fca4c{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-4bcbfea{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-e06e2fd{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-c708bf9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-35677 .elementor-element.elementor-element-2678940{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35677 .elementor-element.elementor-element-2318e17 .hentry .text-meta{margin-bottom:10px;}.elementor-35677 .elementor-element.elementor-element-5631076{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-2678940 *//* 1. ปรับแต่งโครงสร้างหลักของ Tabs */
.elementor-35677 .elementor-element.elementor-element-2678940 .nav-tabs {
    border-bottom: 2px solid #D4AF37 !important;
    margin-bottom: 30px !important;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.elementor-35677 .elementor-element.elementor-element-2678940 .nav-tabs li a {
    background: #041D31 !important;
    color: #ffffff !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 12px 25px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease;
    border: none !important;
    font-family: 'Sarabun', sans-serif;
}

/* เมื่อ Tab ถูกเลือก (Active) */
.elementor-35677 .elementor-element.elementor-element-2678940 .nav-tabs li.ui-tabs-active a {
    background: #D4AF37 !important;
    color: #031525 !important;
    box-shadow: 0 -5px 15px rgba(212, 175, 55, 0.3);
}

/* 2. ปรับแต่งตัวการ์ดข่าว (Post Items) */
.elementor-35677 .elementor-element.elementor-element-2678940 article.type-post {
    background: #ffffff;
    border-radius: 15px;
    margin-bottom: 20px !important;
    padding: 15px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    border: 1px solid #eee;
    overflow: hidden;
}

.elementor-35677 .elementor-element.elementor-element-2678940 article.type-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(4, 29, 49, 0.15);
    border-color: #D4AF37;
}

/* 3. ปรับแต่งรูปภาพข่าว */
.elementor-35677 .elementor-element.elementor-element-2678940 .entry-thumbnail img {
    border-radius: 10px !important;
    transition: transform 0.5s ease !important;
    object-fit: cover;
    height: 180px !important; /* บังคับความสูงให้เท่ากันเพื่อความสวยงาม */
    width: 100%;
}

.elementor-35677 .elementor-element.elementor-element-2678940 article:hover .entry-thumbnail img {
    transform: scale(1.08);
}

/* 4. ปรับแต่งหัวข้อข่าวและเนื้อหา */
.elementor-35677 .elementor-element.elementor-element-2678940 .entry-title a {
    color: #041D31 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4;
    transition: color 0.3s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elementor-35677 .elementor-element.elementor-element-2678940 .entry-title a:hover {
    color: #D4AF37 !important;
}

.elementor-35677 .elementor-element.elementor-element-2678940 .entry-meta {
    color: #888;
    font-size: 13px;
    margin-bottom: 10px;
}

.elementor-35677 .elementor-element.elementor-element-2678940 .entry-summary p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* 5. ปรับแต่งปุ่ม Read More และ View All */
.elementor-35677 .elementor-element.elementor-element-2678940 .read-more {
    background: #f4f4f4;
    color: #041D31 !important;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    transition: all 0.3s;
}

.elementor-35677 .elementor-element.elementor-element-2678940 .read-more:hover {
    background: #041D31;
    color: #D4AF37 !important;
}

.elementor-35677 .elementor-element.elementor-element-2678940 .view-all a {
    background: linear-gradient(135deg, #041D31 0%, #0A2E4D 100%);
    color: #D4AF37 !important;
    padding: 12px 40px;
    border-radius: 30px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.elementor-35677 .elementor-element.elementor-element-2678940 .view-all a:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3);
}

/* 6. การปรับแต่งสำหรับมือถือ */
@media (max-width: 767px) {
    .elementor-35677 .elementor-element.elementor-element-2678940 .nav-tabs {
        flex-direction: column;
    }
    .elementor-35677 .elementor-element.elementor-element-2678940 .col-3, .elementor-35677 .elementor-element.elementor-element-2678940 .col-9 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .elementor-35677 .elementor-element.elementor-element-2678940 .entry-thumbnail img {
        height: auto !important;
        margin-bottom: 15px;
    }
}/* End custom CSS */