.elementor-kit-5{--e-global-color-primary:#FFDF81;--e-global-color-secondary:#FFDF81;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Kanit";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Kanit";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:500;background-color:#000000;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* =====================================================================
   สไตล์เนื้อหาใน Elementor Text Editor — โทนดำทองเรียบหรู
   ใช้กับ: ย่อหน้า / หัวข้อย่อย h3-h4 / บูลเล็ต ul / ลำดับเลข ol / ตัวหนา / ลิงก์ / ตาราง
   วางที่: Elementor → Site Settings → Custom CSS (หรือ Appearance → Customize → Additional CSS)
   จะมีผลกับ Text Editor widget ทุกตัวทั้งเว็บ ไม่กระทบ Header/Footer/การ์ดที่ทำไว้
   ทุก .elementor-kit-5 ขึ้นต้นด้วย .elementor-widget.elementor-widget-text-editor (2 class บน div เดียวกัน) เพื่อให้ชนะสีลิงก์/หัวข้อของธีม
   หมายเหตุ: Elementor 4.x ไม่มี <div class="elementor-widget-container"> แล้ว ห้ามใส่ในตัว .elementor-kit-5
   ===================================================================== */

/* ---------- ย่อหน้า ---------- */
.elementor-widget.elementor-widget-text-editor p{ line-height:1.85; }

/* ---------- หัวข้อย่อยในเนื้อหา ---------- */
.elementor-widget.elementor-widget-text-editor h3{
  position:relative; padding-left:16px; margin:1.6em 0 .7em;
  color:#f4c860; font-weight:700; line-height:1.35;
}
.elementor-widget.elementor-widget-text-editor h3::before{
  content:""; position:absolute; left:0; top:.22em; bottom:.22em; width:4px; border-radius:2px;
  background:linear-gradient(180deg,#f4c860,#d9a63e);
}
.elementor-widget.elementor-widget-text-editor h4{ color:#f3ecdd; font-weight:700; margin:1.4em 0 .6em; }

/* ---------- ตัวหนา / ลิงก์ ---------- */
.elementor-widget.elementor-widget-text-editor strong,
.elementor-widget.elementor-widget-text-editor b{ color:#ffffff; font-weight:700; }
.elementor-widget.elementor-widget-text-editor a{
  color:#f4c860; text-decoration:none;
  border-bottom:1px solid rgba(244,200,96,.35);
  border-bottom-color:color-mix(in srgb, currentColor 40%, transparent); /* เส้นใต้จางตามสีลิงก์ (ถ้าตั้งสีเองเส้นใต้จะเปลี่ยนตาม) */
  transition:border-color .2s, color .2s;
}
.elementor-widget.elementor-widget-text-editor a:hover{ color:#ffe08a; border-bottom-color:currentColor; }
/* ตัวหนาที่อยู่ "ในลิงก์" (<a><strong>…</strong></a>) ให้ใช้สีของลิงก์ ไม่งั้นกฎตัวหนา=ขาวจะทับสีลิงก์ */
.elementor-widget.elementor-widget-text-editor a strong,
.elementor-widget.elementor-widget-text-editor a b{ color:inherit; }
/* ตั้งสีเองจากปุ่ม A ใน Text Editor (ได้ <span style="color:…">) → สีที่ตั้งต้องชนะเสมอ ทั้งลิงก์และตัวหนาที่อยู่ข้างใน */
.elementor-widget.elementor-widget-text-editor :is([style^="color"],[style*=" color"],[style*=";color"]) :is(a,strong,b){ color:inherit; }

/* ---------- บูลเล็ต (ul): จุดทองเรืองแสง ---------- */
.elementor-widget.elementor-widget-text-editor ul{ list-style:none; margin:1em 0 1.4em; padding:0; }
.elementor-widget.elementor-widget-text-editor ul li{
  position:relative; padding-left:28px; margin:0 0 .55em; line-height:1.75;
}
.elementor-widget.elementor-widget-text-editor ul li::before{
  content:""; position:absolute; left:7px; top:.72em; width:8px; height:8px; border-radius:50%;
  background:linear-gradient(135deg,#f4c860,#d9a63e);
  box-shadow:0 0 0 3px rgba(217,166,62,.18);
}
/* บูลเล็ตซ้อนชั้นใน: วงกลมขอบทอง */
.elementor-widget.elementor-widget-text-editor ul ul{ margin:.5em 0 .3em; }
.elementor-widget.elementor-widget-text-editor ul ul li::before{
  width:6px; height:6px; left:8px; top:.78em;
  background:transparent; border:1.5px solid #d9a63e; box-shadow:none;
}

/* ---------- ลำดับเลข (ol): เลขทองในวงกลม ---------- */
.elementor-widget.elementor-widget-text-editor ol{ list-style:none; counter-reset:ufa-ol; margin:1em 0 1.4em; padding:0; }
.elementor-widget.elementor-widget-text-editor ol li{
  position:relative; padding-left:38px; margin:0 0 .65em; line-height:1.75; counter-increment:ufa-ol;
}
.elementor-widget.elementor-widget-text-editor ol li::before{
  content:counter(ufa-ol); position:absolute; left:0; top:.15em;
  width:25px; height:25px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:700; color:#231a08;
  background:linear-gradient(135deg,#d9a63e,#f4c860);
  box-shadow:0 4px 10px -4px rgba(217,166,62,.6);
}

/* ---------- ตาราง: หัวทองไล่เฉด แถวสลับสี ขอบมน ---------- */
.elementor-widget.elementor-widget-text-editor table{
  width:100%; min-width:520px; margin:1.2em 0 1.6em;
  border-collapse:separate; border-spacing:0;
  border:1px solid rgba(217,166,62,.28); border-radius:14px; overflow:hidden;
  background:#100e0a;
}
.elementor-widget.elementor-widget-text-editor table th,
.elementor-widget.elementor-widget-text-editor table td{
  padding:14px 16px; text-align:center; vertical-align:middle; line-height:1.6;
  border-bottom:1px solid rgba(217,166,62,.16); border-right:1px solid rgba(217,166,62,.1);
  color:#e8e0cf;
}
.elementor-widget.elementor-widget-text-editor table th:last-child,
.elementor-widget.elementor-widget-text-editor table td:last-child{ border-right:none; }
.elementor-widget.elementor-widget-text-editor table tr:last-child td{ border-bottom:none; }
/* คอลัมน์แรก = ชื่อรายการ เน้นให้เด่นขึ้น */
.elementor-widget.elementor-widget-text-editor table td:first-child{ color:#f3ecdd; font-weight:600; }
/* แถวหัวตาราง: รองรับทั้งแบบมี <thead> และแบบวางจาก Text Editor ที่แถวแรกเป็น <td><strong> */
.elementor-widget.elementor-widget-text-editor table thead th,
.elementor-widget.elementor-widget-text-editor table thead td,
.elementor-widget.elementor-widget-text-editor table:not(:has(thead)) tr:first-child td,
.elementor-widget.elementor-widget-text-editor table:not(:has(thead)) tr:first-child th{
  background:linear-gradient(135deg,#d9a63e,#f4c860);
  color:#231a08; font-weight:700; letter-spacing:.02em;
  border-bottom:none; border-right-color:rgba(35,26,8,.15);
}
.elementor-widget.elementor-widget-text-editor table thead strong,
.elementor-widget.elementor-widget-text-editor table:not(:has(thead)) tr:first-child strong{ color:#231a08; }
/* แถวสลับสี + ไฮไลต์ตอนชี้ (ไม่รวมแถวหัว) */
.elementor-widget.elementor-widget-text-editor table tbody tr:nth-child(even) td{ background:rgba(255,255,255,.025); }
.elementor-widget.elementor-widget-text-editor table thead + tbody tr:hover td,
.elementor-widget.elementor-widget-text-editor table:not(:has(thead)) tr:not(:first-child):hover td{ background:rgba(217,166,62,.08); }

/* ---------- Mobile: ตารางบีบให้พอดีจอ เห็นครบทั้งตารางไม่ต้องเลื่อน (ย่อหน้าอื่นไม่กระทบ) ---------- */
@media (max-width:767px){
  .elementor-widget.elementor-widget-text-editor table{ min-width:0; border-radius:10px; }
  .elementor-widget.elementor-widget-text-editor table th,
  .elementor-widget.elementor-widget-text-editor table td{
    padding:10px 8px; font-size:13px; line-height:1.5; overflow-wrap:break-word;
  }
  /* เฉพาะตาราง 5 คอลัมน์ขึ้นไปที่บีบแล้วอ่านไม่ออก: คงความกว้างไว้แล้วให้เลื่อนแนวนอนในกรอบ widget แทน */
  .elementor-widget.elementor-widget-text-editor table:has(tr:first-child > :nth-child(5)){ min-width:520px; }
  .elementor-widget.elementor-widget-text-editor{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .elementor-widget.elementor-widget-text-editor ul li{ padding-left:24px; }
  .elementor-widget.elementor-widget-text-editor ol li{ padding-left:34px; }
}/* End custom CSS */