.elementor-9 .elementor-element.elementor-element-e2d7720{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-5ac1441{--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-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-ae1ca02{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-d8179d8 img{width:100%;}.elementor-9 .elementor-element.elementor-element-1e15d51{--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-9 .elementor-element.elementor-element-737d8be{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-5ac1441{--width:33.3333%;}.elementor-9 .elementor-element.elementor-element-ae1ca02{--width:66.6666%;}}/* Start custom CSS for html, class: .elementor-element-6082761 *//* CONTAINER หลักที่หุ้มเมนูทั้งหมด */
.xs-main-nav-container {
    display: flex;
    align-items: stretch; /* ทำให้ส่วนเมนูและ Hotline มีความสูงเท่ากัน */
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    min-height: 50px; /* กำหนดความสูงขั้นต่ำ */
}

/* ส่วนรายการเมนู (UL) - สีน้ำเงิน */
.xs-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-grow: 1; /* ให้ยืดกินพื้นที่ส่วนใหญ่ */
    background-color: #3b73b2; /* สีน้ำเงินหลัก */
    align-items: center;
    overflow-x: auto; /* จัดการกรณีเมนูยาวเกินจอ */
    white-space: nowrap; /* ป้องกันไม่ให้รายการเมนูขึ้นบรรทัดใหม่ */
}

/* สไตล์ของแต่ละรายการเมนู (LI) */
.xs-menu-item {
    display: flex;
    align-items: center;
    flex-shrink: 0; /* ป้องกันไม่ให้รายการเมนูหดตัว */
    border-right: 1px solid rgba(255, 255, 255, 0.1); /* เส้นแบ่งจางๆ */
}

/* สไตล์ของลิงก์ (A) */
.xs-menu-item a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 15px; /* ระยะห่างในแต่ละเมนู */
    display: block;
    transition: background-color 0.2s;
}

/* รายการเมนูไฮไลท์สีส้ม (KENO) */
.xs-highlight-orange {
    background-color: #f77f28; /* สีส้ม */
}

.xs-highlight-orange:hover {
    background-color: #e06e1c;
}

/* ส่วน Hotline (สีเหลือง/น้ำตาล) */
.xs-hotline-bar {
    background-color: #f7a435; /* สีเหลืองน้ำตาล */
    color: #333;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 0 20px;
    flex-shrink: 0; /* ป้องกันไม่ให้หดตัว */
    border-left: 2px solid #d4b574;
}

.xs-hotline-icon {
    margin-right: 8px;
    font-size: 16px;
    color: #555;
}

/* Responsive: สำหรับหน้าจอขนาดเล็ก ให้เมนูยังคงยืดหยุ่น */
@media (max-width: 768px) {
    .xs-menu-list {
        flex-wrap: nowrap; /* ยังคงเป็นแนวนอน แต่มี scrollbar ถ้าไม่พอ */
    }
    
    .xs-menu-item a {
        padding: 10px 10px;
        font-size: 12px;
    }
    
    .xs-hotline-bar {
        font-size: 12px;
        padding: 0 10px;
    }
}/* End custom CSS */