.elementor-11 .elementor-element.elementor-element-7ca6c40{--display:flex;}.elementor-11 .elementor-element.elementor-element-7a2aeb71{--display:flex;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#FCB900;--border-color:#FCB900;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-1dc3acec{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.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-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-af7caf1 *//* ฟอนต์: ดึงจาก Elementor Site Settings → Global Fonts (Primary) อัตโนมัติ
   ถ้าเปลี่ยนฟอนต์ใน Site Settings ทีหลัง Header จะเปลี่ยนตามเอง (ถ้าไม่มีค่าจะสืบทอดจากหน้าเว็บ) */
.ufa-header,
.ufa-header .ufa-nav a,
.ufa-header .btn,
.ufa-header .ufa-burger{ font-family:var(--e-global-typography-primary-font-family, inherit); }

/* ทำให้เมนูลอยติดขอบบนจริงเวลานำไปใช้ */
#siteHeader{ position:sticky; top:12px; z-index:50; margin:12px; }

.ufa-header{
  position:relative;
  background:rgba(10,9,7,.72);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(217,166,62,.25);
  border-radius:16px;
  overflow:hidden;
}
/* เส้นทองไล่แสงวิ่งใต้เมนู */
.ufa-header::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,transparent,#d9a63e,transparent);
  background-size:200% 100%;
  animation:ufa-sheen 4s linear infinite;
}
@keyframes ufa-sheen{ 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }

/* checkbox ซ่อนไว้ ทำหน้าที่เป็นสวิตช์เปิด/ปิดเมนู (ไม่ต้องใช้ JavaScript) */
.ufa-nav-toggle{ position:absolute; opacity:0; width:0; height:0; margin:0; pointer-events:none; }

/* ===== Desktop (1025px ขึ้นไป): โลโก้ซ้าย | เมนู 4 อันชิดขวา | เส้นคั่น | ปุ่ม 3 ปุ่ม ===== */
.ufa-header-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
  padding:14px 24px;
}

.ufa-logo{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; justify-self:start; }

/* โลโก้: ใส่ !important กันธีม/Elementor ทับด้วย img{height:auto} */
.logo-img{ height:34px !important; width:auto !important; display:block; object-fit:contain; }

/* จุดไฟ LIVE ข้างโลโก้ */
.live-dot{
  width:7px; height:7px; border-radius:50%; background:#5fb37a; flex-shrink:0;
  animation:ufa-pulse 1.8s infinite;
}
@keyframes ufa-pulse{
  0%{box-shadow:0 0 0 0 rgba(95,179,122,.55);}
  70%{box-shadow:0 0 0 8px rgba(95,179,122,0);}
  100%{box-shadow:0 0 0 0 rgba(95,179,122,0);}
}

/* ปุ่มแฮมเบอร์เกอร์: ซ่อนบน Desktop */
.ufa-burger{ display:none; }

/* เมนู: เรียงชิดขวาถัดจากปุ่ม สีครีมทอง + ขีดทองเลื่อนเข้าตอน hover
   ใช้ .ufa-header นำหน้าเพื่อให้ specificity สูงกว่าสีลิงก์ของธีม (กันลิงก์กลายเป็นสีน้ำเงิน) */
.ufa-nav{ display:flex; align-items:center; gap:26px; justify-self:end; }
.ufa-header .ufa-nav a,
.ufa-header .ufa-nav a:visited{
  position:relative; text-decoration:none; color:#d6cbb3;
  font-size:14px; font-weight:500; padding:6px 0; white-space:nowrap;
  transition:color .2s;
}
.ufa-header .ufa-nav a::after{
  content:""; position:absolute; left:0; bottom:0; width:100%; height:2px;
  background:#f4c860; transform:scaleX(0); transform-origin:right;
  transition:transform .25s ease;
}
.ufa-header .ufa-nav a:hover{ color:#f4c860; }
.ufa-header .ufa-nav a:hover::after{ transform:scaleX(1); transform-origin:left; }

/* ปุ่ม 3 ปุ่มฝั่งขวาสุด มีเส้นทองจาง ๆ คั่นระหว่างเมนูกับปุ่ม */
.ufa-header-actions{
  display:flex; align-items:center; gap:10px; justify-self:end;
  padding-left:22px; border-left:1px solid rgba(217,166,62,.22);
}

/* ปุ่มพื้นฐาน: ทุกปุ่มต้องพ่วง class "btn" */
.ufa-header .btn,
.ufa-header .btn:visited{
  font-size:13.5px; font-weight:600;
  padding:10px 18px; border-radius:8px;
  text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:6px;
  white-space:nowrap; border:1px solid transparent; cursor:pointer;
  transition:transform .2s,box-shadow .2s,background .2s;
}
.ufa-header .btn-ghost,
.ufa-header .btn-ghost:visited{ color:#f3ecdd; border-color:rgba(217,166,62,.55); background:transparent; }
.ufa-header .btn-ghost:hover{ background:rgba(217,166,62,.1); color:#f4c860; }

/* ปุ่มสมัครสมาชิก: ทองไล่เฉด + แสงวิ่งผ่านตอน hover */
.ufa-header .btn-gold,
.ufa-header .btn-gold:visited{
  position:relative; overflow:hidden; color:#231a08;
  background:linear-gradient(135deg,#d9a63e,#f4c860);
  box-shadow:0 8px 20px -8px rgba(217,166,62,.6);
}
.ufa-header .btn-gold::before{
  content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);
}
.ufa-header .btn-gold:hover{ transform:translateY(-1px); color:#231a08; }
.ufa-header .btn-gold:hover::before{ animation:ufa-shine .9s ease forwards; }
@keyframes ufa-shine{ to{ left:130%; } }

/* ปุ่มติดต่อทีมงาน: โทนเขียว LINE */
.ufa-header .btn-line,
.ufa-header .btn-line:visited{ color:#eafff1; background:linear-gradient(135deg,#06c755,#03a648); }
.ufa-header .btn-line:hover{ transform:translateY(-1px); color:#ffffff; }

/* ===== Tablet (768–1024px): โลโก้ซ้าย + แฮมเบอร์เกอร์ขวา / กดเปิด → เมนู 4 อันกางลงมา ดันปุ่ม 3 ปุ่มลง ===== */
@media (max-width:1024px){
  .ufa-header-row{
    grid-template-columns:1fr auto;
    gap:12px 16px;
    padding:12px 18px 14px;
  }

  /* ปุ่มแฮมเบอร์เกอร์ (label ผูกกับ checkbox) */
  .ufa-burger{
    display:flex; flex-direction:column; justify-content:center; gap:5px;
    width:42px; height:38px; padding:0 10px; box-sizing:border-box;
    border:1px solid rgba(217,166,62,.35); border-radius:8px;
    cursor:pointer; justify-self:end; margin:0;
  }
  .ufa-burger span{
    display:block; width:100%; height:2px; background:#f4c860; border-radius:2px;
    transition:transform .25s ease, opacity .2s ease;
  }
  .ufa-burger:hover{ border-color:rgba(217,166,62,.7); }

  /* เมนู 4 อัน: ซ่อนไว้จนกว่าจะกดเปิด */
  .ufa-nav{
    display:none; grid-column:1 / -1; justify-self:stretch;
    flex-direction:column; align-items:stretch; gap:0;
    border-top:1px solid rgba(217,166,62,.15); padding-top:4px;
  }
  .ufa-header .ufa-nav a{
    display:flex; justify-content:space-between; align-items:center;
    padding:12px 4px; font-size:15px;
    border-bottom:1px solid rgba(217,166,62,.12);
  }
  .ufa-header .ufa-nav a:last-child{ border-bottom:none; }
  /* เปลี่ยนขีดใต้เมนู (desktop) เป็นลูกศร › ท้ายบรรทัด */
  .ufa-header .ufa-nav a::after{
    content:"›"; position:static; width:auto; height:auto; background:none;
    transform:none; color:#d9a63e; font-size:18px; line-height:1; opacity:.7;
  }
  .ufa-header .ufa-nav a:hover::after{ transform:none; opacity:1; }

  /* กดเปิด → โชว์เมนู (ปุ่ม 3 ปุ่มด้านล่างจะถูกดันลงอัตโนมัติ) */
  .ufa-nav-toggle:checked ~ .ufa-header-row .ufa-nav{ display:flex; animation:ufa-navin .22s ease; }
  @keyframes ufa-navin{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }

  /* แฮมเบอร์เกอร์ → กากบาท ตอนเปิด */
  .ufa-nav-toggle:checked ~ .ufa-header-row .ufa-burger span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .ufa-nav-toggle:checked ~ .ufa-header-row .ufa-burger span:nth-child(2){ opacity:0; }
  .ufa-nav-toggle:checked ~ .ufa-header-row .ufa-burger span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  /* ปุ่ม 3 ปุ่ม เต็มแถวล่าง โชว์ตลอด */
  .ufa-header-actions{
    grid-column:1 / -1; justify-self:stretch;
    padding-left:0; border-left:none;
    padding-top:12px; border-top:1px solid rgba(217,166,62,.15);
  }
  .ufa-header-actions .btn{ flex:1; }
  .logo-img{ height:30px !important; }
}

/* ===== Mobile (ไม่เกิน 767px): เหมือน Tablet แต่ย่อระยะให้พอดีจอ ===== */
@media (max-width:767px){
  #siteHeader{ margin:8px; top:8px; }
  .ufa-header-row{ gap:10px 12px; padding:10px 14px 12px; }
  .ufa-header .ufa-nav a{ font-size:14px; padding:11px 4px; }
  .ufa-header-actions{ gap:8px; padding-top:10px; }
  .ufa-header-actions .btn{ padding:10px 8px; font-size:12.5px; }
  .logo-img{ height:26px !important; }
}/* End custom CSS */