:root{
  --aal-um-surface: rgba(255,253,249,.96);
  --aal-um-surface-soft: rgba(245,236,223,.86);
  --aal-um-border: var(--wp--preset--color--border, #d8c8af);
  --aal-um-text: var(--wp--preset--color--text, #262232);
  --aal-um-soft: var(--wp--preset--color--text-soft, #625d66);
  --aal-um-accent: var(--wp--preset--color--accent, #8c6239);
  --aal-um-accent-light: var(--wp--preset--color--accent-light, #b78a56);
  --aal-um-shadow: 0 18px 48px rgba(46,34,22,.08), inset 0 1px 0 rgba(255,255,255,.82);
}

body .um{
  color: var(--aal-um-text);
  font-family: var(--wp--preset--font-family--inter, Inter, system-ui, sans-serif);
}

body .um a{
  color: var(--aal-um-accent);
}

body .um a:hover{
  color: var(--aal-um-accent-light);
}

body .um.um-login,
body .um.um-register,
body .um.um-password,
body .um.um-account,
body .um.um-message,
body .um.um-profile,
body .um.um-members-directory,
body .um.um-search-form,
body .um.um-locked-content-wrap{
  margin-left: auto;
  margin-right: auto;
}

body .um .um-aal-shell,
body .um .um-form,
body .um .um-postmessage,
body .um .um-locked-content,
body .um .um-search-area,
body .um .um-member-directory-header,
body .um .um-directory-body,
body .um .um-directory-foot,
body .um .um-profile-body,
body .um .um-profile-navbar,
body .um .um-profile-nav,
body .um .um-account-side,
body .um .um-account-main,
body .um .um-account-meta,
body .um .um-member,
body .um .um-members-intro,
body .um .um-members-pagi,
body .um .um-members-pagidrop{
  background: linear-gradient(180deg, rgba(255,253,249,.98), rgba(248,242,232,.98));
  border: 1px solid var(--aal-um-border);
  border-radius: 16px;
  box-shadow: var(--aal-um-shadow);
}

body .um .um-form,
body .um .um-postmessage,
body .um .um-locked-content{
  padding: 1.75rem;
}

body .um.um-login .um-form,
body .um.um-register .um-form,
body .um.um-password .um-form,
body .um.um-message .um-postmessage,
body .um.um-locked-content-wrap .um-locked-content{
  max-width: 680px;
  margin: 0 auto;
}

body .um .um-form,
body .um .um-postmessage,
body .um .um-locked-content,
body .um .um-member-directory-header,
body .um .um-directory-body,
body .um .um-directory-foot,
body .um .um-profile-navbar,
body .um .um-profile-nav,
body .um .um-profile-body,
body .um .um-account-side,
body .um .um-account-main,
body .um .um-account-meta,
body .um .um-members-intro,
body .um .um-members-pagi,
body .um .um-members-pagidrop,
body .um .um-search-area{
  position: relative;
  overflow: hidden;
}

body .um .um-form::before,
body .um .um-postmessage::before,
body .um .um-locked-content::before,
body .um .um-member-directory-header::before,
body .um .um-directory-body::before,
body .um .um-directory-foot::before,
body .um .um-profile-navbar::before,
body .um .um-profile-nav::before,
body .um .um-profile-body::before,
body .um .um-account-side::before,
body .um .um-account-main::before,
body .um .um-members-intro::before,
body .um .um-members-pagi::before,
body .um .um-search-area::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:2px;
  background: linear-gradient(90deg, transparent, rgba(183,138,86,.55), transparent);
}

body .um .um-form input[type="text"],
body .um .um-form input[type="email"],
body .um .um-form input[type="password"],
body .um .um-form input[type="number"],
body .um .um-form input[type="search"],
body .um .um-form input[type="tel"],
body .um .um-form input[type="url"],
body .um .um-form textarea,
body .um .um-form select,
body .um .um-search-area input[type="search"],
body .um select.um-s2,
body .um .select2-container--default .select2-selection--single,
body .um .select2-container--default .select2-selection--multiple{
  background: rgba(255,252,247,.96) !important;
  border: 1px solid var(--aal-um-border) !important;
  border-radius: 12px !important;
  color: var(--aal-um-text) !important;
  min-height: 46px;
  box-shadow: inset 0 1px 2px rgba(38,34,50,.03);
}

body .um .um-form textarea{
  min-height: 140px;
}

body .um .um-form input:focus,
body .um .um-form textarea:focus,
body .um .um-form select:focus,
body .um .um-search-area input[type="search"]:focus,
body .um .select2-container--default.select2-container--focus .select2-selection--multiple,
body .um .select2-container--default.select2-container--open .select2-selection--single{
  border-color: var(--aal-um-accent) !important;
  box-shadow: 0 0 0 3px rgba(183,138,86,.16) !important;
  outline: none;
}

body .um .um-field-label,
body .um .um-field-label label,
body .um .um-account-name,
body .um .um-member-name,
body .um .um-profile-name,
body .um .um-members-total,
body .um .um-form h1,
body .um .um-form h2,
body .um .um-form h3{
  color: var(--aal-um-text);
}

body .um .um-field-label label,
body .um .um-field-label .um-field-label-icon,
body .um .um-field-label .um-field-label-text,
body .um .um-account-title,
body .um .um-member-metaline strong{
  font-weight: 600;
}

body .um .um-field-label{
  margin-bottom: .42rem;
}

body .um .um-field-label label,
body .um .um-account-title,
body .um .um-member-name a,
body .um .um-profile-name a,
body .um .um-postmessage,
body .um .um-account-name a,
body .um .um-members-total{
  font-family: var(--wp--preset--font-family--inter, Inter, system-ui, sans-serif);
}

body .um .um-field-area{
  position: relative;
}

body .um .um-button,
body .um input[type="submit"].um-button,
body .um input[type="button"].um-button,
body .um input[type="button"].um-alt,
body .um a.um-button,
body .um a.um-alt,
body .um .um-account-link.current,
body .um .um-member-directory-header input.um-do-search{
  border-radius: 12px !important;
  border: 1px solid rgba(140,98,57,.28) !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

body .um .um-button,
body .um input[type="submit"].um-button,
body .um input[type="button"].um-button,
body .um a.um-button,
body .um .um-member-directory-header input.um-do-search{
  background: linear-gradient(180deg, #ba9464 0%, #8c6239 100%) !important;
  color: #fffaf2 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 10px 18px rgba(140,98,57,.14);
}

body .um a.um-alt,
body .um input[type="button"].um-alt,
body .um .um-button.um-alt{
  background: rgba(255,251,245,.94) !important;
  color: var(--aal-um-accent) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
}

body .um .um-button:hover,
body .um input[type="submit"].um-button:hover,
body .um input[type="button"].um-button:hover,
body .um input[type="button"].um-alt:hover,
body .um a.um-button:hover,
body .um a.um-alt:hover,
body .um .um-member-directory-header input.um-do-search:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
}

body .um .um-col-alt,
body .um .um-col-alt-b,
body .um .um-col-alt-s{
  margin-top: 1.25rem;
}

body .um .um-col-alt .um-left,
body .um .um-col-alt .um-right,
body .um .um-col-alt .um-center{
  float: none;
  width: auto;
  text-align: center;
}

body .um .um-col-alt .um-left,
body .um .um-col-alt .um-right{
  margin-top: .75rem;
}

body .um .um-notice,
body .um .um-field-error,
body .um .um-field-block,
body .um .um-postmessage{
  border-radius: 12px;
}

body .um .um-field-error,
body .um .um-form .um-field-error,
body .um .um-form .um-field-error a{
  color: #6e2733 !important;
}

body .um .um-postmessage,
body .um .um-locked-content-msg,
body .um .um-field-block .um-field-block{
  color: var(--aal-um-text);
  background: linear-gradient(180deg, rgba(255,253,249,.98), rgba(245,236,223,.94));
  border: 1px solid var(--aal-um-border);
}

body .um .um-account{
  max-width: 1180px;
}

body .um .um-account-side,
body .um .um-account-main{
  padding: 1.2rem;
}

body .um .um-account-side ul{
  margin: .75rem 0 0;
  padding: 0;
  list-style: none;
}

body .um .um-account-side li + li{
  margin-top: .45rem;
}

body .um .um-account-link{
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .8rem .95rem;
  border-radius: 12px;
  color: var(--aal-um-text);
  border: 1px solid transparent;
  background: transparent;
}

body .um .um-account-link:hover{
  background: rgba(245,236,223,.55);
  border-color: rgba(140,98,57,.16);
}

body .um .um-account-link.current{
  color: #fffaf2 !important;
}

body .um .um-account-nav a.current{
  background: linear-gradient(180deg, #ba9464 0%, #8c6239 100%);
  color: #fffaf2;
  border-radius: 12px;
}

body .um .um-account-meta,
body .um .um-profile-header,
body .um .um-cover,
body .um .um-member,
body .um .um-members-intro,
body .um .um-members-pagi,
body .um .um-members-pagidrop{
  margin-bottom: 1rem;
}

body .um .um-account-meta-img img,
body .um .um-account-meta-img-b img,
body .um .um-profile-photo img,
body .um .um-member-photo img,
body .um .um-member-cover img,
body .um .um-cover img{
  border-radius: 14px !important;
  border: 1px solid rgba(140,98,57,.12);
  box-shadow: 0 14px 28px rgba(38,34,50,.08);
}

body .um .um-profile-navbar,
body .um .um-profile-nav,
body .um .um-profile-body{
  padding: 1rem 1.1rem;
}

body .um .um-profile-nav,
body .um .um-profile-navbar{
  margin-top: 1rem;
}

body .um .um-profile-nav-item a,
body .um .um-profile-nav a,
body .um .um-member-directory-top a,
body .um .um-member-directory-view-type span,
body .um .um-member-directory-top span,
body .um .um-members-pagi .pagi{
  border-radius: 999px;
}

body .um .um-profile-nav-item a,
body .um .um-profile-nav a,
body .um .um-member-directory-top a,
body .um .um-members-pagi .pagi,
body .um .um-member-directory-view-type span,
body .um .um-member-directory-top span{
  background: rgba(255,251,245,.9);
  border: 1px solid var(--aal-um-border);
  color: var(--aal-um-text);
  padding: .5rem .85rem;
}

body .um .um-profile-nav-item.active a,
body .um .um-profile-nav a.active,
body .um .um-members-pagi .pagi.current,
body .um .um-member-directory-top .active,
body .um .um-member-directory-view-type span.active{
  background: linear-gradient(180deg, #ba9464 0%, #8c6239 100%);
  color: #fffaf2;
  border-color: rgba(140,98,57,.28);
}

body .um .um-member-directory-header,
body .um .um-directory-foot{
  padding: 1rem 1.1rem;
}

body .um .um-member-directory-search-row label{
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
}

body .um .um-member-directory-search-row label > span{
  color: var(--aal-um-soft);
  min-width: 4.5rem;
}

body .um .um-members-grid,
body .um .um-members-list{
  display: grid;
  gap: 1rem;
}

body .um .um-members-grid{
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

body .um .um-members-list{
  grid-template-columns: 1fr;
}

body .um .um-member{
  padding: 1rem;
}

body .um .um-member-card,
body .um .um-member-card-footer,
body .um .um-member-meta,
body .um .um-member-meta-main{
  background: transparent;
  border: 0;
  box-shadow: none;
}

body .um .um-member-name a,
body .um .um-profile-name a,
body .um .um-account-name a{
  text-decoration: none;
  font-weight: 700;
}

body .um .um-member-tagline,
body .um .um-profile-meta,
body .um .um-account-profile-link,
body .um .um-member-metaline,
body .um .um-field-description,
body .um .um-field-note,
body .um .um-field-error,
body .um .um-field-help,
body .um .um-members-total,
body .um .um-locked-content-msg{
  color: var(--aal-um-soft);
}

body .um .um-search-form{
  max-width: 420px;
}

body .um .um-search-area{
  padding: .55rem;
  display: flex;
  align-items: center;
  gap: .6rem;
}

body .um .um-search-area .um-search-field{
  margin: 0 !important;
}

body .um .um-search-icon{
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(180deg, #ba9464 0%, #8c6239 100%);
  color: #fffaf2 !important;
  text-decoration: none;
}

body .um .select2-container .select2-selection--single .select2-selection__rendered,
body .um .select2-container .select2-selection--multiple .select2-selection__rendered,
body .um .select2-container .select2-selection--single .select2-selection__placeholder,
body .um .select2-results__option,
body .um .um-field-checkbox-option,
body .um .um-field-radio-option,
body .um .um-field-half,
body .um .um-field-third,
body .um .um-field-quarter,
body .um .um-field{color: var(--aal-um-text);}

body .um .select2-dropdown{
  border-radius: 12px;
  border: 1px solid var(--aal-um-border);
  box-shadow: 0 18px 48px rgba(46,34,22,.08);
}

body .um .um-modal,
body .um .um-popup-overlay,
body .um .um-popup{font-family: var(--wp--preset--font-family--inter, Inter, system-ui, sans-serif);}

@media (max-width: 900px){
  body .um .um-account-side,
  body .um .um-account-main,
  body .um .um-profile-navbar,
  body .um .um-profile-nav,
  body .um .um-profile-body,
  body .um .um-member-directory-header,
  body .um .um-directory-foot,
  body .um .um-form,
  body .um .um-postmessage{
    padding: 1rem;
  }
}

@media (max-width: 640px){
  body .um .um-members-grid{
    grid-template-columns: 1fr;
  }

  body .um .um-member-directory-search-row label{
    display:block;
  }

  body .um .um-member-directory-search-row label > span{
    display:block;
    margin-bottom:.4rem;
  }
}


/* Header-integrated Ultimate Member */
.aal-header-shell,
.aal-header-shell .wp-block-group,
.aal-header-shell .wp-block-navigation,
.aal-header-shell .wp-block-column{
  overflow: visible;
}

.aal-header-shell .um.um-header-dropdown{
  position: relative;
  z-index: 30;
  margin: 0 0 0 auto !important;
  inline-size: auto;
  max-inline-size: 100%;
  flex: 0 0 auto;
}

.aal-header-shell .um.um-header-dropdown .um-form,
.aal-header-shell .um.um-header-dropdown .um-account-side,
.aal-header-shell .um.um-header-dropdown .um-account-meta,
.aal-header-shell .um.um-header-dropdown .um-profile-body,
.aal-header-shell .um.um-header-dropdown .um-profile-nav,
.aal-header-shell .um.um-header-dropdown .um-profile-navbar{
  box-shadow: var(--aal-um-shadow);
}

.aal-header-shell .aal-um-header-toggle{
  display: inline-flex;
  align-items: center;
  gap: 0.68rem;
  min-block-size: 44px;
  padding: 0.48rem 0.82rem;
  border-radius: 999px;
  border: 1px solid rgba(140,98,57,.18);
  background: linear-gradient(180deg, rgba(255,253,249,.98), rgba(245,236,223,.94));
  box-shadow: 0 10px 24px rgba(46,34,22,.08), inset 0 1px 0 rgba(255,255,255,.88);
  color: var(--aal-um-text);
  font-family: var(--wp--preset--font-family--inter, Inter, system-ui, sans-serif);
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.1;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}

.aal-header-shell .aal-um-header-toggle:hover,
.aal-header-shell .aal-um-header-toggle:focus-visible{
  border-color: rgba(140,98,57,.3);
  box-shadow: 0 14px 28px rgba(46,34,22,.1), inset 0 1px 0 rgba(255,255,255,.92);
  outline: none;
}

.aal-header-shell .aal-um-header-avatar{
  inline-size: 34px;
  block-size: 34px;
  border-radius: 999px;
  overflow: hidden;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(140,98,57,.08);
  border: 1px solid rgba(140,98,57,.14);
}

.aal-header-shell .aal-um-header-avatar img{
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.aal-header-shell .aal-um-header-label{
  display: inline-block;
  max-inline-size: min(18ch, 24vw);
  overflow: hidden;
  text-overflow: ellipsis;
}

.aal-header-shell .aal-um-header-caret{
  color: var(--aal-um-accent);
  font-size: 0.85em;
}

.aal-header-shell .aal-um-header-panel{
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: calc(100% + 0.8rem);
  inline-size: min(92vw, 360px);
  max-inline-size: 360px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
  pointer-events: none;
  z-index: 45;
}

.aal-header-shell .um.um-header-dropdown.is-open > .aal-um-header-panel,
.aal-header-shell .um.um-header-dropdown:focus-within > .aal-um-header-panel{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.aal-header-shell .aal-um-header-panel > .um-form,
.aal-header-shell .aal-um-header-panel > .um-account-side,
.aal-header-shell .aal-um-header-panel > .um-profile-body,
.aal-header-shell .aal-um-header-panel > .um-profile-nav,
.aal-header-shell .aal-um-header-panel > .um-profile-navbar{
  margin: 0;
  padding: 1rem 1rem 1.05rem;
}

.aal-header-shell .aal-um-header-panel .um-form::before,
.aal-header-shell .aal-um-header-panel .um-account-side::before,
.aal-header-shell .aal-um-header-panel .um-profile-body::before,
.aal-header-shell .aal-um-header-panel .um-profile-nav::before,
.aal-header-shell .aal-um-header-panel .um-profile-navbar::before{
  display: none;
}

.aal-header-shell .aal-um-header-panel .um-field-label label,
.aal-header-shell .aal-um-header-panel .um-account-name,
.aal-header-shell .aal-um-header-panel .um-account-name a{
  font-size: 0.92rem;
}

.aal-header-shell .aal-um-header-panel .um-form input[type="text"],
.aal-header-shell .aal-um-header-panel .um-form input[type="email"],
.aal-header-shell .aal-um-header-panel .um-form input[type="password"],
.aal-header-shell .aal-um-header-panel .um-form input[type="number"],
.aal-header-shell .aal-um-header-panel .um-form input[type="search"],
.aal-header-shell .aal-um-header-panel .um-form input[type="tel"],
.aal-header-shell .aal-um-header-panel .um-form input[type="url"],
.aal-header-shell .aal-um-header-panel .um-form textarea,
.aal-header-shell .aal-um-header-panel .um-form select{
  min-height: 42px;
  font-size: 0.95rem;
}

.aal-header-shell .aal-um-header-panel .um-row._um_row_1,
.aal-header-shell .aal-um-header-panel .um-row._um_row_2,
.aal-header-shell .aal-um-header-panel .um-row{
  margin-bottom: 0.8rem;
}

.aal-header-shell .aal-um-header-panel .um-col-alt,
.aal-header-shell .aal-um-header-panel .um-col-alt-b,
.aal-header-shell .aal-um-header-panel .um-col-alt-s{
  margin-top: 0.9rem;
}

.aal-header-shell .aal-um-header-panel .um-col-alt{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}

.aal-header-shell .aal-um-header-panel .um-col-alt .um-left,
.aal-header-shell .aal-um-header-panel .um-col-alt .um-right,
.aal-header-shell .aal-um-header-panel .um-col-alt .um-center{
  margin: 0;
  inline-size: auto;
  text-align: initial;
}

.aal-header-shell .aal-um-header-panel .um-col-alt .um-center{
  grid-column: 1 / -1;
}

.aal-header-shell .aal-um-header-panel .um-button,
.aal-header-shell .aal-um-header-panel input[type="submit"].um-button,
.aal-header-shell .aal-um-header-panel input[type="button"].um-button,
.aal-header-shell .aal-um-header-panel input[type="button"].um-alt,
.aal-header-shell .aal-um-header-panel a.um-button,
.aal-header-shell .aal-um-header-panel a.um-alt{
  inline-size: 100%;
  justify-content: center;
  display: inline-flex;
}

.aal-header-shell .aal-um-header-panel .um-account-main,
.aal-header-shell .aal-um-header-panel .um-account-meta.uimob340-show,
.aal-header-shell .aal-um-header-panel .um-account-meta.uimob500-show,
.aal-header-shell .aal-um-header-panel .um-account-nav,
.aal-header-shell .aal-um-header-panel .um-account-tab{
  display: none !important;
}

.aal-header-shell .aal-um-header-panel .um-account-side{
  display: block !important;
  float: none;
  width: auto;
}

.aal-header-shell .aal-um-header-panel .um-account-meta{
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0 0 0.9rem;
  margin-bottom: 0.8rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid rgba(140,98,57,.14);
}

.aal-header-shell .aal-um-header-panel .um-account-meta-img,
.aal-header-shell .aal-um-header-panel .um-account-meta-img-b{
  flex: 0 0 52px;
}

.aal-header-shell .aal-um-header-panel .um-account-meta-img img,
.aal-header-shell .aal-um-header-panel .um-account-meta-img-b img{
  inline-size: 52px;
  block-size: 52px;
  border-radius: 999px;
  object-fit: cover;
}

.aal-header-shell .aal-um-header-panel .um-account-name{
  min-width: 0;
}

.aal-header-shell .aal-um-header-panel .um-account-profile-link{
  margin-top: 0.15rem;
}

.aal-header-shell .aal-um-header-panel .um-account-side ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.aal-header-shell .aal-um-header-panel .um-account-side li + li{
  margin-top: 0.4rem;
}

.aal-header-shell .aal-um-header-panel .um-account-link{
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.55rem 0.65rem;
  border-radius: 12px;
  color: var(--aal-um-text) !important;
  background: rgba(255,251,245,.82);
  border: 1px solid rgba(140,98,57,.1);
}

.aal-header-shell .aal-um-header-panel .um-account-link:hover{
  background: rgba(245,236,223,.86);
}

.aal-header-shell .aal-um-header-panel .um-account-icon,
.aal-header-shell .aal-um-header-panel .um-account-arrow{
  color: var(--aal-um-accent);
}

@media (max-width: 900px){
  .aal-header-shell .aal-um-header-label{
    max-inline-size: 12ch;
  }
}

@media (max-width: 640px){
  .aal-header-shell .aal-um-header-toggle{
    padding-inline: 0.7rem;
  }

  .aal-header-shell .aal-um-header-label{
    display: none;
  }

  .aal-header-shell .aal-um-header-panel{
    position: fixed;
    inset-inline: 1rem;
    inset-block-start: calc(64px + env(safe-area-inset-top, 0px));
    inline-size: auto;
    max-inline-size: none;
  }

  .aal-header-shell .aal-um-header-panel .um-col-alt{
    grid-template-columns: 1fr;
  }
}