.elementor-10 .elementor-element.elementor-element-b25ac54{--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-10 .elementor-element.elementor-element-661a8ef{--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;}.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-b9cdcde *//* ===== HEADER ===== */ .ufa-header { max-width: none; background: #0b0f0e; font-family: 'Prompt', Arial, sans-serif; } /* ===== TOP BAR ===== */ .ufa-topbar { background: #000; padding: 8px 20px; display: flex; justify-content: flex-end; border-bottom: 1px solid #caa24d; } /* PC: ใช้ topbar */ .ufa-topbar { display: flex; } .ufa-mobile-auth { display: none; } .btn { padding: 6px 18px; font-size: 13px; border-radius: 14px; text-decoration: none; font-weight: 500; } .btn.login { background: linear-gradient(180deg, #ffffff, #f1f1f1); color: #000; } .btn.register { background: linear-gradient(180deg, #ffe08a, #d4af37); color: #000; } /* ===== MAIN HEADER ===== */ .ufa-main { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: linear-gradient(180deg, #1a1a1a, #0f1211); } .ufa-logo img { height: 40px; } /* ===== PC NAV ===== */ .ufa-nav { display: flex; gap: 24px; } .ufa-nav a { color: #FFD34D; text-decoration: none; font-size: 14px; } /* ===== HAMBURGER ===== */ .ufa-hamburger { display: none; width: 28px; height: 22px; flex-direction: column; justify-content: space-between; cursor: pointer; z-index: 10002; } .ufa-hamburger span { height: 3px; background: #fff; border-radius: 2px; transition: all .3s ease; } .ufa-hamburger.active { opacity: 0; pointer-events: none; } /* ===== MOBILE MENU ===== */ .ufa-mobile-menu { position: fixed; top: 0; right: -260px; width: 260px; height: 100%; background: #000; padding: 20px; display: flex; flex-direction: column; gap: 20px; transition: right .3s ease; z-index: 10001; } .ufa-mobile-menu.active { right: 0; } .ufa-mobile-menu a { color: #FFD34D; font-size: 16px; text-decoration: none; border-bottom: 1px solid rgba(255,211,77,.25); padding-bottom: 10px; } /* ปุ่มปิด */ .ufa-mobile-close { color: #fff; font-size: 20px; text-align: right; cursor: pointer; margin-bottom: 10px; } /* ===== MOBILE ONLY ===== */ @media (max-width: 768px) { .ufa-nav { display: none; } .ufa-hamburger { display: flex; } .ufa-topbar { display: none; } .ufa-mobile-auth { display: flex; gap: 12px; padding: 14px; background: #000; justify-content: center; border-bottom: 1px solid #caa24d; } .ufa-mobile-auth .btn { width: 35%; text-align: center; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7a65c4 */.ufa-wc2026-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(135deg, #0b0f0e, #141a18);
  padding: 20px 30px;
  border-radius: 14px;
  color: #f5f5f5;
  font-family: 'Prompt', Arial, sans-serif; /* ฟอนท์หลัก */
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

/* LEFT */
.ufa-left {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: 'Prompt', Arial, sans-serif;
}

.ufa-left img {
  width: 44px;
  filter: drop-shadow(0 0 6px rgba(255,215,0,0.4));
}

/* TITLE */
.ufa-title strong {
  font-family: 'Prompt', Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #ffd369;
  display: block;
}

.ufa-title span {
  font-family: 'Prompt', Arial, sans-serif;
  font-size: 13px;
  color: #c7c7c7;
}

/* RIGHT */
.ufa-right {
  display: flex;
  align-items: center;
  gap: 24px;
  font-family: 'Prompt', Arial, sans-serif;
}

/* COUNTDOWN */
.ufa-countdown {
  display: flex;
  gap: 18px;
  text-align: center;
  font-family: 'Prompt', Arial, sans-serif;
}

.ufa-countdown span {
  font-family: 'Prompt', Arial, sans-serif;
  font-size: 26px;
  font-weight: 600;
  color: #ffd369;
  display: block;
}

.ufa-countdown small {
  font-family: 'Prompt', Arial, sans-serif;
  font-size: 11px;
  color: #bfbfbf;
}

/* BUTTON */
.ufa-btn {
  font-family: 'Prompt', Arial, sans-serif;
  background: linear-gradient(135deg, #ffd369, #d4af37);
  color: #0b0f0e;
  padding: 10px 22px;
  border-radius: 22px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(255,215,0,0.35);
  transition: all .25s ease;
}

.ufa-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(255,215,0,0.55);
}

/* Mobile */
@media (max-width: 768px) {
  .ufa-wc2026-bar {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }

  .ufa-right {
    flex-direction: column;
    gap: 14px;
  }
}/* End custom CSS */