.elementor-30 .elementor-element.elementor-element-7288ce6a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-4aed1bdc{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;}/* Start custom CSS for html, class: .elementor-element-4aed1bdc *//* ============ NAVBAR MAIN ============ */
.navbarmain {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.7);
  padding: 0 30px;
}

/* ป้องกันเนื้อหาถูกทับ */
body { scroll-padding-top: 75px; }

/* LOGO */
.navbarmain .logo img {
  max-height: 55px;
  display: block;
}

/* MENU */
.menuicon ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0;
  padding: 0;
}

.menuicon ul li a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  transition: color 0.3s ease;
}

.menuicon ul li a:hover {
  color: #00ff66;
}

/* ปุ่ม "ติดต่อเรา" สีเทา */
.menuicon ul li a.contact-link {
  background: #d9d9d9;
  color: #000;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 700;
  transition: all 0.3s ease;
}
.menuicon ul li a.contact-link:hover {
  background: #f1f1f1;
  transform: translateY(-2px);
}

/* LOGIN & REGISTER BUTTONS */
.loginregishead {
  display: flex;
  gap: 10px;
}

.btn {
  border: none;
  padding: 14px 28px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ให้ลิงก์เต็มปุ่ม */
.btn a {
  text-decoration: none;
  color: inherit;
  width: 100%;
  height: 100%;
  display: inline-block;
}

/* ปุ่มเข้าสู่ระบบ */
.btn-login {
  background: #000 !important;
  border: 2px solid #00ff66 !important;
  color: #00ff66 !important;
  box-shadow: none !important;
}
.btn-login:hover {
  background: #00ff66 !important;
  color: #000 !important;
  border-color: #00ff66 !important;
  box-shadow: none !important;
  transform: scale(1.03);
}

/* ปุ่มสมัครสมาชิก */
.btn-register {
  background: #00c94f !important;
  color: #fff !important;
  border: 2px solid #00c94f !important;
  box-shadow: none !important;
}
.btn-register:hover {
  background: #00ff66 !important;
  border-color: #00ff66 !important;
  color: #000 !important;
  box-shadow: none !important;
  transform: scale(1.03);
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px) {
  .navbarmain {
    padding: 0 16px;
    height: 70px;
  }
  .menuicon ul {
    gap: 20px;
  }
  .btn {
    padding: 12px 22px;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .navbarmain {
    flex-direction: column;
    height: auto;
    padding: 10px;
    gap: 10px;
  }
  .menuicon ul {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }
  .loginregishead {
    justify-content: center;
  }
  .btn {
    padding: 10px 18px;
    font-size: 14px;
  }
}

/* ===== HOTFIX: บังคับให้ปุ่ม 'ติดต่อเรา' แสดง ===== */
.navbarmain { position: relative; }
.menuicon { position: relative; z-index: 2; overflow: visible !important; }
.loginregishead { position: relative; z-index: 1; }

.navbarmain .menuicon ul li:last-child {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.navbarmain .menuicon ul li a.contact-link {
  display: inline-block !important;
  background: #d9d9d9 !important;
  color: #000 !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  position: relative;
}

.navbarmain .menuicon ul {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}

.navbarmain .menuicon ul li a.contact-link:hover {
  background: #f1f1f1 !important;
  transform: translateY(-1px);
}

/* ===== HOTFIX กันส้มแบบล็อกตาย (สำคัญมาก) ===== */
/* กัน global a:hover ของธีม/ปลั๊กอินเปลี่ยนสีข้อความในปุ่ม */
.navbarmain .loginregishead .btn a,
.navbarmain .loginregishead .btn a:link,
.navbarmain .loginregishead .btn a:visited,
.navbarmain .loginregishead .btn a:hover,
.navbarmain .loginregishead .btn a:focus,
.navbarmain .loginregishead .btn a:active {
  color: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ระบุสีตัวอักษรขณะ hover แบบเฉพาะปุ่มให้ชัดเจน */
.navbarmain .loginregishead .btn-login:hover a { color: #000 !important; }
.navbarmain .loginregishead .btn-register:hover a { color: #000 !important; }

/* กัน elementor / global .button สีส้ม */
.navbarmain .loginregishead .btn,
.navbarmain .loginregishead .btn * {
  text-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS */html, body {
    overflow-x: hidden;
    width: 100%;
}/* End custom CSS */