.elementor-13352 .elementor-element.elementor-element-260d5b2{--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-13352 .elementor-element.elementor-element-8db16ab{--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-13352 .elementor-element.elementor-element-ede0936{width:var( --container-widget-width, 100.755% );max-width:100.755%;--container-widget-width:100.755%;--container-widget-flex-grow:0;grid-row:span custom;align-self:flex-start;z-index:0;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );--nav-menu-icon-size:19px;}.elementor-13352 .elementor-element.elementor-element-ede0936 > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;background-image:linear-gradient(180deg, #F4F1E6 0%, #F4F1E6 100%);border-radius:1px 1px 1px 1px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}.elementor-13352 .elementor-element.elementor-element-ede0936.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-3f72679 );border-width:0px;border-radius:0px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:22px;letter-spacing:-0.2px;word-spacing:0px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-dea95af );fill:var( --e-global-color-dea95af );padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-3f72679 );}.elementor-13352 .elementor-element.elementor-element-ede0936 .e--pointer-framed .elementor-item:before,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-3f72679 );}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-a59edac );}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#02493C;}.elementor-13352 .elementor-element.elementor-element-ede0936 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#02493C;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-item:before{border-radius:0px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:0px 0px 0 0;}.elementor-13352 .elementor-element.elementor-element-ede0936 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 0px 0px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 0px 0px 0;}.elementor-13352 .elementor-element.elementor-element-ede0936 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:0px 0 0 0px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a, .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle{color:var( --e-global-color-dea95af );fill:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-3f72679 );}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a:hover,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a:focus,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle:hover,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle:focus{color:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a:hover,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a:focus,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-3f72679 );}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-342182b );background-color:#02493C;}.elementor-13352 .elementor-element.elementor-element-ede0936 div.elementor-menu-toggle{color:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-ede0936 div.elementor-menu-toggle svg{fill:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-ede0936 div.elementor-menu-toggle:hover, .elementor-13352 .elementor-element.elementor-element-ede0936 div.elementor-menu-toggle:focus{color:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-ede0936 div.elementor-menu-toggle:hover svg, .elementor-13352 .elementor-element.elementor-element-ede0936 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle:hover, .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle:focus{background-color:var( --e-global-color-3f72679 );}.elementor-13352 .elementor-element.elementor-element-ed2bba2{--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-13352 .elementor-element.elementor-element-3faf18b > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-13352 .elementor-element.elementor-element-3faf18b .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:32px;font-weight:500;text-transform:none;font-style:normal;line-height:1.5em;}.elementor-13352 .elementor-element.elementor-element-45fbc9d{width:var( --container-widget-width, 97.603% );max-width:97.603%;--container-widget-width:97.603%;--container-widget-flex-grow:0;text-align:start;}.elementor-13352 .elementor-element.elementor-element-45fbc9d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13352 .elementor-element.elementor-element-ba17a38{--spacer-size:10px;}.elementor-13352 .elementor-element.elementor-element-4d29a4f > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13352 .elementor-element.elementor-element-0212311{text-align:center;}.elementor-13352 .elementor-element.elementor-element-5513d88 .elementor-button{background-color:var( --e-global-color-a59edac );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );fill:var( --e-global-color-3ecaaf2 );color:var( --e-global-color-3ecaaf2 );border-style:none;border-radius:5px 5px 5px 5px;padding:5px 10px 5px 10px;}.elementor-13352 .elementor-element.elementor-element-5513d88 .elementor-button:hover, .elementor-13352 .elementor-element.elementor-element-5513d88 .elementor-button:focus{background-color:var( --e-global-color-07f2a39 );}.elementor-13352 .elementor-element.elementor-element-5513d88 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13352 .elementor-element.elementor-element-efcd3ed > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-13352 .elementor-element.elementor-element-efcd3ed{text-align:center;font-family:"Figtree", Sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:28px;color:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-ae7e82c{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-13352 .elementor-element.elementor-element-ae7e82c .elementor-share-btn{font-size:calc(0.75px * 10);}.elementor-13352 .elementor-element.elementor-element-00ec20d .elementor-button{background-color:#FFFFFF;font-family:"Figtree", Sans-serif;font-size:14px;font-weight:500;font-style:normal;line-height:28px;fill:var( --e-global-color-dea95af );color:var( --e-global-color-dea95af );}.elementor-13352 .elementor-element.elementor-element-b6c63fc{--divider-border-style:solid;--divider-color:var( --e-global-color-b882a8d );--divider-border-width:1px;}.elementor-13352 .elementor-element.elementor-element-b6c63fc .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-13352 .elementor-element.elementor-element-b6c63fc .elementor-divider{text-align:center;padding-block-start:10px;padding-block-end:10px;}.elementor-13352 .elementor-element.elementor-element-c657a9d{--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-13352 .elementor-element.elementor-element-1f60bae{text-align:center;}.elementor-13352 .elementor-element.elementor-element-1f60bae .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;font-style:normal;line-height:1.5em;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-13352 .elementor-element.elementor-element-3485654{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-13352 .elementor-element.elementor-element-3485654 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-13352 .elementor-element.elementor-element-3485654:after{content:"0.5";}.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__thumbnail__link{width:100%;}.elementor-13352 .elementor-element.elementor-element-3485654.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-13352 .elementor-element.elementor-element-3485654.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-13352 .elementor-element.elementor-element-3485654.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__title, .elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__title a{color:var( --e-global-color-dea95af );font-size:15px;font-weight:500;}.elementor-13352 .elementor-element.elementor-element-3ac2cb8{--spacer-size:50px;}@media(min-width:768px){.elementor-13352 .elementor-element.elementor-element-8db16ab{--width:25%;}.elementor-13352 .elementor-element.elementor-element-ed2bba2{--width:75%;}}@media(max-width:1024px){.elementor-13352 .elementor-element.elementor-element-ede0936{width:var( --container-widget-width, 217px );max-width:217px;--container-widget-width:217px;--container-widget-flex-grow:0;}.elementor-13352 .elementor-element.elementor-element-ede0936 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-13352 .elementor-element.elementor-element-5513d88 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );} .elementor-13352 .elementor-element.elementor-element-ae7e82c{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-13352 .elementor-element.elementor-element-ede0936{width:var( --container-widget-width, 330.638px );max-width:330.638px;--container-widget-width:330.638px;--container-widget-flex-grow:0;--nav-menu-icon-size:20px;}.elementor-13352 .elementor-element.elementor-element-ede0936 > .elementor-widget-container{margin:0px 0px 0px -1px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--main .elementor-item{padding-left:15px;padding-right:15px;}.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle{border-width:0px;}.elementor-13352 .elementor-element.elementor-element-3faf18b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-13352 .elementor-element.elementor-element-5513d88 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );} .elementor-13352 .elementor-element.elementor-element-ae7e82c{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-13352 .elementor-element.elementor-element-3485654:after{content:"0.5";}.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for nav-menu, class: .elementor-element-ede0936 *//* ทำให้ลิงก์เมนูขยายเต็มความกว้าง */
.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu a {
    display: block;
    width: 100%;
}
/* สำหรับหน้าจอกว้างไม่เกิน 768px (มือถือ/แท็บเล็ตแนวตั้ง) */
@media only screen and (max-width: 768px) {
  /* พื้นหลังของเมนู */
  .mobile-menu {
    background-color: #002b5c; /* สีพื้นหลังใหม่ เช่น น้ำเงินเข้ม */
  }

  /* สีตัวอักษรของลิงก์เมนู */
  .mobile-menu a {
    color: #ffffff; /* เปลี่ยนเป็นสีขาว */
  }

  /* สีเมื่อ hover */
  .mobile-menu a:hover {
    background-color: #00509e; /* เปลี่ยนพื้นหลังเมื่อชี้เมาส์ */
    color: #ffcc00; /* สีตัวอักษรเมื่อ hover */
  }

  /* ถ้ามีเมนูที่ active (หน้าอยู่ในขณะนั้น) */
  .mobile-menu .current-menu-item a {
    background-color: #ffcc00;
    color: #000000;
  }
}

/* ---------- DESKTOP / GENERAL (Sidebar look) ---------- */
.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu > li {
  position: relative;
  margin: 0 !important;
}

/* Inset divider (Harrow style) */
.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu > li::after{
  content:"";
  position:absolute;
  bottom:0;
  left:12px;
  width:calc(100% - 25px);
  height:1px;
  background:#E2D6B8;
  pointer-events:none;
  opacity:1;
}

/* Divider disappears on hover */
.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu > li:hover::after{
  opacity:0;
}

/* Divider disappears on active/current page */
.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu > li.current-menu-item::after,
.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu > li.current_page_item::after,
.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu > li.current-menu-ancestor::after,
.elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu > li.current-menu-parent::after{
  opacity:0;
}









/* =========================================================
   MOBILE TITLE BAR + DROPDOWN PANEL (FULL OPTION)
   Paste in: Elementor Nav Menu Widget > Advanced > Custom CSS
   ========================================================= */

@media (max-width: 767px){

  /* ===== QUICK CONTROLS (EDIT THESE ONLY) ===== */
  .elementor-13352 .elementor-element.elementor-element-ede0936{
    /* Title bar */
    --bar-bg: #a39163;         /* gold bar */
    --bar-text: #FFFFFF;       /* title text + icon colour */
    --bar-height: 42px;        /* bar height */
    --bar-inset: 1px;         /* left/right margin from screen edge (Harrow style) */
    --bar-pad-left: 18px;      /* title left padding inside bar */
    --title-size: 15px;        /* title font size */
    --title-weight: 500;       /* title font weight */
    --title-letter: .5px;      /* letter spacing */

    /* Toggle (hamburger) */
    --toggle-size: 15px;       /* icon size */
    --toggle-hit: 50px;        /* clickable area (tap target) */
    --toggle-right: 25px;      /* distance from right edge */

    /* Dropdown panel */
    --panel-bg: #f6f3ec;       /* menu panel background */
    --panel-border: #e2d6b8;   /* panel border */
    --item-text: #0b2f27;      /* menu item text */
    --item-hover-bg: #f6f3ec; /* hover bg */
    --divider: #e2d6b8;        /* divider line */
    --divider-inset-left: 12px;
    --divider-inset-right: px;

    /* Active row */
    --active-bg: #02493c;      /* Imperial deep green */
    --active-text: #d4af37;    /* Imperial gold */
  }

  /* ===== TITLE BAR (ALWAYS VISIBLE) ===== */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle{
    width: calc(100% - (var(--bar-inset) * 2)) !important;
    margin: 0 auto !important;
    height: var(--bar-height) !important;

    background: var(--bar-bg) !important;
    border: none !important;
    border-radius: 0 !important;

    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;

    /* reserve space for the toggle tap area on the right */
    padding: 0 calc(var(--toggle-hit) + var(--toggle-right)) 0 var(--bar-pad-left) !important;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* EDIT HERE Title text (static, before click) */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle::before{
    content: "ABOUT US"; /* change per section */
    position: absolute !important;
    left: var(--bar-pad-left) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: var(--bar-text) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: var(--title-size) !important;
    font-weight: var(--title-weight) !important;
    letter-spacing: var(--title-letter) !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }























  /* ===== HAMBURGER ICON (SIZE + TAP TARGET) ===== */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle i,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle svg{
    width: var(--toggle-size) !important;
    height: var(--toggle-size) !important;

    color: var(--bar-text) !important;
    fill: var(--bar-text) !important;

    position: absolute !important;
    right: var(--toggle-right) !important;
    top: 45% !important;
    transform: translateY(-50%) !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Increase clickable area without changing visuals */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle{
    -webkit-tap-highlight-color: transparent !important;
  }

  /* Prevent any duplicate “dropdown header” */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown::before{
    content: none !important;
    display: none !important;
  }

  /* ===== DROPDOWN PANEL (MATCH BAR WIDTH / FULL RIGHT COVER) ===== */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown{
    width: calc(100% - (var(--bar-inset) * 2)) !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;

    background: var(--panel-bg) !important;
    border: 1px solid var(--panel-border) !important;
    border-top: none !important; /* connects to the bar */
  }

  /* Make the UL and LI fill the panel exactly */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown ul,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  
  
  
  
  
  /* ===== MENU LINKS (FULL ROW CLICK) ===== */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item{
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;

    padding: 15px 18px !important;
    color: var(--item-text) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 0.5 !important;
    text-transform: uppercase !important;
    letter-spacing: .1px !important;

    background: transparent !important;
  }

  /* Hover */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item:hover{
    background: var(--item-hover-bg) !important;
  }

  /* ===== INSET DIVIDER (HOVER PERSIST, DISAPPEAR ON ACTIVE + HOVER ACTIVE) ===== */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li{
    position: relative !important;
  }

  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li::after{
    content: "" !important;
    position: absolute !important;
    left: var(--divider-inset-left) !important;
    right: var(--divider-inset-right) !important;
    bottom: 0 !important;
    height: 1px !important;
    background: var(--divider) !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  /* Hide divider on active item (and when hovering the active row) */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li.current-menu-item::after,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li.current_page_item::after{
    opacity: 0 !important;
  }
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li.current-menu-item:hover::after,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li.current_page_item:hover::after{
    opacity: 0 !important;
  }

  /* ===== ACTIVE ROW (FULL WIDTH) ===== */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li.current-menu-item > a.elementor-item,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown li.current_page_item > a.elementor-item,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{
    background: var(--active-bg) !important;
    color: var(--active-text) !important;
    font-weight: 500 !important;
  }

  /* Optional: ensure the panel doesn’t clip due to parent overflow */
  .elementor-13352 .elementor-element.elementor-element-ede0936{
    overflow: visible !important;
  }
}



/* =========================================================
   MOBILE-ONLY FIX (<=767px)
   - Full width (edge-to-edge) ONLY on mobile
   - Divider hides on hover + current item ONLY on mobile
   - Does NOT touch desktop/iPad
   ========================================================= */
@media (max-width: 767px){

  /* Force full edge-to-edge width (mobile only) */
  .elementor-13352 .elementor-element.elementor-element-ede0936{
    width: 100vw !important;
    max-width: 95vw !important;
    margin-left: calc(53% - vw) !important;
    margin-right: calc(48% - vw) !important;
    box-sizing: border-box !important;
  }

  /* Make the dropdown panel also truly full width */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu__container{
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
  }

}  /* <-- ADD THIS to close the @media (max-width: 767px) block */

/* =========================================================
   MOBILE ONLY — remove tap / focus line completely
   Keep your custom dividers intact
   ========================================================= */
@media (max-width: 767px){

  /* 1) Kill focus / active outlines on menu links */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu a,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu a:focus,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu a:active,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu a:focus-visible{
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    text-decoration: none !important;
    background-image: none !important;
  }

  /* 2) Remove iOS / Android tap highlight (most common cause) */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu a{
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
  }

  
  
/* =========================================================
   MOBILE ONLY (<=767px)
   1) Divider disappears ONLY on HOVER (like desktop/tablet)
   2) No extra tap/focus line (kill underline pseudo-elements)
   ========================================================= */
@media (max-width: 767px){

  /* --- DEFAULT: divider visible --- */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown .elementor-nav-menu > li::after{
    opacity: 1 !important;
  }

  /* --- HOVER behavior (mobile-only): hide divider on hover --- */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown .elementor-nav-menu > li:hover::after{
    opacity: 0 !important;
  }

  /* --- KEEP divider visible on tap/focus (prevents weird mobile tap effects) --- */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown .elementor-nav-menu > li:active::after,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown .elementor-nav-menu > li:focus-within::after{
    opacity: 1 !important;
  }

  /* If you want SAME desktop logic = hide divider only on current item, keep this.
     If you want divider visible even on current item, DELETE this block. */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-item::after,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown .elementor-nav-menu > li.current_page_item::after,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-ancestor::after,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-parent::after{
    opacity: 0 !important;
  }

  /* --- KILL the “tap line” (underline/border/box-shadow from <a> or theme) --- */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item:hover,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item:focus,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item:active,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item:focus-visible{
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    text-decoration: none !important;
    background-image: none !important;
  }

  /* Many themes draw a line using pseudo-elements on the link */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item::before,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item::after{
    content: none !important;
    display: none !important;
  }

  /* Remove mobile tap highlight */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-nav-menu--dropdown a.elementor-item{
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    tap-highlight-color: transparent !important;
  }

  /* If the tap-line was from the toggle button, kill it too */
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle:focus,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle:active,
  .elementor-13352 .elementor-element.elementor-element-ede0936 .elementor-menu-toggle:focus-visible{
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-3485654 *//* Force Date above Title — Elementor Posts (King's style) */

.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__text {
  display: flex !important;
  flex-direction: column !important;
}

/* DATE */
.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__meta-data {
  order: 1 !important;
  margin-bottom: 6px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #9a9a9a;
}

/* TITLE */
.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__title {
  order: 2 !important;
}








/* =========================
   Desktop & Tablet (default)
   ========================= */
.elementor-13352 .elementor-element.elementor-element-3485654 .elementor-posts-container{
  column-gap: 18px;
  row-gap: 49px;
}

/* =========================
   Mobile only
   ========================= */
@media (max-width: 767px){
  .elementor-13352 .elementor-element.elementor-element-3485654 .elementor-posts-container{
    column-gap: 1px;
    row-gap: 15px;   /* แนะนำให้ลดด้วย จะดูแน่นขึ้น */
  }
}




/* Mobile only: image left, text right (balanced like King's) */
@media (max-width: 767px){
  .elementor-13352 .elementor-element.elementor-element-3485654 .elementor-posts-container article.elementor-post{
    display:flex !important;
    flex-direction: row !important;
    gap:14px !important;
    align-items:flex-start !important;
  }

  /* IMAGE */
  .elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__thumbnail{
    flex: 0 0 50% !important;   /* 🔑 เพิ่มจาก 34% → 50% */
    max-width: 100% !important;
  }

  /* TEXT */
  .elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__text{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .elementor-13352 .elementor-element.elementor-element-3485654 .elementor-post__thumbnail img{
    width:100% !important;
    height:auto !important;
    display:block !important;
  }
}/* End custom CSS */