.elementor-13 .elementor-element.elementor-element-52b673f9{--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-13 .elementor-element.elementor-element-45384e20{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-45384e20 *//* ============ 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: #ff66cc;
}

/* ปุ่ม "ติดต่อเรา" สีเทา */
.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 #ff66cc !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(255, 105, 180, 0.3);
}
.btn-login:hover {
  background: linear-gradient(135deg, #ff66cc, #ff3399) !important;
  color: #fff !important;
  transform: scale(1.05);
  box-shadow: 0 0 18px rgba(255, 105, 180, 0.6);
}

/* ปุ่มสมัครสมาชิก (พื้นชมพูเรืองแสง) */
.btn-register {
  background: linear-gradient(135deg, #ff99cc, #ff66ff);
  color: #fff !important;
  border: 2px solid #ff66ff;
  box-shadow: 0 0 12px rgba(255, 153, 255, 0.4);
}
.btn-register:hover {
  background: linear-gradient(135deg, #ff66ff, #ff33cc);
  color: #fff !important;
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(255, 153, 255, 0.8);
}

/* ============ 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 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;
}

.navbarmain .menuicon ul li a.contact-link:hover {
  background: #f1f1f1 !important;
}

/* กันธีมเปลี่ยนสีลิงก์ */
.navbarmain .loginregishead .btn a,
.navbarmain .loginregishead .btn a:hover {
  color: inherit !important;
  text-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS */html, body {
    overflow-x: hidden;
    width: 100%;
}/* End custom CSS */