/**
 * bpproject 18.31 – Users Ultra late theme bridge
 * Loaded after plugin styles. All selectors are scoped to Users Ultra markup.
 */

/* The plugin explicitly declares background-color:#fff on this root. */
.usersultra-dahsboard-cont,
.content .usersultra-dahsboard-cont,
.bp-page-nosidebar .usersultra-dahsboard-cont,
.singlepost .usersultra-dahsboard-cont{
  background:none!important;
  background-color:transparent!important;
  color:var(--bp-text)!important;
}

.usersultra-dahsboard-cont .usersultra-dahsboard-left{
  background:linear-gradient(180deg,color-mix(in srgb,var(--bp-surface) 96%,var(--bp-accent) 4%),var(--bp-surface2))!important;
  background-color:var(--bp-surface)!important;
  color:var(--bp-text)!important;
}
.usersultra-dahsboard-cont .usersultra-dahsboard-center,
.usersultra-dahsboard-cont .usersultra-dahsboard-right{
  background:linear-gradient(180deg,color-mix(in srgb,var(--bp-surface) 94%,var(--bp-accent) 6%),var(--bp-surface2))!important;
  background-color:var(--bp-surface)!important;
  color:var(--bp-text)!important;
}

/* Plugin panels often ship with white background declarations of their own. */
.usersultra-dahsboard-cont .myavatar,
.usersultra-dahsboard-cont .xoousersultra-shadow-borers,
.usersultra-dahsboard-cont .uupublic-ultra-info,
.usersultra-dahsboard-cont .expandable-panel,
.usersultra-dahsboard-cont .expandable-panel-heading,
.usersultra-dahsboard-cont .expandable-panel-content{
  background-color:color-mix(in srgb,var(--bp-surface2) 98%,transparent)!important;
  color:var(--bp-text)!important;
  border-color:var(--bp-line)!important;
}
.usersultra-dahsboard-cont .expandable-panel-heading,
.usersultra-dahsboard-cont .expandable-panel-content{
  background-image:none!important;
}

/* Legacy bitmap open/close icon is nearly invisible on dark themes. Replace it
   with a theme-coloured CSS control; the plugin may still use the span for clicks. */
.usersultra-dahsboard-cont .expandable-panel-heading{
  position:relative!important;
  padding-right:52px!important;
  cursor:pointer;
}
.usersultra-dahsboard-cont .icon-close-open{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  position:absolute!important;
  top:50%!important;
  right:14px!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 42%,var(--bp-line))!important;
  border-radius:8px!important;
  background-image:none!important;
  background-color:color-mix(in srgb,var(--bp-accent) 10%,var(--bp-surface2))!important;
  color:var(--bp-text)!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--bp-accent) 9%,transparent)!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:3!important;
}
.usersultra-dahsboard-cont .icon-close-open::before{
  content:"⌄";
  display:block;
  font-family:system-ui,sans-serif;
  font-size:19px;
  font-weight:800;
  line-height:1;
  color:var(--bp-accent)!important;
  transform:translateY(-2px);
}
.usersultra-dahsboard-cont .expandable-panel-heading:hover .icon-close-open,
.usersultra-dahsboard-cont .expandable-panel-heading:focus-within .icon-close-open{
  border-color:color-mix(in srgb,var(--bp-accent) 70%,var(--bp-line))!important;
  background-color:color-mix(in srgb,var(--bp-accent) 17%,var(--bp-surface2))!important;
}

/* Forms inside Users Ultra should also follow the selected palette. */
.usersultra-dahsboard-cont input[type="text"],
.usersultra-dahsboard-cont input[type="email"],
.usersultra-dahsboard-cont input[type="password"],
.usersultra-dahsboard-cont input[type="url"],
.usersultra-dahsboard-cont input[type="number"],
.usersultra-dahsboard-cont textarea,
.usersultra-dahsboard-cont select{
  background:color-mix(in srgb,var(--bp-surface2) 97%,transparent)!important;
  background-color:var(--bp-surface2)!important;
  color:var(--bp-text)!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 28%,var(--bp-line))!important;
}
.usersultra-dahsboard-cont input::placeholder,
.usersultra-dahsboard-cont textarea::placeholder{
  color:var(--bp-dim)!important;
}


/* ========================================================================== */
/* 18.30 – Users Ultra public login / account forms                           */
/* ========================================================================== */
body .xoouserultra-wrap{
  width:100%!important;
  max-width:100%!important;
  color:var(--bp-text)!important;
}
body .xoouserultra-wrap .xoouserultra-inner,
body .xoouserultra-wrap .xoouserultra-inner.xoouserultra-login-wrapper{
  width:min(100%,760px)!important;
  max-width:760px!important;
  height:auto!important;
  display:block!important;
  margin:10px auto 22px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 26%,var(--bp-line) 74%)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--bp-surface) 96%,var(--bp-accent) 4%),
    var(--bp-surface2))!important;
  background-color:var(--bp-surface)!important;
  box-shadow:var(--bp-shadow),0 0 24px color-mix(in srgb,var(--bp-accent) 8%,transparent)!important;
  color:var(--bp-text)!important;
}
body .xoouserultra-wrap .xoouserultra-head{
  min-height:12px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--bp-accent) 18%,var(--bp-line) 82%)!important;
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--bp-accent) 10%,var(--bp-surface2)),
    color-mix(in srgb,var(--bp-accent-2) 5%,var(--bp-surface2)))!important;
  background-color:var(--bp-surface2)!important;
  color:var(--bp-text)!important;
}
body .xoouserultra-wrap .xoouserultra-main{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding:clamp(18px,4vw,32px)!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  color:var(--bp-text)!important;
  font-size:14px!important;
}
body .xoouserultra-wrap .xoouserultra-field{
  display:grid!important;
  grid-template-columns:minmax(150px,210px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px 18px!important;
  width:100%!important;
  margin:0 0 15px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body .xoouserultra-wrap .xoouserultra-field-type,
body .xoouserultra-wrap .xoouserultra-field-value{
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--bp-text)!important;
}
body .xoouserultra-wrap .xoouserultra-field-type{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  font-weight:700!important;
}
body .xoouserultra-wrap .xoouserultra-field-type i{
  color:var(--bp-accent)!important;
}
body .xoouserultra-wrap input.xoouserultra-input,
body .xoouserultra-wrap input[type="text"],
body .xoouserultra-wrap input[type="email"],
body .xoouserultra-wrap input[type="password"],
body .xoouserultra-wrap textarea,
body .xoouserultra-wrap select{
  width:100%!important;
  max-width:100%!important;
  min-height:46px!important;
  box-sizing:border-box!important;
  padding:0 13px!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 24%,var(--bp-line) 76%)!important;
  border-radius:12px!important;
  outline:none!important;
  background:color-mix(in srgb,var(--bp-surface2) 96%,transparent)!important;
  background-color:var(--bp-surface2)!important;
  color:var(--bp-text)!important;
  box-shadow:none!important;
}
body .xoouserultra-wrap input:focus,
body .xoouserultra-wrap textarea:focus,
body .xoouserultra-wrap select:focus{
  border-color:color-mix(in srgb,var(--bp-accent) 70%,var(--bp-line))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--bp-accent) 10%,transparent)!important;
}
body .xoouserultra-wrap .xoouserultra-button,
body .xoouserultra-wrap input.xoouserultra-button,
body .xoouserultra-wrap input[type="submit"].xoouserultra-button,
body .xoouserultra-wrap input[type="button"].xoouserultra-button{
  min-height:44px!important;
  padding:9px 18px!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 54%,var(--bp-line))!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--bp-accent) 84%,#10182b 16%),
    color-mix(in srgb,var(--bp-accent-2) 62%,var(--bp-accent) 38%))!important;
  color:#fff!important;
  font-weight:800!important;
  text-shadow:none!important;
  box-shadow:0 9px 22px color-mix(in srgb,var(--bp-accent) 18%,transparent)!important;
  cursor:pointer!important;
}
body .xoouserultra-wrap .xoouserultra-button:hover,
body .xoouserultra-wrap .xoouserultra-button:focus-visible{
  filter:brightness(1.08)!important;
  transform:translateY(-1px);
}
body .xoouserultra-wrap .xoouserultra-rememberme,
body .xoouserultra-wrap .xoouserultra-rememberme label,
body .xoouserultra-wrap .xoouserultra-back-to-login,
body .xoouserultra-wrap .xoouserultra-forgot-pass,
body .xoouserultra-wrap .notimessage,
body .xoouserultra-wrap .uupublic-ultra-warning{
  color:var(--bp-muted)!important;
}
body .xoouserultra-wrap .xoouserultra-forgot-pass{
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid color-mix(in srgb,var(--bp-accent) 20%,var(--bp-line) 80%)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--bp-surface2) 97%,transparent)!important;
  background-color:var(--bp-surface2)!important;
}
body .xoouserultra-wrap .uupublic-ultra-warning{
  padding:12px 14px!important;
  border-left:3px solid var(--bp-accent)!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--bp-accent) 8%,var(--bp-surface2))!important;
}
body .xoouserultra-wrap a{
  color:var(--bp-link,var(--bp-accent))!important;
}
body .xoouserultra-wrap a:hover,
body .xoouserultra-wrap a:focus-visible{
  color:var(--bp-text)!important;
}
body .xoouserultra-wrap .uultra-forms-header{
  color:var(--bp-text)!important;
  font-size:18px!important;
  margin:0 0 16px!important;
}
body .xoouserultra-wrap .uultra-pro-socialsigunuptions:empty + .uultra-forms-header{
  display:none!important;
}
body[data-bp-theme="light"] .xoouserultra-wrap .xoouserultra-inner{
  box-shadow:0 10px 26px rgba(36,73,126,.09)!important;
}
@media(max-width:760px){
  body .xoouserultra-wrap .xoouserultra-inner,
  body .xoouserultra-wrap .xoouserultra-inner.xoouserultra-login-wrapper{
    border-radius:14px!important;
    margin:4px auto 14px!important;
  }
  body .xoouserultra-wrap .xoouserultra-main{
    padding:16px!important;
  }
  body .xoouserultra-wrap .xoouserultra-field{
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    margin-bottom:14px!important;
  }
  body .xoouserultra-wrap .xoouserultra-field-type.xoouserultra-blank-lable{
    display:none!important;
  }
}