.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#61CE70;--e-global-color-39eec29:#4C0909;--e-global-color-ee0b150:#240000CC;--e-global-color-143e43b:#FF0000;--e-global-color-7f86440:#A50000;--e-global-color-8ed11f9:#FF4646;--e-global-color-148ee67:#240000;--e-global-color-c178527:#1B0000;--e-global-color-fbdf4c6:#130000;--e-global-color-13b1a73:#000B03;--e-global-color-92bf6b9:#6D1214;--e-global-color-f779b44:#1D0404;--e-global-color-3b0c939:#ACACAC33;--e-global-color-fb4c1f7:#FFFFFF;--e-global-color-66a3547:#FF3B3B;--e-global-color-d7b45a4:#130000;--e-global-color-e727148:#480002;--e-global-color-647ac22:#FFFFFF;--e-global-color-4c3b27a:#D4D4D4;--e-global-color-0cadd59:#8A8A8A;--e-global-color-2aab125:#FF9D9D;--e-global-color-4cf10f9:#FF3B3B;--e-global-color-742d221:#C40000;--e-global-color-836900d:#D4D4D4;--e-global-color-0b431ff:#FF3B3B;--e-global-color-98e8381:#1D0404;--e-global-color-295b9a0:#353535;--e-global-color-1193166:#000000;--e-global-color-18cc72d:#000000E6;--e-global-color-0e55e88:#FFFFFF;--e-global-color-a5b8472:#FF555D;--e-global-color-18cb536:#5C0508;--e-global-color-f470ee9:#FF6F76;--e-global-color-84afa6d:#741E21;--e-global-color-75e3932:#FF7D82D1;--e-global-color-cffe8dd:#5C0508;--e-global-color-c11a2cb:#FFFFFF;--e-global-color-3c6a015:#858585;--e-global-color-f7c2e61:#FFFFFF;--e-global-color-32030ff:#969696;--e-global-color-0e00fa5:#FFFFFFEB;--e-global-color-df6fac7:#FF2525;--e-global-color-0823b2f:#01FF00;--e-global-color-28e6239:#FA0101;--e-global-color-70e2447:#1D040400;--e-global-color-fd0b1dc:#F6514F;--e-global-color-5892ed7:#FFFFFF29;--e-global-color-c30d4df:#360000;--e-global-color-e55e28a:#FF1919;--e-global-color-30861e5:#FF7777;--e-global-color-a46cec9:#FF1919;--e-global-color-962e054:#360000;--e-global-color-301acc1:#FFD6DE;--e-global-color-78e181a:#FF3B6B99;--e-global-color-4d9e44d:#FF1744E6;--e-global-color-253a157:#9497A0;--e-global-color-983f460:#FFFFFF;--e-global-color-6543bbb:#D4D6DE;--e-global-color-b1688a6:#F4F4F4;--e-global-color-ec61e52:#FF999E;--e-global-color-997d8e9:#FF5159;--e-global-color-ad197ab:#ED1720;--e-global-color-675dc18:#FF6F76;--e-global-color-5e83acd:#540000;--e-global-color-55490a9:#505050;--e-global-color-d07fd5a:#262626;--e-global-color-baae0a6:#FF6A6A;--e-global-color-1a7b3f8:#FF1D1D;--e-global-color-15dbf2a:#FFFFFF;--e-global-color-9001af2:#FFFFFF;--e-global-color-0e1ffd6:#6D6D6D;--e-global-color-2066920:#FF5259A8;--e-global-color-53743ec:#02020257;--e-global-color-9e64169:#280400;--e-global-color-8f05563:#FF0000;--e-global-color-68d9e51:#2B0000;--e-global-color-5bf3fe5:#120000;--e-global-color-c7b3ea2:#FFFFFF;--e-global-color-ba7dfde:#F1F1F1;--e-global-color-8820b38:#F1F1F1;--e-global-color-f4e608c:#6B0002;--e-global-color-abee314:#2B0001;--e-global-color-fd5a110:#1D1D1D;--e-global-color-f0056bf:#820002;--e-global-color-6a7a53d:#6B0002;--e-global-color-6d374c9:#2B0001;--e-global-color-94de7f9:#FDDD3B;--e-global-color-491ed3c:#FFE45E;--e-global-color-857d8d1:#E0710A;--e-global-color-4b1d10b:#FF0404;--e-global-color-c27a717:#FF7070;--e-global-color-5ed522c:#FFA44F;--e-global-color-1a5a206:#FFCC70;--e-global-color-e0b8e5a:#0000004D;--e-global-color-945008f:#FFFFFF;--e-global-color-06085dd:#FF6A6A;--e-global-color-ce67c82:#FF3B43;--e-global-color-46113e3:#DF141D;--e-global-color-54189af:#97090F;--e-global-color-f2afdb3:#390507;--e-global-color-2700acb:#FF5259A8;--e-global-color-cc34b25:#4B000557;--e-global-color-1109871:#28000342;--e-global-color-df1589c:#FF0000;--e-global-color-7536c20:#2B0000;--e-global-color-684e62f:#120000;--e-global-color-b8b89b0:#FCDD9A;--e-global-color-5be5c5e:#ECCA77;--e-global-color-215c24f:#8B6832;--e-global-color-1ad1db1:#9A7438;--e-global-color-764e5ea:#4A3510;--e-global-color-cdc9961:#FCDD9A99;--e-global-color-e4b6b32:#ECCA77;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;--e-global-typography-333e61e-font-size:22px;--e-global-typography-333e61e-font-weight:600;--e-global-typography-333e61e-line-height:1.5em;background-color:var( --e-global-color-39eec29 );font-family:"Anuphan", Sans-serif;font-size:0.9rem;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-0823b2f );}.elementor-kit-7 a:hover{color:var( --e-global-color-28e6239 );}.elementor-kit-7 h1{font-size:24px;line-height:1.5em;}.elementor-kit-7 h2{font-size:23px;line-height:1.5em;}.elementor-kit-7 h3{font-size:22px;line-height:1.5em;}.elementor-kit-7 h4{font-size:21px;line-height:1.5em;}.elementor-kit-7 h5{font-size:20px;line-height:1.5em;}.elementor-kit-7 h6{font-size:19px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;}.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-kit-7{font-size:0.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-333e61e-line-height:1.4em;font-size:0.9rem;}.elementor-kit-7 h1{line-height:1.4em;}.elementor-kit-7 h2{line-height:1.4em;}.elementor-kit-7 h3{line-height:1.4em;}.elementor-kit-7 h4{line-height:1.4em;}.elementor-kit-7 h5{line-height:1.4em;}.elementor-kit-7 h6{line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ========== BG : พื้นหลังเว็บ ========== */

/* ชั้นพื้นหลังหลัก (ทุกจอ) */
body::after {
  /* สวิตช์พื้นหลัง เลือก 1 / 2 / 3
     bg-1 = สีเดียวจาก site bg
     bg-2 = รูป + สี overlay
     bg-3 = ไล่สี */
  --bg-switch: var(--bg-3);

  /* bg-1: โปร่ง ให้เห็น site bg */
  --bg-1: transparent;

  /* bg-2: สี overlay ทับรูป */
  --bg-2:
    linear-gradient(
      var(--e-global-color-ee0b150),
      var(--e-global-color-ee0b150)),
    url("https://uspin69.pro/wp-content/uploads/2026/10/bg-uspin69.webp") 50% 50% / cover no-repeat;

  /* bg-3: ไล่สี */
  --bg-3:
    radial-gradient(circle at 50% 12%,
      color-mix(in srgb, var(--e-global-color-143e43b) 12%, transparent),
      transparent 16%),
    radial-gradient(circle at 12% 45%,
      color-mix(in srgb, var(--e-global-color-7f86440) 14%, transparent),
      transparent 24%),
    radial-gradient(circle at 88% 42%,
      color-mix(in srgb, var(--e-global-color-8ed11f9) 8%, transparent),
      transparent 24%),
    linear-gradient(180deg,
      var(--e-global-color-148ee67) 0%,
      var(--e-global-color-c178527) 38%,
      var(--e-global-color-fbdf4c6) 70%,
      var(--e-global-color-13b1a73) 100%);

  content: "";
  position: fixed;
  inset: 0;
  background: var(--bg-switch);
  pointer-events: none;
  z-index: -1;
}

/* กันหน้าล้นจอ */
html, body {
  overflow-x: hidden;
}

/* ========== จบส่วน BG ========== */



/* ========== SIDEMENU ========== */

/* ปุ่มปิด sidemenu 1 */
.cs-sidemenu1 .dialog-close-button{
    background:
    radial-gradient(120% 170% at 50% -45%,
      rgba(255, 255, 255, .13),
      transparent 48%),
    linear-gradient(180deg,
      #ff555d 0%,
      #ff3942 17%,
      #ed1720 36%,
      #c40d15 56%,
      #92080d 78%,
      #5c0508 100%);
    border: 1px solid #ff7d82d1;
    border-radius: 30px;
    padding: 5px;
}

/* ปุ่มปิด sidemenu 2 */
.cs-sidemenu2 .dialog-close-button {
  background:
    radial-gradient(120% 170% at 50% -45%,
      rgba(255, 255, 255, .13),
      transparent 48%),
    linear-gradient(180deg,
      #ff555d 0%,
      #ff3942 17%,
      #ed1720 36%,
      #c40d15 56%,
      #92080d 78%,
      #5c0508 100%);
  border: 1px solid #ff7d82d1;
  padding: 8px;
}

/* แถบข้างไล่สี (.sidemenu-bs) */
.sidemenu-bs .dialog-widget-content:before{
    background:
        linear-gradient(45deg,
            transparent 0%,
            var(--e-global-color-df6fac7) 50%,
            transparent 100%);
    width: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    height: 100%;
    transform: translateY(-50%);
    content: "";
    z-index: 999;
}

/* ========== จบส่วน SIDEMENU ========== */



/* ========== BORDER SLICE ========== */
/* .slice-box-top / .slice-box-bottom */

.slice-box-top{
    border-image:
        linear-gradient(90deg,
            var(--e-global-color-c30d4df),
            var(--e-global-color-e55e28a) 30%,
            var(--e-global-color-30861e5) 50%,
            var(--e-global-color-a46cec9) 70%,
            var(--e-global-color-962e054)) 1;
    border-top: 2px solid !important;
}

.slice-box-bottom{
    border-image:
        linear-gradient(90deg,
            var(--e-global-color-c30d4df),
            var(--e-global-color-e55e28a) 30%,
            var(--e-global-color-30861e5) 50%,
            var(--e-global-color-a46cec9) 70%,
            var(--e-global-color-962e054)) 1;
    border-bottom: 2px solid !important;
}

/* ========== จบส่วน BORDER SLICE ========== */



/* ========== GLOW : เส้นขอบแสงวิ่ง ========== */
/* .glow-bottom = ขอบล่าง
   .glow-top    = ขอบบน
   ใส่ทั้งสอง = ได้สองด้าน
   ตั้ง Border ใน Elementor = 0 */

/* ---- ขอบล่าง: ซ้าย > ขวา ---- */
.glow-bottom {
  position: relative;
  /* เส้นพื้น */
  border-bottom: 2px solid var(--e-global-color-30861e5) !important;
}

.glow-bottom::after {
  content: "";
  position: absolute;
  /* เท่ากับ height */
  bottom: -2px;
  left: 0;
  /* ความยาวแถบแสง */
  width: 40%;
  /* ความหนาเส้น */
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    var(--e-global-color-78e181a) 30%,
    var(--e-global-color-301acc1) 50%,
    transparent 100%);
  filter: drop-shadow(0 0 6px var(--e-global-color-4d9e44d));
  /* 1s = ความเร็ว */
  animation: glowRun 1s linear infinite;
  pointer-events: none;
  z-index: 1;
}

/* ---- ขอบบน: ขวา > ซ้าย ---- */
.glow-top {
  position: relative;
  /* เส้นพื้น */
  border-top: 2px solid var(--e-global-color-30861e5) !important;
}

.glow-top::before {
  content: "";
  position: absolute;
  /* เท่ากับ height */
  top: -2px;
  right: 0;
  width: 40%;
  height: 2px;
  background: linear-gradient(270deg,
    transparent 0%,
    var(--e-global-color-78e181a) 30%,
    var(--e-global-color-301acc1) 50%,
    transparent 100%);
  filter: drop-shadow(0 0 6px var(--e-global-color-4d9e44d));
  animation: glowRunBack 1s linear infinite;
  pointer-events: none;
  z-index: 1;
}

/* ---- ระยะวิ่ง (ไม่ต้องแก้) ---- */
@keyframes glowRun {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(250%); }
}

@keyframes glowRunBack {
  0%   { transform: translateX(250%); }
  100% { transform: translateX(-100%); }
}

/* ========== จบส่วน GLOW ========== */



/* ========== TITLE : หัวข้อไล่สี ========== */
/* .title-tgr        = ไล่ 3 สี
   .title-tgr2       = ไล่ 7 สี
   .title-tgr2-shine = ไล่ 7 สี + แสงกวาด */

/* ---- .title-tgr ---- */
.title-tgr h1.elementor-heading-title,
.title-tgr h2.elementor-heading-title,
.title-tgr h3.elementor-heading-title,
.title-tgr h4.elementor-heading-title,
.title-tgr h5.elementor-heading-title{
    background-image: linear-gradient(120deg,
        var(--e-global-color-253a157) 0%,
        var(--e-global-color-983f460) 50%,
        var(--e-global-color-6543bbb) 100%) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---- .title-tgr2 ---- */
.title-tgr2 h1.elementor-heading-title,
.title-tgr2 h2.elementor-heading-title,
.title-tgr2 h3.elementor-heading-title,
.title-tgr2 h4.elementor-heading-title,
.title-tgr2 h5.elementor-heading-title{
    background: linear-gradient(120deg,
        var(--e-global-color-253a157) 0%,
        var(--e-global-color-983f460) 18%,
        var(--e-global-color-6543bbb) 36%,
        var(--e-global-color-b1688a6) 49%,
        var(--e-global-color-ec61e52) 66%,
        var(--e-global-color-997d8e9) 83%,
        var(--e-global-color-ad197ab) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---- .title-tgr2-shine ---- */
/* ใช้ keyframes จากส่วน SHINE */
.title-tgr2-shine h1.elementor-heading-title,
.title-tgr2-shine h2.elementor-heading-title,
.title-tgr2-shine h3.elementor-heading-title,
.title-tgr2-shine h4.elementor-heading-title,
.title-tgr2-shine h5.elementor-heading-title {
  background:
    linear-gradient(120deg,
      transparent 42%,
      rgba(255, 255, 255, .85) 50%,
      transparent 58%),
    linear-gradient(120deg,
      var(--e-global-color-253a157) 0%,
      var(--e-global-color-983f460) 18%,
      var(--e-global-color-6543bbb) 36%,
      var(--e-global-color-b1688a6) 49%,
      var(--e-global-color-ec61e52) 66%,
      var(--e-global-color-997d8e9) 83%,
      var(--e-global-color-ad197ab) 100%);
  background-size: 250% 100%, 100% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shineText 3s ease-in-out infinite;
}

/* ========== จบส่วน TITLE ========== */



/* ========== SHINE : แถบแสงกวาด ========== */
/* .shine-btn       = ปุ่ม
   .shine-box-right = กล่อง ซ้าย > ขวา
   .shine-box-left  = กล่อง ขวา > ซ้าย
   .shine-text      = ตัวอักษร */

/* ---- ปุ่ม ---- */
.shine-btn .elementor-button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.shine-btn .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, .6) 50%,
    rgba(255, 255, 255, 0) 60%);
  background-size: 250% 100%;
  animation: shineRun 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

.shine-btn .elementor-button-content-wrapper {
  position: relative;
  z-index: 2;
}

/* ---- กล่อง: ซ้าย > ขวา ---- */
.shine-box-right {
  position: relative;
  overflow: hidden;
}

.shine-box-right::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, .15) 50%,
    rgba(255, 255, 255, 0) 60%);
  background-size: 250% 100%;
  animation: shineRun 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

.shine-box-right > *,
.shine-box-right .elementor-widget,
.shine-box-right .elementor-widget-container {
  position: relative;
  z-index: 2;
}

/* ---- กล่อง: ขวา > ซ้าย ---- */
.shine-box-left {
  position: relative;
  overflow: hidden;
}

.shine-box-left::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, .15) 50%,
    rgba(255, 255, 255, 0) 60%);
  background-size: 250% 100%;
  animation: shineRunLeft 3s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

.shine-box-left > *,
.shine-box-left .elementor-widget,
.shine-box-left .elementor-widget-container {
  position: relative;
  z-index: 2;
}

/* ---- ตัวอักษร ---- */
.shine-text .elementor-heading-title,
.shine-text.elementor-heading-title {
  position: relative;
  z-index: 2;
  background: linear-gradient(120deg,
    var(--e-global-color-primary) 40%,
    var(--e-global-color-675dc18) 48%,
    var(--e-global-color-5e83acd) 52%,
    var(--e-global-color-primary) 60%);
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shineText 3s ease-in-out infinite;
}

/* ---- จังหวะวิ่ง ---- */
@keyframes shineRun {
  0%   { background-position: 150% 0; opacity: 0; }
  15%  { opacity: .07; }
  46%  { opacity: .94; }
  72%  { opacity: .16; }
  100% { background-position: -50% 0; opacity: 0; }
}

@keyframes shineRunLeft {
  0%   { background-position: -50% 0; opacity: 0; }
  15%  { opacity: .07; }
  46%  { opacity: .94; }
  72%  { opacity: .16; }
  100% { background-position: 150% 0; opacity: 0; }
}

@keyframes shineText {
  0%   { background-position: 150% 0; }
  100% { background-position: -50% 0; }
}

/* ========== จบส่วน SHINE ========== */



/* ========== BGR : แถบไล่สีแนวนอน ========== */

.bgr{
    background:
  radial-gradient(80% 170% at 50% 0%,
    rgba(255, 57, 66, .10),
    transparent 52%),
  linear-gradient(90deg,
    transparent 0%,
    #020202 8%,
    #080101 17%,
    #140203 26%,
    #270304 35%,
    #4b0507 43%,
    #78070b 49%,
    #ad0b11 54%,
    #ed1720 58%,
    #ad0b11 62%,
    #78070b 67%,
    #4b0507 72%,
    #270304 79%,
    #140203 86%,
    #080101 92%,
    transparent 100%);
    border: 1px solid #ed172047;
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%);
  mask-image: linear-gradient(90deg,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%);
}

/* ========== จบส่วน BGR ========== */



/* ========== CUS-TB : ตาราง ========== */
/* คลาส cus-tb-2c / 3c / 4c */


/* ---- ตั้งค่า: คอม ---- */
[class*="cus-tb-"]{
  /* ขอบตาราง + เส้นใต้หัว */
  --tb-line-w:1px;
  --tb-line:rgba(255,70,70,.28);
  /* เส้นแบ่งช่องด้านใน */
  --tb-grid:rgba(255,255,255,.06);
  /* มุมโค้ง */
  --tb-radius:12px;
  /* พื้นตาราง */
  --tb-bg:rgba(25,4,6,.65);
  /* พื้นหัวตาราง */
  --tb-head-bg:#5c0d12;
  /* แถวสลับสี */
  --tb-even:rgba(140,15,22,.14);
  /* แถวตอนชี้เมาส์ */
  --tb-hover:rgba(200,35,45,.18);
  /* สีตัวอักษร */
  --tb-text:#e9dcdc;
  /* สีคำเน้น */
  --tb-strong:#ff9b9b;
  /* ระยะในช่อง */
  --tb-pad:12px 16px;
  /* ระยะในหัวตาราง */
  --tb-head-pad:14px 16px;
  /* ขนาดตัวอักษร */
  --tb-size:1em;
  /* กว้างขั้นต่ำ (100% = พอดีจอ) */
  --tb-min:100%;
}
/* ความกว้างคอลัมน์ (%) */
.cus-tb-2c{ --tb-c1:40%; --tb-c2:60%; }
.cus-tb-3c{ --tb-c1:28%; --tb-c2:28%; --tb-c3:44%; }
.cus-tb-4c{ --tb-c1:17%; --tb-c2:10%; --tb-c3:17%; --tb-c4:56%; }


/* ---- ตั้งค่า: แท็บเล็ต ---- */
@media (min-width:768px) and (max-width:1024px){
  [class*="cus-tb-"]{
    --tb-pad:12px 14px;
    --tb-head-pad:14px 14px;
    --tb-size:15px;
    --tb-min:100%;
  }
  .cus-tb-2c{ --tb-c1:40%; --tb-c2:60%; }
  .cus-tb-3c{ --tb-c1:28%; --tb-c2:28%; --tb-c3:44%; }
  .cus-tb-4c{ --tb-c1:20%; --tb-c2:12%; --tb-c3:18%; --tb-c4:50%; }
}


/* ---- ตั้งค่า: มือถือ ---- */
@media (max-width:767px){
  [class*="cus-tb-"]{
    --tb-pad:10px 12px;
    --tb-head-pad:12px;
    --tb-size:13px;
  }
  /* เกิน 100% = เลื่อนได้ */
  .cus-tb-2c{ --tb-min:140%; --tb-c1:40%; --tb-c2:60%; }
  .cus-tb-3c{ --tb-min:170%; --tb-c1:28%; --tb-c2:24%; --tb-c3:48%; }
  .cus-tb-4c{ --tb-min:200%; --tb-c1:17%; --tb-c2:10%; --tb-c3:17%; --tb-c4:56%; }
}


/* ---- ส่วนล่างนี้ไม่ต้องแก้ ---- */

/* กรอบตาราง */
:is(table[class*="cus-tb-"],
    [class*="cus-tb-"] table){
  width:100%;
  min-width:var(--tb-min);
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  border:var(--tb-line-w) solid var(--tb-line);
  border-radius:var(--tb-radius);
  overflow:hidden;
  background:var(--tb-bg);
  color:var(--tb-text);
  font-size:var(--tb-size);
  line-height:1.6;
}

/* ช่องทั่วไป */
[class*="cus-tb-"] :is(td, th){
  padding:var(--tb-pad);
  border:0;
  border-top:1px solid var(--tb-grid);
  vertical-align:top;
}
[class*="cus-tb-"] :is(td, th) + :is(td, th){
  border-left:1px solid var(--tb-grid);
}

/* หัวตาราง */
[class*="cus-tb-"] :is(th, thead td,
  tbody:first-child > tr:first-child > td){
  background:var(--tb-head-bg) !important;
  color:#fff !important;
  font-weight:600;
  text-align:center !important;
  padding:var(--tb-head-pad);
  border-top:0;
  border-left:0;
  border-bottom:var(--tb-line-w) solid var(--tb-line);
}

/* แถวแรกใต้หัว: ไม่มีเส้นซ้อน */
[class*="cus-tb-"] thead + tbody > tr:first-child > td,
[class*="cus-tb-"] tbody:first-child > tr:first-child + tr > td{
  border-top:0;
}

/* แถวสลับสี + ชี้เมาส์ */
[class*="cus-tb-"] tr:nth-child(even) td{ background:var(--tb-even); }
[class*="cus-tb-"] tr:hover td{ background:var(--tb-hover); }

/* คอลัมน์แรก: ขาว หนา */
[class*="cus-tb-"] td:first-child{ color:#fff; font-weight:600; }

/* คำเน้น: แดง / หัว+คอลัมน์แรก = ขาว */
[class*="cus-tb-"] td strong{ color:var(--tb-strong); }
[class*="cus-tb-"] :is(th, thead td, td:first-child,
  tbody:first-child > tr:first-child > td) strong{ color:#fff; }

/* ความกว้างคอลัมน์ */
[class*="cus-tb-"] :is(td, th):nth-child(1){ width:var(--tb-c1, auto); }
[class*="cus-tb-"] :is(td, th):nth-child(2){ width:var(--tb-c2, auto); }
[class*="cus-tb-"] :is(td, th):nth-child(3){ width:var(--tb-c3, auto); }
[class*="cus-tb-"] :is(td, th):nth-child(4){ width:var(--tb-c4, auto); }

/* เลื่อนได้: คลาสอยู่ที่วิดเจ็ต */
[class*="cus-tb-"]:not(table){
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* เลื่อนได้: คลาสอยู่ที่ <table> */
@media (max-width:767px){
  table[class*="cus-tb-"]{
    display:block;
    min-width:0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  table[class*="cus-tb-"] > :is(thead, tbody){
    display:table;
    width:100%;
    min-width:var(--tb-min);
    table-layout:fixed;
  }
}

/* ========== จบส่วน CUS-TB ========== */



/* ========== WINK : ปุ่มเต้น ========== */
/* ใส่คลาส wink-wink */

@keyframes wink-wink{
    0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    }

    100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    }
}

.wink-wink a{
    animation: wink-wink .4s linear infinite alternate;
}

/* ========== จบส่วน WINK ========== */



/* ========== AC-POST : การ์ดโพสต์ ========== */
/* ใส่ custom-ac-post ที่ Archive Posts */

.custom-ac-post .elementor-post__card {
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--e-global-color-68d9e51) 96%, transparent) 0%,
            color-mix(in srgb, var(--e-global-color-5bf3fe5) 98%, transparent) 100%);
    /* ความเข้มขอบ 0–100% */
    /* !important กันค่า widget ทับ */
    border: 1px solid color-mix(in srgb, var(--e-global-color-8f05563) 24%, transparent) !important;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, .48),
        0 0 24px color-mix(in srgb, var(--e-global-color-8f05563) 12%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .06);
    transition: border-color .3s ease, box-shadow .3s ease;
}

/* รูปชิดส่วนเนื้อหา */
.custom-ac-post .elementor-post__thumbnail__link {
    margin-bottom: 0 !important;
}

/* แสงใต้รูป */
.custom-ac-post .elementor-post__text {
    /* ระยะรูปถึงหัวข้อ (0 = ชิด) */
    padding-top: 10px !important;

    background:
        /* แสง กว้าง 50% สูง 40% */
        radial-gradient(ellipse 50% 40% at 50% 0%,
            /* ความเข้มแสง 0–100% */
            color-mix(in srgb, var(--e-global-color-8f05563) 30%, transparent),
            transparent 100%);
}

/* hover */
.custom-ac-post .elementor-post__card:hover {
    /* ความเข้มขอบ hover 0–100% */
    border-color: color-mix(in srgb, var(--e-global-color-8f05563) 36%, transparent) !important;
    box-shadow:
        0 20px 42px rgba(0, 0, 0, .54),
        0 0 30px color-mix(in srgb, var(--e-global-color-8f05563) 18%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* เงาเรืองหัวข้อ */
.custom-ac-post .elementor-post__title a {
    text-shadow:
        /* เรืองใน ตามสีหัวข้อ */
        0 0 12px color-mix(in srgb, currentColor 28%, transparent),
        /* เรืองนอก ตามสีขอบการ์ด */
        0 0 22px color-mix(in srgb, var(--e-global-color-8f05563) 10%, transparent);
}

/* เนื้อหาย่อ: ตัดบรรทัด + เงาดำ */
.custom-ac-post .elementor-post__excerpt p {
    display: -webkit-box;
    /* จำนวนบรรทัด */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 5px 5px 16px rgba(0, 0, 0, .6);
}

/* เส้นเหนือวันที่ */
.custom-ac-post .elementor-post__meta-data {
    border-top-color: color-mix(in srgb, var(--e-global-color-8f05563) 24%, transparent) !important;
    transition: border-color .3s ease;
}

/* เส้นเหนือวันที่ ตอน hover */
.custom-ac-post .elementor-post__card:hover .elementor-post__meta-data {
    border-top-color: color-mix(in srgb, var(--e-global-color-8f05563) 36%, transparent) !important;
}

/* ========== จบส่วน AC-POST ========== */



/* ========== PGN : เลขหน้า ========== */
/* ใส่ custom-pgn */

/* ปกติ */
.custom-pgn .page-numbers {
    background:
        linear-gradient(90deg,
            var(--e-global-color-55490a9) 0%,
            var(--e-global-color-d07fd5a) 100%);
    display: inline-block;
    margin: 5px 0px;
    padding: 10px 10px;
    border-radius: 10px;
}

/* hover */
.custom-pgn .page-numbers:hover {
    background:
        linear-gradient(90deg,
            var(--e-global-color-baae0a6) 0%,
            var(--e-global-color-1a7b3f8) 100%);
    text-shadow:
        0 0 5px var(--e-global-color-15dbf2a),
        0 0 10px var(--e-global-color-9001af2);
}

/* หน้าปัจจุบัน */
.custom-pgn nav .current{
    background:
        linear-gradient(90deg,
            var(--e-global-color-baae0a6) 0%,
            var(--e-global-color-1a7b3f8) 100%);
    text-shadow:
        0 0 5px var(--e-global-color-15dbf2a),
        0 0 10px var(--e-global-color-9001af2);
}

/* ========== จบส่วน PGN ========== */



/* ========== CAT-BTN : ปุ่มหมวดหมู่ ========== */
/* ใส่ cat-btn */

.cat-btn .elementor-widget-container h5{
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-primary);
}

.cat-btn .elementor-widget-container ul{
    padding: 0;
    margin: 0;
}

/* ---- แท็บเล็ต (≤1024px) ---- */
@media screen and (max-width: 1024px){
    .cat-btn .elementor-widget-container ul{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* หัวข้อกลาง + เส้นซ้ายขวา */
    .cat-btn .elementor-widget-container h5{
        display: flex;
        /* เส้นอยู่กลางตัวอักษร */
        align-items: center;
        /* จัดกลาง */
        justify-content: center;
        /* ระยะเส้นกับตัวหนังสือ */
        gap: 12px;
        text-align: center;
        /* ไม่ตัดบรรทัด ให้เส้นหดแทน */
        white-space: nowrap;
        /* ระยะขอบ มาก = เส้นสั้น
           (0–30%) */
        padding-inline: 10%;
    }

    /* เส้นซ้าย + ขวา */
    .cat-btn .elementor-widget-container h5::before,
    .cat-btn .elementor-widget-container h5::after{
        /* จำเป็น ห้ามลบ */
        content: "";
        /* ยืดเต็มที่เหลือ ห้ามแก้ */
        flex: 1;
        /* ความหนาเส้น */
        height: 0.5px;
        /* สีเส้น */
        background: var(--e-global-color-5892ed7);
        /* ความชัด 0–1 */
        opacity: 1;
    }
}

/* ---- มือถือ (≤767px) ---- */
/* ต้องอยู่หลังแท็บเล็ตเสมอ */
@media screen and (max-width: 767px){
    .cat-btn .elementor-widget-container h5{
        /* ระยะขอบ มือถือ (0–20%) */
        padding-inline: 5%;
    }
}

.cat-btn .elementor-widget-container li{
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ปุ่ม: ปกติ */
.cat-btn .elementor-widget-container ul li a{
    text-align: center;
    padding: 10px 1px;
    margin: 0px 2px;
    margin-bottom: 10px;
    display: block;
    color: var(--e-global-color-text);
    background:
        linear-gradient(180deg,
            var(--e-global-color-55490a9) 0%,
            var(--e-global-color-d07fd5a) 100%);
    border-radius: 8px;
    font-size: 16px;

    /* ให้แผ่นเคลือบวางทับได้ */
    position: relative;
    overflow: hidden;

    /* ขอบ */
    border: 1px solid var(--e-global-color-0e1ffd6);

    /* เงา */
    box-shadow:
        /* เงาขอบล่าง */
        inset 0 -4px 0 var(--e-global-color-53743ec),
        /* เงามืดในปุ่ม */
        inset 0 -10px 18px rgba(0, 0, 0, .20),
        /* เงาขอบนอก */
        0 1px 3px var(--e-global-color-9e64169);
}

/* แผ่นเคลือบใส */
.cat-btn .elementor-widget-container ul li a::before{
    /* จำเป็น ห้ามลบ */
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    /* ความสูง 0–100% */
    height: 48%;
    /* คลิกทะลุได้ */
    pointer-events: none;
    /* บนโค้งตามปุ่ม ล่างโค้งน้อย */
    border-radius: 7px 7px 4px 4px;

    /* ไล่ขาวจนใส
       (.18 / .04 = ความขาว 0–1) */
    background: linear-gradient(180deg,
        rgba(255, 255, 255, .18) 0%,
        rgba(255, 255, 255, .04) 65%,
        transparent 100%);
    /* ความชัดรวม 0–1 */
    opacity: .76;
}

/* ปุ่ม: hover */
.cat-btn .elementor-widget-container ul li a:hover{
    background: linear-gradient(180deg,
        var(--e-global-color-baae0a6) 0%,
        var(--e-global-color-1a7b3f8) 100%);
    filter: saturate(1.2);
    text-shadow:
        0 0 5px var(--e-global-color-15dbf2a),
        0 0 10px var(--e-global-color-9001af2);
    border: 1px solid var(--e-global-color-2066920);
}

/* ปุ่ม: หมวดปัจจุบัน */
.cat-btn .elementor-widget-container .current-cat a{
    background: linear-gradient(180deg,
        var(--e-global-color-baae0a6) 0%,
        var(--e-global-color-1a7b3f8) 100%);
    filter: saturate(1.2);
    text-shadow:
        0 0 5px var(--e-global-color-15dbf2a),
        0 0 10px var(--e-global-color-9001af2);
    border: 1px solid var(--e-global-color-2066920);
}

/* ========== จบส่วน CAT-BTN ========== */



/* ========== GCH : แถบหัวการ์ดเกม ========== */
/* ใส่ gch
   สี: Global Colors (gch)
   ฟอนต์: Global Fonts
   แก้ที่ Site Settings */

.gch {
    /* จำเป็น ให้เคลือบวางทับได้ */
    position: relative;
    /* จำเป็น กันเคลือบล้น */
    overflow: hidden;
    /* ระยะใน บน-ล่าง ซ้าย-ขวา */
    padding: 6px 18px;
    /* มุมโค้ง (0 = เหลี่ยม) */
    border-radius: 14px;

    /* สีพื้น บน > ล่าง */
    background: linear-gradient(180deg,
        /* พื้น 1 บนสุด */
        var(--e-global-color-ce67c82) 0%,
        /* พื้น 2 */
        var(--e-global-color-46113e3) 36%,
        /* พื้น 3 */
        var(--e-global-color-54189af) 70%,
        /* พื้น 4 ล่างสุด */
        var(--e-global-color-f2afdb3) 100%);

    /* ขอบ */
    border: 1px solid var(--e-global-color-2700acb);

    box-shadow:
        /* เส้นสว่างขอบบน */
        inset 0 1px 0 rgba(255, 255, 255, .18),
        /* เงาขอบล่าง */
        inset 0 -4px 0 var(--e-global-color-cc34b25),
        /* เงามืดด้านล่าง */
        inset 0 -10px 18px rgba(0, 0, 0, .20),
        /* เงานอก */
        0 1px 3px var(--e-global-color-1109871);
}

/* ---- แผ่นเคลือบใสด้านบน ---- */
.gch::before {
    /* จำเป็น ห้ามลบ */
    content: "";
    position: absolute;
    /* ห่างขอบซ้าย */
    left: 4px;
    /* ห่างขอบขวา */
    right: 4px;
    /* ห่างขอบบน */
    top: 4px;
    /* ความสูง 0–100% */
    height: 32%;
    /* คลิกทะลุได้ */
    pointer-events: none;
    /* โค้งน้อยกว่าแถบนิดหน่อย */
    border-radius: 12px;

    /* ไล่ขาวจนใส
       (.18 / .04 = ความขาว 0–1) */
    background: linear-gradient(180deg,
        rgba(255, 255, 255, .18) 0%,
        rgba(255, 255, 255, .04) 65%,
        transparent 100%);
    /* ความชัดรวม 0–1 */
    opacity: .76;
}

/* ---- ตัวหนังสือเหนือเคลือบ (ห้ามลบ) ---- */
.gch .elementor-heading-title {
    position: relative;
    z-index: 1;
}

/* ---- ไอคอนหน้าหัวข้อ ---- */
.gch .gch-icon {
    /* ขนาด เทียบตัวอักษร 0.8–2 */
    height: 1.2em;
    width: auto;
    /* กลางบรรทัด */
    vertical-align: middle;
    /* ห่างจากตัวอักษร */
    margin-right: .3em;

    /* เงา ขวา ลง ฟุ้ง สี */
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .35));
}

/* ========== จบส่วน GCH ========== */



/* ========== FOOTER MENU 1+2 ========== */

/* ---- ค่าหลัก (แก้ที่นี่) ---- */
:root {
    /* ขนาดวงกลม เล็กสุด-ตามจอ-ใหญ่สุด */
    --ft-mid-size: clamp(52px, 14vw, 72px);
    /* ช่องว่างรอบวงกลม */
    --ft-gap: 5px;
    /* ขอบล่างถึงวงกลม */
    --ft-bottom: 20px;
    /* แผ่นเว้ามุดใต้เมนู ข้างละ */
    --ft-overlap: 2px;
    /* เส้นขอบเว้า (ไม่เอา = 0px) */
    --ft-line: 0px;
}

/* ---- สีร่วม แถบเมนู 1 / 2 / 3 ---- */
.ft-menu-left,
.ft-menu-right,
.ft-menu-2,
.ft-menu-3 {
    background: linear-gradient(180deg,
        var(--e-global-color-f0056bf) 0%,
        var(--e-global-color-6a7a53d) 50%,
        var(--e-global-color-6d374c9) 100%) !important;
}

/* ---- สีปุ่มกลาง เมนู 1 + 2 ---- */
.ft-menu-mid,
.ft-menu-2-mid {
    background: linear-gradient(180deg,
        var(--e-global-color-94de7f9) 0%,
        var(--e-global-color-491ed3c) 50%,
        var(--e-global-color-857d8d1) 100%);
    border-color: var(--e-global-color-5ed522c);
    box-shadow: 0 0 10px var(--e-global-color-1a5a206);
}

/* ---- สีปุ่มกลางแบบแยก ---- */
/* ใส่ ft-mid-own-color เพิ่ม */
.ft-menu-mid.ft-mid-own-color {
    /* พื้น = สีเดียวกับซ้าย-ขวา */
    background: linear-gradient(180deg,
        var(--e-global-color-f0056bf) 0%,
        var(--e-global-color-6a7a53d) 50%,
        var(--e-global-color-6d374c9) 100%);

    border-color: var(--e-global-color-4b1d10b);
    box-shadow: 0 0 10px var(--e-global-color-c27a717);
}

/* ---- ขอบปุ่มกลาง ---- */
.ft-menu-mid {
    border-style: solid;
    border-width: 2px;
}

.ft-menu-2-mid {
    border-style: solid;
    border-width: 0px 1px;
}

/* ---- layout ซ้าย-ขวา เมนู 1 ---- */
.ft-menu-left,
.ft-menu-right {
    display: flex;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0;
    z-index: 2;
    padding-bottom: 6px;
    border-top: 3px solid var(--e-global-color-5ed522c);
    transition: filter .2s;
}

/* ---- สวิตช์: สีขอบชุดแยก ---- */
/* ft-left-own-border  = ซ้าย
   ft-right-own-border = ขวา */
.ft-menu-left.ft-left-own-border,
.ft-menu-right.ft-right-own-border {
    border-top-color: var(--e-global-color-4b1d10b);
}

/* ---- มุมโค้งซ้าย-ขวา ---- */
/* outer = ชิดขอบจอ
   inner = ชิดวงกลม */
/* คอม */
:root {
    --ft-radius-outer: 10px;
    --ft-radius-inner: 42px;
}

/* แท็บเล็ต */
@media (max-width: 1024px) {
    :root {
        --ft-radius-outer: 10px;
        --ft-radius-inner: 44px;
    }
}

/* มือถือ */
@media (max-width: 767px) {
    :root {
        --ft-radius-outer: 10px;
        --ft-radius-inner: 30px;
    }
}

.ft-menu-left {
    border-radius: var(--ft-radius-outer) var(--ft-radius-inner) 0 0;
}
.ft-menu-right {
    border-radius: var(--ft-radius-inner) var(--ft-radius-outer) 0 0;
}

/* ---- ช่องกลาง กว้างตามวงกลม ---- */
.ft-menu-mid-wrap {
    width: calc(var(--ft-mid-size) + var(--ft-gap) * 2) !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    position: relative !important;
    padding: 0 !important;
    /* อยู่ใต้เมนูซ้าย-ขวา */
    z-index: 1;
}

/* แผ่นเว้ายึดตำแหน่งจากตัวครอบ */
.ft-menu-mid-wrap .elementor-widget-html {
    position: static !important;
}

/* ---- วงกลม วัดจากขอบล่าง ---- */
.ft-menu-mid {
    position: absolute !important;
    top: auto !important;
    bottom: var(--ft-bottom);
    left: 50%;
    transform: translateX(-50%);
    width: var(--ft-mid-size) !important;
    height: var(--ft-mid-size) !important;
    margin: 0 !important;
    z-index: 3;
    border-radius: 50%;
}

.ft-menu-mid-img {
    position: absolute;
    width: calc(var(--ft-mid-size) * 1.08) !important;
    max-width: inherit !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: calc(var(--ft-mid-size) * -0.167);
}

/* ---- เงารูปปุ่มกลาง ---- */
.ft-menu-mid img,
.ft-menu-2-mid-img img {
    filter: drop-shadow(1px 1px 0px var(--e-global-color-e0b8e5a));
}

/* ---- แผ่นเว้า ชิดขอบล่าง ---- */
.footer-shape {
    /* รัศมีเว้า */
    --notch-r: calc(var(--ft-mid-size) / 2 + var(--ft-gap) + var(--ft-overlap));

    position: absolute;
    left:  calc(var(--ft-overlap) * -1);
    right: calc(var(--ft-overlap) * -1);
    bottom: 0;
    /* ขอบบน = กลางวงกลม */
    height: calc(var(--ft-bottom) + var(--ft-mid-size) / 2);
    z-index: 0;
    pointer-events: none;

    background:
        radial-gradient(circle at 50% 0,
            transparent var(--notch-r),
            var(--e-global-color-5ed522c) var(--notch-r),
            var(--e-global-color-5ed522c) calc(var(--notch-r) + var(--ft-line)),
            transparent calc(var(--notch-r) + var(--ft-line) + 0.5px)),
        linear-gradient(180deg,
            var(--e-global-color-f0056bf) 0%,
            var(--e-global-color-6a7a53d) 50%,
            var(--e-global-color-6d374c9) 100%);

    -webkit-mask: radial-gradient(circle at 50% 0,
        transparent var(--notch-r),
        #000 calc(var(--notch-r) + 0.5px));
    mask: radial-gradient(circle at 50% 0,
        transparent var(--notch-r),
        #000 calc(var(--notch-r) + 0.5px));
}

/* ========== จบส่วน FOOTER MENU 1+2 ========== */



/* ========== FOOTER MENU 3 ========== */
/* ปุ่มกลางเหรียญทอง กดแล้วยุบ
   ft-menu-3 = แถบนอกสุด
   ft3-coin  = Icon Box ตรงกลาง
   สีพื้นแถบอยู่ใน FOOTER 1+2 */

/* ---- ค่าหลัก ---- */
:root {
    /* ขนาดเหรียญ */
    --ft3-coin-size: 58px;
    /* ยกไอคอน+เหรียญขึ้น */
    --ft3-lift: 22px;
    /* ความหนาขอบเหรียญ */
    --ft3-depth: 6px;
    /* ขอบที่เหลือตอนกด */
    --ft3-press-depth: 4px;
    /* hover คอม ลอยขึ้น */
    --ft3-hover-up: 4px;
}

/* ---- แถบ: ขอบบน ---- */
.ft-menu-3 {
    /* สีขอบบนแถบ */
    border-top: 3px solid var(--e-global-color-e4b6b32);
}

/* สวิตช์: ใส่ ft3-own-border */
.ft-menu-3.ft3-own-border {
    border-top-color: var(--e-global-color-4b1d10b);
}

/* ---- ไอคอน SVG ใช้สีตาม color ---- */
.ft-menu-3 .elementor-icon svg,
.ft-menu-3 .elementor-icon svg * {
    fill: currentColor !important;
}

/* ---- ข้อความบรรทัดเดียว ---- */
.ft-menu-3 .elementor-icon-box-title {
    white-space: nowrap;
}

/* ---- ปุ่มข้าง (ไอคอน+ข้อความ) ---- */

/* ปกติ */
.ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin) .elementor-icon,
.ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin) .elementor-icon-box-title,
.ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin) .elementor-icon-box-title a {
    color: var(--e-global-color-945008f) !important;
    transition: color .15s ease;
}

/* ชี้ (คอม) */
@media (hover: hover) {
    .ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin):hover .elementor-icon,
    .ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin):hover .elementor-icon-box-title,
    .ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin):hover .elementor-icon-box-title a {
        color: var(--e-global-color-06085dd) !important;
    }
}

/* กด (แตะ / คลิก) */
.ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin):active .elementor-icon,
.ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin):active .elementor-icon-box-title,
.ft-menu-3 .elementor-widget-icon-box:not(.ft3-coin):active .elementor-icon-box-title a {
    color: var(--e-global-color-06085dd) !important;
}

/* ---- ปุ่มกลาง (เหรียญ) ---- */

.ft3-coin {
    position: relative;
    z-index: 3;
    -webkit-tap-highlight-color: transparent;
}

/* ยกไอคอนขึ้น ไม่กระทบ layout */
.ft3-coin .elementor-icon {
    /* ขอบ / ฟุ้ง / ตำแหน่ง */
    --d: var(--ft3-depth);
    --glow: 0px;
    --y: 0px;

    position: relative !important;
    z-index: 0;
    transform: translateY(calc(var(--ft3-lift) * -1 + var(--y))) !important;
    transition: transform .15s ease, color .15s ease !important;
}

/* เหรียญ วาดหลังไอคอน */
.ft3-coin .elementor-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--ft3-coin-size);
    height: var(--ft3-coin-size);
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;

    /* หน้าเหรียญ บนซ้าย > ล่างขวา */
    background: linear-gradient(145deg,
        var(--e-global-color-b8b89b0) 0%,
        var(--e-global-color-5be5c5e) 40%,
        var(--e-global-color-215c24f) 100%);

    /* เงา:
       1 ขอบข้างเหรียญ
       2 ฐานเหรียญ
       3 เงาตกพื้น
       4 แสงฟุ้ง
       5 แสงขอบบนใน
       6 เงาขอบล่างใน */
    box-shadow:
        0 var(--d) 0 var(--e-global-color-1ad1db1),
        0 calc(var(--d) + 2px) 0 var(--e-global-color-764e5ea),
        0 calc(var(--d) + 4px) 25px rgba(0, 0, 0, .5),
        0 0 var(--glow) var(--e-global-color-cdc9961),
        inset 0 3px 6px rgba(255, 255, 255, .35),
        inset 0 -2px 4px rgba(0, 0, 0, .3);

    transition: box-shadow .15s ease, filter .15s ease;
}

/* ปุ่มกลาง: ปกติ */
.ft3-coin .elementor-icon {
    /* ไอคอนบนเหรียญ */
    color: var(--e-global-color-764e5ea) !important;
}
.ft3-coin .elementor-icon-box-title,
.ft3-coin .elementor-icon-box-title a {
    /* ข้อความใต้เหรียญ */
    color: var(--e-global-color-945008f) !important;
    transition: color .15s ease;
}

/* ปุ่มกลาง: hover (คอม) */
@media (hover: hover) {
    .ft3-coin:hover .elementor-icon {
        --y: calc(var(--ft3-hover-up) * -1);
        --d: calc(var(--ft3-depth) + var(--ft3-hover-up));
        --glow: 20px;
        /* ไอคอน hover */
        color: var(--e-global-color-764e5ea) !important;
    }
    .ft3-coin:hover .elementor-icon::before {
        filter: brightness(1.06);
    }
    .ft3-coin:hover .elementor-icon-box-title,
    .ft3-coin:hover .elementor-icon-box-title a {
        /* ข้อความ hover */
        color: var(--e-global-color-06085dd) !important;
    }
}

/* ปุ่มกลาง: กด */
.ft3-coin:active .elementor-icon {
    --y: calc(var(--ft3-depth) - var(--ft3-press-depth));
    --d: var(--ft3-press-depth);
    --glow: 8px;
    /* ไอคอน ตอนกด */
    color: var(--e-global-color-764e5ea) !important;
}
.ft3-coin:active .elementor-icon::before {
    filter: brightness(.97);
}
.ft3-coin:active .elementor-icon-box-title,
.ft3-coin:active .elementor-icon-box-title a {
    /* ข้อความ ตอนกด */
    color: var(--e-global-color-06085dd) !important;
}

/* ---- ปุ่มหน้าปัจจุบัน ---- */
/* สคริปต์ใส่ ft3-current ให้ */

/* ปุ่มข้าง: สีเปิด */
.ft-menu-3 .elementor-widget-icon-box.ft3-current:not(.ft3-coin) .elementor-icon,
.ft-menu-3 .elementor-widget-icon-box.ft3-current:not(.ft3-coin) .elementor-icon-box-title,
.ft-menu-3 .elementor-widget-icon-box.ft3-current:not(.ft3-coin) .elementor-icon-box-title a {
    color: var(--e-global-color-06085dd) !important;
}
.ft-menu-3 .elementor-widget-icon-box.ft3-current:not(.ft3-coin) .elementor-icon svg,
.ft-menu-3 .elementor-widget-icon-box.ft3-current:not(.ft3-coin) .elementor-icon svg * {
    fill: var(--e-global-color-06085dd) !important;
}

/* ปุ่มกลาง: เปลี่ยนสีข้อความ */
.ft-menu-3 .elementor-widget-icon-box.ft3-coin.ft3-current .elementor-icon-box-title,
.ft-menu-3 .elementor-widget-icon-box.ft3-coin.ft3-current .elementor-icon-box-title a {
    color: var(--e-global-color-06085dd) !important;
}

/* ========== จบส่วน FOOTER MENU 3 ========== */



/* ========== RDC : กล่องไล่สี ========== */
/* ใส่ rdc / rdc-hover (ใช้คู่กัน) */

.rdc {
    background:
        radial-gradient(circle at 50% 0%,
            color-mix(in srgb, var(--e-global-color-df1589c) 13%, transparent),
            transparent 26%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--e-global-color-7536c20) 96%, transparent) 0%,
            color-mix(in srgb, var(--e-global-color-684e62f) 98%, transparent) 100%);
    border: 1px solid color-mix(in srgb, var(--e-global-color-df1589c) 24%, transparent);
    border-radius: 22px;
    padding: 16px;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, .48),
        0 0 24px color-mix(in srgb, var(--e-global-color-df1589c) 12%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}

/* เงาเรืองหัวข้อ */
.rdc .elementor-heading-title {
    text-shadow:
        /* เรืองใน ตามสีหัวข้อ */
        0 0 12px color-mix(in srgb, currentColor 28%, transparent),
        /* เรืองนอก ตามสี rdc */
        0 0 22px color-mix(in srgb, var(--e-global-color-df1589c) 10%, transparent);
}

/* เงาดำใต้เนื้อหา */
.rdc .elementor-widget-text-editor p {
    text-shadow: 5px 5px 16px rgba(0, 0, 0, .6);
}

/* hover */
.rdc-hover {
    transition: border-color .3s ease, box-shadow .3s ease;
}

.rdc-hover:hover {
    border-color: color-mix(in srgb, var(--e-global-color-df1589c) 36%, transparent);
    box-shadow:
        0 20px 42px rgba(0, 0, 0, .54),
        0 0 30px color-mix(in srgb, var(--e-global-color-df1589c) 18%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* ========== จบส่วน RDC ========== */



/* ========== CUS-ACC : Accordion ========== */
/* ใส่ cus-acc ที่ Nested Accordion
   แก้ค่าเฉพาะข้อ 1 */

/* ---- 1. ตั้งค่า ---- */
.cus-acc{
  /* ระยะห่างแต่ละข้อ */
  --acc-gap:10px;
  /* มุมโค้ง */
  --acc-radius:14px;
  /* ความหนาขอบ */
  --acc-border:1px;
  /* ระยะในหัวข้อ บน-ล่าง */
  --acc-pad-y:16px;
  /* ระยะใน ซ้าย-ขวา */
  --acc-pad-x:20px;
  /* ระยะล่างเนื้อหา */
  --acc-content-pad:18px;
  /* ขนาดตัวอักษรหัวข้อ */
  --acc-title-size:16px;
  /* ขนาดไอคอน */
  --acc-icon-size:16px;

  /* พื้น บน */
  --acc-bg-top:#5e0e14;
  /* พื้น กลาง */
  --acc-bg-mid:#2a0508;
  /* พื้น ล่าง */
  --acc-bg-bottom:#1c0305;
  /* ขอบ บน */
  --acc-border-top:rgba(255,110,110,.6);
  /* ขอบ ล่าง */
  --acc-border-bottom:rgba(255,70,70,.08);

  /* สีหัวข้อ */
  --acc-title:#fff;
  /* สีหัวข้อตอนเปิด */
  --acc-title-active:#ff9b9b;
  /* สีเนื้อหา */
  --acc-text:#e2cfcf;
}


/* ---- 2. กล่อง: พื้น + ขอบไล่สี ---- */
.cus-acc .e-n-accordion-item{
  margin-bottom:var(--acc-gap);
  border:var(--acc-border) solid transparent !important;
  border-radius:var(--acc-radius); overflow:hidden;
  background:
    radial-gradient(120% 140% at 50% 0%, var(--acc-bg-top) 0%, var(--acc-bg-mid) 60%, var(--acc-bg-bottom) 100%) padding-box,
    linear-gradient(180deg, var(--acc-border-top), var(--acc-border-bottom)) border-box;
}


/* ---- 3. ล้างค่า Elementor + ระยะใน ---- */
/* แถบหัวข้อ */
.cus-acc .e-n-accordion-item-title{
  background:transparent !important; border:0 !important;
  padding:var(--acc-pad-y) var(--acc-pad-x) !important;
}
/* ส่วนเนื้อหา */
.cus-acc .e-n-accordion-item > .e-con{
  background:transparent !important; border:0 !important;
  padding:0 var(--acc-pad-x) var(--acc-content-pad) !important;
}


/* ---- 4. สีเนื้อหา ---- */
.cus-acc .e-n-accordion-item > .e-con,
.cus-acc .e-n-accordion-item > .e-con .elementor-widget-text-editor{ color:var(--acc-text) !important; }


/* ---- 5. หัวข้อ: ปกติ / เปิด ---- */
.cus-acc .e-n-accordion-item-title-text{ color:var(--acc-title) !important; font-size:var(--acc-title-size) !important; }
.cus-acc .e-n-accordion-item[open] .e-n-accordion-item-title-text{ color:var(--acc-title-active) !important; }


/* ---- 6. ไอคอน: ขนาด / สี ---- */
/* แบบ SVG */
.cus-acc .e-n-accordion-item-title-icon svg{ width:var(--acc-icon-size); height:var(--acc-icon-size); fill:var(--acc-title) !important; }
.cus-acc .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg{ fill:var(--acc-title-active) !important; }
/* แบบฟอนต์ (เผื่อไว้) */
.cus-acc .e-n-accordion-item-title-icon i{ font-size:var(--acc-icon-size); color:var(--acc-title) !important; }
.cus-acc .e-n-accordion-item[open] .e-n-accordion-item-title-icon i{ color:var(--acc-title-active) !important; }


/* ---- 7. สีค่อย ๆ เปลี่ยน ---- */
.cus-acc .e-n-accordion-item-title-text,
.cus-acc .e-n-accordion-item-title-icon svg,
.cus-acc .e-n-accordion-item-title-icon i{ transition:color .3s, fill .3s; }


/* ---- 8. มือถือ ---- */
@media (max-width:767px){
  .cus-acc{ --acc-pad-x:10px; }
}

/* ========== จบส่วน CUS-ACC ========== */



/* ========== CUS-IC : ไอคอนในวงกลม ========== */
/* ใส่ cus-ic ที่ Icon Box */

.cus-ic{
  /* ขนาดไอคอน */
  --ic-size:30px;
  /* ขนาดวงกลม */
  --ic-box:60px;
}
.cus-ic .elementor-icon{
  width:var(--ic-box); height:var(--ic-box); padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:linear-gradient(145deg, #8a1a20, #3a0508);
  border:2px solid rgba(255,90,90,.45);
}
.cus-ic .elementor-icon svg{
  width:var(--ic-size); height:var(--ic-size);
  fill:var(--e-global-color-text);
}

/* ========== จบส่วน CUS-IC ========== */



/* ========== CUS-CHEV : การ์ดลูกศร ========== */
/* ใส่ cus-chev ที่ Container 4 ใบ
   Gaps ของ Grid = 0 */

.cus-chev{
  /* มุมโค้ง ใบแรก / ใบสุดท้าย */
  --chev-radius:14px;
  /* ความลึกปลายลูกศร */
  --chev-tip:28px;
  /* ขอบปลายลูกศร (0 = ไม่มี) */
  --chev-tip-border:2px;
  /* ขอบแบบเงาซ้อน (0 = ปิด) */
  --chev-edge:1px;
  /* สีขอบเงาซ้อน */
  --chev-edge-color:rgba(255,110,110,.7);
  /* ความหนาขอบ */
  --chev-border:0px;
  /* สีเงา */
  --chev-shadow:rgba(0,0,0,.7);
  /* ความฟุ้งเงา */
  --chev-shadow-blur:10px;
  /* ระยะเงา */
  --chev-shadow-x:6px;
  /* ระยะใน บน */
  --chev-pad-top:20px;
  /* ระยะใน ล่าง */
  --chev-pad-bottom:20px;
  /* ระยะใน ซ้าย-ขวา */
  --chev-pad-x:14px;
  /* ขอบ บน */
  --chev-border-top:rgba(255,110,110,.7);
  /* ขอบ ล่าง */
  --chev-border-bottom:rgba(255,70,70,.35);
  /* พื้น บน */
  --chev-bg-top:#5e0e14;
  /* พื้น กลาง */
  --chev-bg-mid:#2a0508;
  /* พื้น ล่าง */
  --chev-bg-bottom:#1c0305;

  /* ค่าภายใน (ไม่ต้องแก้) */
  --chev-arrow:1;
  --chev-t:calc(var(--chev-tip) * var(--chev-arrow));
  --chev-stick:calc(var(--chev-t) * -1);
  --chev-end:calc(var(--chev-stick) + var(--chev-border) + (var(--chev-tip-border) - var(--chev-border)) * var(--chev-arrow));
  --chev-start-border:var(--chev-border);
  --chev-shape:polygon(0 0, calc(100% - var(--chev-t)) 0, 100% 50%, calc(100% - var(--chev-t)) 100%, 0 100%);
  --chev-rl:var(--chev-radius);
  --chev-rr:0px;
  --chev-rl-in:max(0px, calc(var(--chev-rl) - var(--chev-border)));
  --chev-rr-in:max(0px, calc(var(--chev-rr) - var(--chev-border)));
  --chev-filter:
    drop-shadow(var(--chev-edge) 0 0 var(--chev-edge-color))
    drop-shadow(var(--chev-shadow-x) 0 var(--chev-shadow-blur) var(--chev-shadow));

  position:relative; z-index:4 !important;
  border:0 !important; border-radius:0 !important;
  background:transparent !important; overflow:visible !important;
  padding:var(--chev-pad-top) var(--chev-pad-x) var(--chev-pad-bottom) !important;
  filter:var(--chev-filter);
}
/* ชั้นขอบ (พื้นทึบรองใต้) */
.e-con.cus-chev::before{
  content:"" !important; position:absolute !important; z-index:0;
  inset:0 var(--chev-stick) 0 0 !important;
  background:
    linear-gradient(180deg, var(--chev-border-top), var(--chev-border-bottom)),
    var(--chev-bg-mid) !important;
  clip-path:var(--chev-shape);
  border-radius:var(--chev-rl) var(--chev-rr) var(--chev-rr) var(--chev-rl) !important;
  opacity:1 !important; pointer-events:none;
}
/* ชั้นพื้นหลัง */
.e-con.cus-chev::after{
  content:"" !important; position:absolute !important; z-index:0;
  inset:var(--chev-border) var(--chev-end) var(--chev-border) var(--chev-start-border) !important;
  background:radial-gradient(120% 140% at 50% 0%, var(--chev-bg-top) 0%, var(--chev-bg-mid) 60%, var(--chev-bg-bottom) 100%) !important;
  clip-path:var(--chev-shape);
  border-radius:var(--chev-rl-in) var(--chev-rr-in) var(--chev-rr-in) var(--chev-rl-in) !important;
  opacity:1 !important; pointer-events:none;
}
.cus-chev > *{ position:relative; z-index:1; }

/* ใบ 02-04: ถูกทับซ้าย ไม่โค้ง */
.cus-chev ~ .cus-chev{
  z-index:3 !important;
  --chev-start-border:0px;
  --chev-rl:0px;
  padding-left:calc(var(--chev-tip) + var(--chev-pad-x)) !important;
}
.cus-chev ~ .cus-chev ~ .cus-chev{ z-index:2 !important; }
/* ใบ 04: ไม่มีลูกศร โค้งขวา */
.cus-chev ~ .cus-chev ~ .cus-chev ~ .cus-chev{
  z-index:1 !important; --chev-arrow:0; --chev-rr:var(--chev-radius); filter:none;
}

/* ---- แท็บเล็ต 2 คอลัมน์ ---- */
@media (min-width:768px) and (max-width:1024px){
  /* ใบ 02: สุดแถว โค้งขวา */
  .cus-chev ~ .cus-chev{ --chev-arrow:0; --chev-rr:var(--chev-radius); filter:none; }
  /* ใบ 03: ขึ้นแถวใหม่ โค้งซ้าย */
  .cus-chev ~ .cus-chev ~ .cus-chev{
    --chev-arrow:1; --chev-start-border:var(--chev-border);
    --chev-rl:var(--chev-radius); --chev-rr:0px;
    padding-left:var(--chev-pad-x) !important;
    filter:var(--chev-filter);
  }
  /* ใบ 04: ถูกทับซ้าย โค้งขวา */
  .cus-chev ~ .cus-chev ~ .cus-chev ~ .cus-chev{
    --chev-arrow:0; --chev-start-border:0px;
    --chev-rl:0px; --chev-rr:var(--chev-radius);
    padding-left:calc(var(--chev-tip) + var(--chev-pad-x)) !important;
    filter:none;
  }
}

/* ---- มือถือ: ชี้ลง ---- */
/* โค้งบนใบแรก / โค้งล่างใบท้าย */
@media (max-width:767px){
  .cus-chev{
    --chev-shape:polygon(0 0, 100% 0, 100% calc(100% - var(--chev-t)), 50% 100%, 0 calc(100% - var(--chev-t)));
    --chev-filter:
      drop-shadow(0 var(--chev-edge) 0 var(--chev-edge-color))
      drop-shadow(0 var(--chev-shadow-x) var(--chev-shadow-blur) var(--chev-shadow));
  }
  .e-con.cus-chev::before{
    inset:0 0 var(--chev-stick) 0 !important;
    border-radius:var(--chev-rl) var(--chev-rl) var(--chev-rr) var(--chev-rr) !important;
  }
  .e-con.cus-chev::after{
    inset:var(--chev-start-border) var(--chev-border) var(--chev-end) var(--chev-border) !important;
    border-radius:var(--chev-rl-in) var(--chev-rl-in) var(--chev-rr-in) var(--chev-rr-in) !important;
  }
  .cus-chev ~ .cus-chev{
    padding-left:var(--chev-pad-x) !important;
    padding-top:calc(var(--chev-tip) + var(--chev-pad-top)) !important;
  }
  .cus-chev ~ .cus-chev ~ .cus-chev ~ .cus-chev{ --chev-arrow:0; filter:none; }
}

/* ========== จบส่วน CUS-CHEV ========== *//* End custom CSS */