.elementor-3020 .elementor-element.elementor-element-42a3349a{--display:flex;--min-height:70px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3020 .elementor-element.elementor-element-42a3349a:not(.elementor-motion-effects-element-type-background), .elementor-3020 .elementor-element.elementor-element-42a3349a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4D2B800;}.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-3020 .elementor-element.elementor-element-573bdd9b{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a{color:#FFFFFF;padding:0px 15px 0px 15px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a:hover{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a:focus{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a:active{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li:hover > a{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-hamburger{float:right;}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3020 .elementor-element.elementor-element-73214557 .elementor-button{background-color:#C8943D;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;padding:12px 40px 12px 40px;}.elementor-3020 .elementor-element.elementor-element-73214557:hover{--e-transform-scale:1.03;}.elementor-3020 .elementor-element.elementor-element-e2bcd80{--display:flex;--min-height:70px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3020 .elementor-element.elementor-element-e2bcd80:not(.elementor-motion-effects-element-type-background), .elementor-3020 .elementor-element.elementor-element-e2bcd80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4D2B800;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-3020 .elementor-element.elementor-element-219fe45 button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-3020 .elementor-element.elementor-element-73214557 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-3020 .elementor-element.elementor-element-42a3349a{--content-width:1400px;}.elementor-3020 .elementor-element.elementor-element-e2bcd80{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3020 .elementor-element.elementor-element-42a3349a{--content-width:90%;}.elementor-3020 .elementor-element.elementor-element-e2bcd80{--content-width:90%;}}@media(max-width:767px){.elementor-3020 .elementor-element.elementor-element-42a3349a{--content-width:90%;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3020 .elementor-element.elementor-element-573bdd9b{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;}.elementor-3020 .elementor-element.elementor-element-219fe45 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}.elementor-3020 .elementor-element.elementor-element-73214557 .elementor-button{padding:12px 25px 12px 25px;}.elementor-3020 .elementor-element.elementor-element-e2bcd80{--content-width:90%;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for ekit-nav-menu, class: .elementor-element-219fe45 */<style>
/* =========================================
   MOBILE HEADER FIX (1989 VILLAGE MARINE)
   ========================================= */
@media (max-width: 767px) {
  /* 1. จัด Container ของ Header ให้กระจายซ้าย-ขวา */
  .elementor-location-header .elementor-container,
  header .nav,
  .main-header-bar {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 16px !important;
    flex-wrap: nowrap !important;
  }

  /* 2. โลโก้ฝั่งซ้าย */
  .elementor-widget-image,
  .brand {
    flex: 0 0 auto !important;
  }
  .elementor-widget-image img,
  .brand img {
    height: 38px !important;
    width: auto !important;
  }

  /* 3. รวมกลุ่มฝั่งขวา (ภาษา + ปุ่ม Book Now + Hamburger) ให้อยู่แถวเดียวกัน */
  .nav-right,
  .header-right-group {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important; /* ระยะห่างระหว่างปุ่ม */
    flex-wrap: nowrap !important;
  }

  /* 4. ปรับขนาดปุ่มสลับภาษา EN/TH บนมือถือ */
  .lang-switcher {
    height: 26px !important;
    border: 1px solid rgba(230, 199, 126, 0.7) !important;
    border-radius: 3px !important;
    display: inline-flex !important;
    flex-shrink: 0 !important;
  }
  .lang-btn {
    width: 30px !important;
    height: 100% !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 0 !important;
  }
  .lang-btn.active {
    background: #CC9C44 !important;
    color: #fff !important;
  }

  /* 5. ปรับขนาดปุ่ม BOOK NOW บนมือถือ */
  .btn-gold,
  .elementor-button {
    background: #CC9C44 !important;
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 7px 12px !important;
    border-radius: 3px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* 6. ปุ่ม Hamburger เมนู 3 ขีด */
  .ekit-template-content-markup,
  .elementskit-menu-hamburger,
  .burger {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 4px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
  }
  .elementskit-menu-hamburger span,
  .burger span {
    width: 20px !important;
    height: 2px !important;
    background-color: #ffffff !important;
    display: block !important;
  }
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c563ab4 *//* ==========================
   Language Switcher
========================== */

.lang-switcher{
    display:flex;
    align-items:center;
    gap:4px;

    padding:4px;

    background:#fcf7ed;

    border-radius:999px;
}

.lang-btn{

    display:flex;
    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    border-radius:999px;

    font-size:14px;
    font-weight:600;

    color:#8B5A00;

    text-decoration:none;

    transition:all .3s ease;

}

.lang-btn.active{

    background:#8B5A00;
    color:#ffffff;

}

.lang-btn:not(.active):hover{

    background:rgba(139,90,0,.10);

}


/* ==========================
   Tablet
========================== */

@media(max-width:1024px){

    .lang-btn{

        width:38px;
        height:38px;

        font-size:13px;

    }

}


/* ==========================
   Mobile
========================== */

@media(max-width:767px){

    .lang-switcher{

        padding:3px;

        gap:2px;

    }

    .lang-btn{

        width:34px;
        height:34px;

        font-size:12px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-42a3349a *//* สถานะเริ่มต้น: โปร่งใส 100% พร้อมทำอนิเมชันให้สีค่อยๆ ปรากฏ */
.elementor-3020 .elementor-element.elementor-element-42a3349a.elementor-sticky {
    background-color: transparent !important;
    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
}

/* สถานะเมื่อเลื่อนหน้าจอลงมา: เปลี่ยนเป็นสีตามรหัสที่กำหนด */
.elementor-3020 .elementor-element.elementor-element-42a3349a.elementor-sticky--effects {
    background-color: #1B6984 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ad1563 *//* ==========================
   Language Switcher
========================== */

.lang-switcher{
    display:flex;
    align-items:center;
    gap:4px;

    padding:4px;

    background:#fcf7ed;

    border-radius:999px;
}

.lang-btn{

    display:flex;
    align-items:center;
    justify-content:center;

    width:42px;
    height:42px;

    border-radius:999px;

    font-size:14px;
    font-weight:600;

    color:#8B5A00;

    text-decoration:none;

    transition:all .3s ease;

}

.lang-btn.active{

    background:#8B5A00;
    color:#ffffff;

}

.lang-btn:not(.active):hover{

    background:rgba(139,90,0,.10);

}


/* ==========================
   Tablet
========================== */

@media(max-width:1024px){

    .lang-btn{

        width:38px;
        height:38px;

        font-size:13px;

    }

}


/* ==========================
   Mobile
========================== */

@media(max-width:767px){

    .lang-switcher{

        padding:3px;

        gap:2px;

    }

    .lang-btn{

        width:34px;
        height:34px;

        font-size:12px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2bcd80 *//* สถานะเริ่มต้น: โปร่งใส 100% พร้อมทำอนิเมชันให้สีค่อยๆ ปรากฏ */
.elementor-3020 .elementor-element.elementor-element-e2bcd80.elementor-sticky {
    background-color: transparent !important;
    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
}

/* สถานะเมื่อเลื่อนหน้าจอลงมา: เปลี่ยนเป็นสีตามรหัสที่กำหนด */
.elementor-3020 .elementor-element.elementor-element-e2bcd80.elementor-sticky--effects {
    background-color: #1B6984 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */