/* Scoped to enabled sections of the UFAD168 theme. */
body.al88-site.ufad-color-header .x-header {
  background: linear-gradient(180deg, var(--ufad-header-start), var(--ufad-header-end)) !important;
}
body.al88-site.ufad-color-header .x-header .x-hamburger span {
  background: var(--ufad-header-icon) !important;
}

body.al88-site.ufad-color-top .x-header .-menu-wrapper .nav-link {
  background: linear-gradient(180deg, var(--ufad-top-start), var(--ufad-top-end)) !important;
  color: var(--ufad-top-text) !important;
  box-shadow: inset 0 0 0 1px var(--ufad-top-border);
}
body.al88-site.ufad-color-top .x-header .-menu-wrapper .nav-link .-text {
  color: var(--ufad-top-text) !important;
}
body.al88-site.ufad-color-top .x-header .-menu-wrapper .nav-link:is(:hover, :focus-visible, .-active) {
  background: linear-gradient(180deg, var(--ufad-top-hover), var(--ufad-top-end)) !important;
}

body.al88-site.ufad-color-sidebar .x-main-side-bar,
body.al88-site.ufad-color-sidebar .x-menu-provider,
body.al88-site.ufad-color-sidebar .-games-provider-wrapper .-menu-index-page {
  background: linear-gradient(180deg, var(--ufad-sidebar-start), var(--ufad-sidebar-end)) !important;
}
body.al88-site.ufad-color-sidebar .x-menu-provider .nav-link {
  background: linear-gradient(180deg, var(--ufad-sidebar-card-start), var(--ufad-sidebar-card-end)) !important;
  color: var(--ufad-sidebar-text) !important;
  box-shadow: inset 0 0 0 1px var(--ufad-sidebar-border), 0 4px 4px #0004;
}
body.al88-site.ufad-color-sidebar .x-menu-provider .nav-link:is(.active, :hover, :focus-visible) {
  background: linear-gradient(180deg, var(--ufad-sidebar-active), var(--ufad-sidebar-card-end)) !important;
}
body.al88-site.ufad-color-sidebar .x-menu-provider .-text-nav-menu:is(.-title, .-title-mobile) {
  color: var(--ufad-sidebar-text) !important;
}
body.al88-site.ufad-color-sidebar .x-menu-provider .-text-nav-menu.-title-trans {
  color: var(--ufad-sidebar-subtitle) !important;
  opacity: 1;
}

body.al88-site.ufad-color-ticker .x-feed-news-header .-feed-news-inner-wrapper {
  background: var(--ufad-ticker-background) !important;
}
body.al88-site.ufad-color-ticker .x-feed-news-header .-track .-track-item {
  color: var(--ufad-ticker-text) !important;
}
body.al88-site.ufad-color-ticker .x-feed-news-header .-icon-container .fas,
body.al88-site.ufad-color-ticker .x-feed-news-header .-icon-container .ufad-announcement-icon {
  background: none !important;
  color: var(--ufad-ticker-icon) !important;
  -webkit-text-fill-color: var(--ufad-ticker-icon) !important;
}

body.al88-site.ufad-color-menu #al88-menu .al88-menu-panel {
  background: linear-gradient(150deg, var(--ufad-menu-start), var(--ufad-menu-end)) !important;
}
body.al88-site.ufad-color-menu #al88-menu .al88-menu-panel nav :is(a, button) {
  background: var(--ufad-menu-button) !important;
  color: var(--ufad-menu-text) !important;
  border-color: var(--ufad-menu-border) !important;
}
body.al88-site.ufad-color-menu #al88-menu .al88-menu-panel nav :is(a, button):is(:hover, :focus-visible) {
  background: var(--ufad-menu-hover) !important;
}
body.al88-site.ufad-color-menu #al88-menu .al88-auth-close {
  color: var(--ufad-menu-text) !important;
}

body.al88-site.ufad-color-popup #al88-auth .al88-auth-panel {
  background: linear-gradient(140deg, var(--ufad-popup-start), var(--ufad-popup-end) 95%) !important;
  color: var(--ufad-popup-text) !important;
  border: 1px solid var(--ufad-popup-border);
}
body.al88-site.ufad-color-popup #al88-auth .al88-auth-tabs {
  background: var(--ufad-popup-tabs) !important;
}
body.al88-site.ufad-color-popup #al88-auth .al88-auth-tabs button,
body.al88-site.ufad-color-popup #al88-auth .al88-auth-close {
  color: var(--ufad-popup-text) !important;
}
body.al88-site.ufad-color-popup #al88-auth .al88-auth-tabs button[aria-selected=true] {
  background: var(--ufad-popup-active) !important;
}
body.al88-site.ufad-color-popup #al88-auth .al88-input {
  background: var(--ufad-popup-input) !important;
}
body.al88-site.ufad-color-popup #al88-auth .al88-input input {
  color: var(--ufad-popup-text) !important;
}
body.al88-site.ufad-color-popup #al88-auth .al88-input input::placeholder {
  color: var(--ufad-popup-text) !important;
  opacity: .65;
}
body.al88-site.ufad-color-popup #al88-auth .al88-auth-submit {
  background: linear-gradient(var(--ufad-popup-submit-start), var(--ufad-popup-submit-end) 90%) !important;
  color: var(--ufad-popup-text) !important;
}

/* The footer has separate side panels, an SVG bridge, and a circular home button. */
body.al88-site.ufad-color-mobile #account-actions-mobile .-left-wrapper,
body.al88-site.ufad-color-mobile #account-actions-mobile .-right-wrapper {
  background: linear-gradient(180deg, var(--ufad-mobile-start), var(--ufad-mobile-end)) !important;
}
body.al88-site.ufad-color-mobile #account-actions-mobile #rectangleGradient stop:first-child {
  stop-color: var(--ufad-mobile-start) !important;
}
body.al88-site.ufad-color-mobile #account-actions-mobile #rectangleGradient stop:last-child {
  stop-color: var(--ufad-mobile-end) !important;
}
body.al88-site.ufad-color-mobile #account-actions-mobile .-item-wrapper .-text {
  color: var(--ufad-mobile-text) !important;
  -webkit-text-fill-color: var(--ufad-mobile-text) !important;
  background: none !important;
}
body.al88-site.ufad-color-mobile #account-actions-mobile .-center-wrapper {
  background: linear-gradient(180deg, var(--ufad-mobile-center-start), var(--ufad-mobile-center-end)) !important;
  color: var(--ufad-mobile-center-text) !important;
  box-shadow: inset 0 0 0 2px var(--ufad-mobile-border), 0 0 10px #ffffff66;
}
body.al88-site.ufad-color-mobile #account-actions-mobile .-center-wrapper .-text {
  color: var(--ufad-mobile-center-text) !important;
  -webkit-text-fill-color: var(--ufad-mobile-center-text) !important;
}
body.al88-site.ufad-color-mobile #account-actions-mobile .-center-wrapper :is(.-bottom-curve, .-top-curve) {
  display: none !important;
}