.elementor-kit-9{--e-global-color-primary:#1265DD;--e-global-color-secondary:#081327;--e-global-color-text:#F7F8F8;--e-global-color-accent:#D7AA6B;--e-global-color-d730bd2:#050915;--e-global-color-6faff91:#081327;--e-global-color-2fa2415:#11257C;--e-global-color-5f5baaf:#000000;--e-global-color-3540228:#F7F8F8;--e-global-color-49f192e:#D7AA6B;--e-global-color-4d0203b:#E8C770;--e-global-color-76b93dc:#11257C;--e-global-color-5d71cc5:#050915;--e-global-color-4840626:#2A7BF0;--e-global-typography-primary-font-family:"Kanit";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Kanit";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Kanit";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Kanit";--e-global-typography-accent-font-weight:500;background-color:transparent;font-family:"Kanit", Sans-serif;background-image:linear-gradient(180deg, #04070F 0%, #0A1738 100%);}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:#08FF00;font-family:"Kanit", Sans-serif;}.elementor-kit-9 a:hover{color:#0113FF;}.elementor-kit-9 h1{font-family:"Kanit", Sans-serif;font-size:28px;line-height:1.5em;}.elementor-kit-9 h2{font-family:"Kanit", Sans-serif;font-size:26px;line-height:1.5em;}.elementor-kit-9 h3{font-family:"Kanit", Sans-serif;font-size:24px;line-height:1.5em;}.elementor-kit-9 h4{font-family:"Kanit", Sans-serif;font-size:22px;line-height:1.5em;}.elementor-kit-9 h5{font-family:"Kanit", Sans-serif;font-size:20px;line-height:1.5em;}.elementor-kit-9 h6{font-family:"Kanit", Sans-serif;font-size:18px;line-height:1.5em;}.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 *//* =========================================
   FERRARI8 COLOR SYSTEM
========================================= */

:root {
  --f8-black: #000000;
  --f8-bg: #050915;
  --f8-navy: #081327;
  --f8-card: #0d1b38;

  --f8-blue: #0868f7;
  --f8-blue-hover: #2a7bf0;

  --f8-gold: #f0c84b;
  --f8-gold-hover: #ffd969;

  --f8-white: #ffffff;
  --f8-muted: #c7cbd4;
  --f8-border: #17315f;
}


/* =========================================
   พื้นหลังเว็บไซต์
========================================= */

html,
body {
  background:
    linear-gradient(
      180deg,
      var(--f8-black) 0%,
      var(--f8-bg) 14%,
      var(--f8-navy) 55%,
      var(--f8-bg) 100%
    ) !important;

  color: var(--f8-white) !important;
}


/* พื้นที่เนื้อหาหลัก */
#content,
.site-main,
.elementor-location-single,
.elementor-location-archive {
  background: transparent !important;
}


/* =========================================
   HEADER
========================================= */

header,
.site-header,
.elementor-location-header {
  background: var(--f8-black) !important;
  border-bottom: 1px solid rgba(8, 104, 247, 0.25) !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.45) !important;
}


/* ลบพื้นหลังชมพูที่ถูกตั้งไว้ใน Container */
.elementor-location-header .e-con,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container {
  background-color: transparent !important;
  background-image: none !important;
}


/* =========================================
   ปุ่มทั่วไป
========================================= */

.elementor-button,
button,
input[type="submit"],
input[type="button"] {
  color: var(--f8-white) !important;

  background:
    linear-gradient(
      180deg,
      #1478ff 0%,
      var(--f8-blue) 100%
    ) !important;

  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 50px !important;

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;

  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease !important;
}


.elementor-button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background:
    linear-gradient(
      180deg,
      #42a0ff 0%,
      var(--f8-blue-hover) 100%
    ) !important;

  transform: translateY(-1px);

  box-shadow:
    0 6px 18px rgba(8, 104, 247, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}


/* =========================================
   FOOTER หลัก
========================================= */

footer,
.site-footer,
.elementor-location-footer {
  position: relative;

  background:
    linear-gradient(
      180deg,
      #09152d 0%,
      #050915 52%,
      #02040a 100%
    ) !important;

  color: var(--f8-white) !important;

  border-top:
    1px solid rgba(8, 104, 247, 0.38) !important;

  box-shadow:
    0 -12px 32px rgba(0, 0, 0, 0.55) !important;

  overflow: visible !important;
}

/* บังคับพื้นหลัง Footer ไม่ให้โปร่งใส */
.elementor-location-footer .e-con,
.elementor-location-footer .elementor-section,
.elementor-location-footer .elementor-container,
.elementor-location-footer .elementor-widget-wrap {
  background-color: #050915 !important;
  background-image:
    linear-gradient(
      180deg,
      #09152d 0%,
      #050915 52%,
      #02040a 100%
    ) !important;

  opacity: 1 !important;
}
/* แสงน้ำเงินด้านบน Footer */
.elementor-location-footer::before,
.site-footer::before {
  content: "";
  position: absolute;

  top: 0;
  left: 50%;

  width: 80%;
  height: 1px;

  transform: translateX(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(33, 116, 255, 0.90),
      transparent
    );

  box-shadow:
    0 0 18px rgba(33, 116, 255, 0.55);

  pointer-events: none;
}


/* หัวข้อใน Footer */
.elementor-location-footer h1,
.elementor-location-footer h2,
.elementor-location-footer h3,
.elementor-location-footer h4,
.elementor-location-footer h5,
.elementor-location-footer h6 {
  color: var(--f8-white) !important;
}


/* ตัวอักษร Footer */
.elementor-location-footer p,
.elementor-location-footer span,
.elementor-location-footer li,
.elementor-location-footer a {
  color: var(--f8-muted) !important;
}


/* ลิงก์เมื่อ Hover */
.elementor-location-footer a:hover {
  color: var(--f8-gold) !important;
}


/* เส้นแบ่งใน Footer */
.elementor-location-footer hr,
.elementor-location-footer .elementor-divider-separator {
  border-color: rgba(255, 255, 255, 0.12) !important;
}


/* =========================================
   เมนูล่างจาก CSS เดิมของคุณ
========================================= */

.ft-menu-left {
  display: flex;
  flex: 1;
  z-index: 2;

  padding-bottom: 6px;

  background:
    linear-gradient(
      180deg,
      #102651 0%,
      #081327 100%
    ) !important;

  border-top:
    2px solid rgba(52, 131, 255, 0.85) !important;

  border-top-right-radius: 30px !important;

  box-shadow:
    0 -5px 18px rgba(0, 0, 0, 0.42) !important;

  transition:
    filter 0.2s ease,
    transform 0.2s ease !important;
}


.ft-menu-left:hover {
  filter: brightness(1.12);
}


/* เมนูตรงกลาง */
/* เมนูตรงกลาง */
.ft-menu-mid {
  position: absolute;

  width: 60px;
  height: 60px;

  left: 50%;
  top: -28px;

  margin: 0;

  transform: translateX(-50%);

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--f8-white) !important;

  background:
    radial-gradient(
      circle at 35% 25%,
      #2b91ff 0%,
      #0868f7 42%,
      #031d52 100%
    ) !important;

  border: 3px solid var(--f8-gold) !important;
  border-radius: 50% !important;

  box-shadow:
    0 0 0 5px var(--f8-bg),
    0 0 18px rgba(8, 104, 247, 0.85),
    0 6px 18px rgba(0, 0, 0, 0.50) !important;

  z-index: 20;
}


/* รูปหรือไอคอนตรงกลาง */
.ft-menu-mid-img {
  position: absolute !important;

  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%) !important;

  margin-top: 0 !important;

  object-fit: contain;
}


/* ลบทรงหรือพื้นหลังชมพูเดิม */
.footer-shape {
  background:
    linear-gradient(
      180deg,
      #102651 0%,
      #081327 100%
    ) !important;

  border-color:
    rgba(8, 104, 247, 0.65) !important;
}


/* เมนูขวา เผื่อมี Class นี้ */
.ft-menu-right {
  display: flex;
  flex: 1;
  z-index: 2;

  padding-bottom: 6px;

  background:
    linear-gradient(
      180deg,
      #102651 0%,
      #081327 100%
    ) !important;

  border-top:
    2px solid rgba(52, 131, 255, 0.85) !important;

  border-top-left-radius: 30px !important;

  box-shadow:
    0 -5px 18px rgba(0, 0, 0, 0.42) !important;
}


/* รายการในเมนูล่าง */
.ft-menu-left a,
.ft-menu-right a,
.ft-menu-left .elementor-icon,
.ft-menu-right .elementor-icon {
  color: var(--f8-white) !important;
}


.ft-menu-left a:hover,
.ft-menu-right a:hover {
  color: var(--f8-gold) !important;
}


/* =========================================
   กล่อง / Card
========================================= */

.f8-card,
.game-card,
.elementor-widget-image-box,
.elementor-widget-icon-box {
  background:
    linear-gradient(
      180deg,
      #102651 0%,
      #071126 100%
    ) !important;

  border:
    1px solid rgba(56, 126, 255, 0.25) !important;

  border-radius: 18px !important;

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.38) !important;
}


/* =========================================
   ช่องกรอกข้อมูล
========================================= */

input,
select,
textarea {
  background: var(--f8-white) !important;
  color: #222222 !important;

  border:
    1px solid var(--f8-gold) !important;

  border-radius: 30px !important;

  outline: none !important;
}


input:focus,
select:focus,
textarea:focus {
  border-color: var(--f8-blue) !important;

  box-shadow:
    0 0 0 3px rgba(8, 104, 247, 0.18) !important;
}


/* =========================================
   ตัวหนังสือ
========================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--f8-white);
}


p,
li {
  color: var(--f8-muted);
}


/* =========================================
   มือถือ
========================================= */

@media (max-width: 767px) {

  .ft-menu-mid {
    width: 56px;
    height: 56px;
  }

  .ft-menu-mid-img {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
  }

  .ft-menu-left {
    border-top-right-radius: 24px !important;
  }

  .ft-menu-right {
    border-top-left-radius: 24px !important;
  }
}
/* =========================================
   แก้ Header โปร่งใส
========================================= */

/* Container หลักของ Header */
.elementor-location-header .e-con,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-widget-wrap{
    background:#050915 !important;
    background-image:
        linear-gradient(
            180deg,
            #09152d 0%,
            #050915 100%
        ) !important;

    opacity:1 !important;
}


/* ถ้ามี Inner Container */
.elementor-location-header .e-con-inner{
    background:#050915 !important;
    background-image:none !important;
}


/* ลบ Overlay ที่ทำให้โปร่ง */
.elementor-location-header .elementor-background-overlay{
    display:none !important;
    opacity:0 !important;
}


/* บังคับ Header ทั้งหมด */
header,
.site-header,
.elementor-location-header{

    background:#050915 !important;

    background-image:
        linear-gradient(
            180deg,
            #09152d 0%,
            #050915 100%
        ) !important;

    opacity:1 !important;
}
/* แก้ Header ให้สีเรียบเท่ากันทั้งแถบ */

header,
.site-header,
.elementor-location-header {
  background: #050915 !important;
  background-image: none !important;
}

/* ล้างพื้นหลังของ Container ด้านใน Header */
.elementor-location-header .e-con,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-widget-wrap,
.elementor-location-header .e-con-inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* ลบ Overlay ที่ทำให้สีต่างกัน */
.elementor-location-header .elementor-background-overlay {
  display: none !important;
  opacity: 0 !important;
}
/* ===== บังคับ Header ทุกชั้นให้ทึบ ===== */

header,
.site-header,
.elementor-location-header,
.elementor-location-header > .e-con,
.elementor-location-header .e-con,
.elementor-location-header .elementor-container,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-widget-wrap{

    background:#050915 !important;
    background-image:none !important;

    opacity:1 !important;
}


/* ลบ Overlay ของ Elementor */
.elementor-location-header .elementor-background-overlay{
    display:none !important;
}


/* กัน Banner ลอยขึ้นมาทับ Header */
.elementor-location-header{
    isolation:isolate;
    z-index:9999;
}/* End custom CSS */