.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-040168f:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-c064b16-font-family:"Roboto";--e-global-typography-c064b16-font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   ฟิลด์ทั่วไป (รวมถึงช่องเบอร์โทร)
   ========================= */
.regform .elementor-field-group input[type="text"],
.regform .elementor-field-group input[type="email"],
.regform .elementor-field-group input[type="url"],
.regform .elementor-field-group input[type="number"],
.regform .elementor-field-group input[type="password"],
.regform .elementor-field-group textarea,
.regform .elementor-field-group.elementor-field-type-select:not(.elementor-field-type-date):not(.elementor-field-type-time) select {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #222 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 44px !important;
  padding: 6px 6px !important;
  color: #000 !important;
  font-family: 'DB Heavent','Kanit',sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
}
.regform .elementor-field-group input:focus,
.regform .elementor-field-group textarea:focus,
.regform .elementor-field-group select:focus {
  border-bottom-color: #8a6d46 !important;
  outline: none !important;
}

/* =========================
   ช่องเบอร์โทร (intl-tel-input)
   ========================= */
/* wrapper ครอบช่องเบอร์ให้ยาวเท่าช่องอื่น */
.regform .iti {
  position: relative !important;
  width: 100% !important;
  display: block !important;
  border-bottom: 1px solid #222 !important;   /* เส้นใต้หลัก */
  padding-bottom: 4px !important;
  box-sizing: border-box !important;
}

/* input ข้างในไม่ต้องมีเส้นใต้ซ้ำ */
.regform .iti input[type="tel"] {
  width: 100% !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  height: 44px !important;
  padding: 6px 6px 6px 86px !important;       /* เว้นที่ให้ธง */
  font-family: 'DB Heavent','Kanit',sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: #000 !important;
  box-sizing: border-box !important;
}
.regform .iti:focus-within {
  border-bottom-color: #8a6d46 !important;
}

/* ธงและรหัสประเทศ */
.regform .iti--separate-dial-code .iti__selected-flag {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 44px !important;
  padding-left: 0 !important;
  padding-right: 8px !important;
  align-items: center !important;
}
.regform .iti__selected-dial-code {
  color: #222 !important;
  font-size: 16px !important;
  font-weight: 300 !important;
}
.regform .iti__arrow { border-top-color: #333 !important; margin-left: 6px !important; }
.regform .iti__country-list {
  z-index: 99999 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.08) !important;
  border: 1px solid #e5e5e5 !important;
}

/* =========================
   ปุ่ม "ลงทะเบียน" ไล่สีทอง
   ========================= */
.elementor-widget-form .e-form__buttons__wrapper__button,
.elementor-widget-form .elementor-button[type="submit"],
button[type="submit"],
input[type="submit"] {
  background: linear-gradient(90deg,#8a6d46 0%,#c19a6b 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  font-family: 'DB Heavent','Kanit',sans-serif !important;
  font-size: 16px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.15) !important;
  transition: transform .2s ease, filter .2s ease !important;
}
.elementor-widget-form .elementor-button[type="submit"]:hover {
  filter: brightness(.95) !important;
  transform: translateY(-2px) !important;
}

/* =========================
   ปุ่ม "Add Line" — ล้างสีเขียวทั้งหมด
   ========================= */
.btn-line-outline,
.btn-line-outline.elementor-button,
.btn-line-outline.elementor-button-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #fff !important;         /* ไม่มีพื้นเขียว */
  color: #333 !important;
  border: 1.8px solid #cfcfcf !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  font-family: 'DB Heavent','Kanit',sans-serif !important;
  font-size: 16px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  margin: 14px auto 0 auto !important;
  transition: all .25s ease !important;
}
.btn-line-outline::before,
.btn-line-outline::after { display: none !important; }
.btn-line-outline:hover {
  background: #fff !important;
  color: #00C300 !important;
  border-color: #00C300 !important;
}

/* เรียงแนวตั้ง: ลงทะเบียนอยู่บน / Add Line อยู่ล่าง */
.regform .elementor-widget-form .e-form__buttons,
.regform .elementor-widget-form .e-form__buttons__wrapper {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Responsive */
@media (max-width:767px){
  .btn-line-outline { margin:10px auto 0 auto !important; }
}
/* === FORCE สไตล์ปุ่ม Add Line ให้เป็นพื้นขาว-ขอบเทา (ตัดเขียวทุกแหล่ง) === */

/* 1) กรณีใส่คลาสไว้ที่ "วิดเจ็ตปุ่ม" (Elementor Widget) */
.elementor-widget-button.btn-line-outline .elementor-button,
.elementor-widget-button.btn-line-outline .elementor-button-link {
  background: #fff !important;
  background-image: none !important;
  color: #333 !important;
  border: 1.8px solid #cfcfcf !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding: 12px 22px !important;
}

/* 2) กรณีใส่คลาสไว้ที่ "ตัวปุ่ม" เอง */
a.btn-line-outline.elementor-button,
a.btn-line-outline.elementor-button-link,
button.btn-line-outline.elementor-button {
  background: #fff !important;
  background-image: none !important;
  color: #333 !important;
  border: 1.8px solid #cfcfcf !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  padding: 12px 22px !important;
}

/* 3) ปิดเลเยอร์/สกินของ Elementor ที่เติมสีเขียว */
.elementor-widget-button.btn-line-outline,
a.btn-line-outline.elementor-button,
a.btn-line-outline.elementor-button-link {
  --e-button-background-color: #fff !important;
  --e-button-color: #333 !important;
  --e-button-border-color: #cfcfcf !important;
  --e-button-border-width: 1.8px !important;
  --e-button-border-radius: 999px !important;
  --e-button-hover-background-color: #fff !important;
  --e-button-hover-color: #00C300 !important;
  --e-button-hover-border-color: #00C300 !important;
}

/* 4) ล้าง pseudo-element / gradient ใด ๆ */
.elementor-widget-button.btn-line-outline .elementor-button::before,
.elementor-widget-button.btn-line-outline .elementor-button::after,
a.btn-line-outline.elementor-button::before,
a.btn-line-outline.elementor-button::after {
  content: none !important;
  background: none !important;
}

/* 5) ตำแหน่ง: ให้อยู่ "ใต้" ปุ่มลงทะเบียนและกึ่งกลาง */
.regform .elementor-widget-button.btn-line-outline,
.regform a.btn-line-outline.elementor-button {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 14px auto 0 auto !important;
}
/* === A) ลบกรอบ/เงา/พื้นหลัง ของ wrapper รอบปุ่ม Add Line (คงกรอบเทาของปุ่มไว้) === */
/* ใส่คลาส btn-line-outline ไว้ที่ "Widget ปุ่ม" ด้วยนะ */
.elementor-widget-button.btn-line-outline,
.elementor-widget-button.btn-line-outline .elementor-widget-container,
.elementor-widget-button.btn-line-outline .elementor-button-wrapper {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;   /* กันเคสที่มี padding ทำให้เห็นเป็นกรอบนอก */
}

/* ปุ่มตัวจริงยังคงเป็นปุ่มขาว-ขอบเทา */
.elementor-widget-button.btn-line-outline .elementor-button {
  background: #fff !important;
  color: #333 !important;
  border: 1.8px solid #cfcfcf !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Hover: เปลี่ยนเฉพาะสีข้อความ/เส้นขอบ */
.elementor-widget-button.btn-line-outline .elementor-button:hover {
  background: #fff !important;
  color: #00C300 !important;
  border-color: #00C300 !important;
}
/* ===== ขยับปุ่ม Add Line ให้ขึ้นมาใกล้ปุ่มลงทะเบียน ===== */
.elementor-widget-button.btn-line-outline {
  margin-top: 2px !important;    /* จากเดิม 14px → เหลือ 4px */
}

/* ถ้าปุ่มอยู่ใน wrapper เดียวกับปุ่มลงทะเบียน ให้ gap น้อยลงด้วย */
.regform .elementor-widget-form .e-form__buttons,
.regform .elementor-widget-form .e-form__buttons__wrapper {
  gap: 4px !important;           /* ระยะห่างระหว่างปุ่มทั้งสอง */
}
/* ===== เพิ่มเงาใต้ปุ่ม Add Line ให้เหมือนปุ่มลงทะเบียน ===== */
.btn-line-outline,
.elementor-widget-button.btn-line-outline .elementor-button {
  box-shadow: 0 4px 10px rgba(0,0,0,.15) !important;  /* เงาเหมือนปุ่มหลัก */
  transition: all .25s ease !important;
}

/* เมื่อ hover ให้เงาเข้มขึ้นเล็กน้อย */
.btn-line-outline:hover,
.elementor-widget-button.btn-line-outline .elementor-button:hover {
  box-shadow: 0 6px 14px rgba(0,0,0,.18) !important;
  transform: translateY(-1px) !important; /* ยกขึ้นนิด ๆ ดูมีมิติ */
}
/* ขยาย Container ให้เต็มหน้าจอ */
.fullhero {
  position: relative;
  min-height: 100vh;
  width: 100vw;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

/* ครอบให้ Image Carousel เต็มจอ */
.fullhero .elementor-widget-image-carousel,
.fullhero .elementor-widget-image-carousel .swiper,
.fullhero .elementor-widget-image-carousel .swiper-wrapper,
.fullhero .elementor-widget-image-carousel .swiper-slide {
  height: 100vh !important;
}

/* ให้รูปขยายเต็ม container */
.fullhero .elementor-widget-image-carousel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* กันการเหลื่อม/เว้นช่องใน container */
.fullhero .e-con-inner {
  padding: 0 !important;
  margin: 0 !important;
}
.elementor-kit-5 {
  position: relative;
}/* End custom CSS */