/* Stagehill Ultimate Member Account Menu v26 */
:root{
  --shum-guest-color:#f26b21;
  --shum-user-color:#00a58f;
  --shum-button-bg:#1a1a1a;
  --shum-button-text:#fff;
  --shum-button-inactive-bg:#eee;
  --shum-button-inactive-text:#fff;
  --shum-button-hover-bg:#f26b21;
  --shum-button-hover-text:#fff;
  --shum-modal-bg:#fff;
  --shum-dropdown-bg:#fff;
  --shum-dropdown-text:#222;
  --shum-dropdown-hover-bg:#fff4ec;
  --shum-dropdown-hover-text:#111;
  --shum-logout-color:#e5233f;
  --shum-icon-size:38px;
  --shum-modal-button-size:156px;
  --shum-dropdown-width:320px;
  --shum-mobile-side-padding:28px;
  --shum-mobile-header-height:160px;
  --shum-mobile-header-padding:22px;
  --shum-mobile-header-gap:10px;
  --shum-mobile-burger-size:56px;
  --shum-mobile-user-size:56px;
  --shum-mobile-logo-max-width:250px;
  --shum-mobile-logo-max-height:118px;
  --shum-mobile-logo-offset-x:0px;
  --shum-mobile-logo-offset-y:0px;
  --shum-desktop-account-margin-left:24px;
}

.shum-wrap,.shum-wrap *{box-sizing:border-box}
.shum-wrap{display:inline-flex;align-items:center;position:relative;z-index:99;font-family:inherit}
.shum-icon-btn{width:var(--shum-icon-size);height:var(--shum-icon-size);min-width:var(--shum-icon-size);border:0;border-radius:999px;background:#fff;color:var(--shum-guest-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.12);line-height:1;padding:0;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.shum-icon-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
.shum-icon-btn svg{width:62%;height:62%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shum-initial-btn{background:var(--shum-user-color);color:#fff;font-weight:700;box-shadow:none}
.shum-initial-btn span{font-size:15px;line-height:1}

/* Guest modal */
.shum-modal[hidden],.shum-panel{display:none!important}.shum-panel.is-active{display:block!important}
.shum-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px}
.shum-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.shum-modal-card{position:relative;width:440px;max-width:min(440px,94vw);max-height:92vh;overflow:auto;background:var(--shum-modal-bg);border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.25);padding:28px;z-index:1}
.shum-close,.shum-mobile-close{border:0;background:transparent;color:#777;cursor:pointer;font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center}
.shum-close{position:absolute;right:16px;top:12px;width:42px;height:42px;z-index:4}
.shum-tabs{display:flex;gap:14px;align-items:center;justify-content:center;margin:18px 48px 26px}
.shum-tabs button{border:0;border-radius:12px;background:var(--shum-button-inactive-bg);color:var(--shum-button-inactive-text);font-weight:700;cursor:pointer;min-width:calc(var(--shum-modal-button-size) * .78);padding:16px 22px;font-size:18px;transition:background .18s ease,color .18s ease,transform .18s ease}
.shum-tabs button.is-active{background:var(--shum-button-bg);color:var(--shum-button-text)}
.shum-tabs button:hover{background:var(--shum-button-hover-bg);color:var(--shum-button-hover-text);transform:translateY(-1px)}
.shum-warning{padding:14px;background:#fff4e8;border-left:4px solid #f26b21}

/* Logged-in desktop dropdown */
.shum-dropdown-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}
.shum-dropdown[hidden],.shum-mobile-backdrop[hidden]{display:none!important}
.shum-dropdown{position:absolute;right:0;top:calc(100% + 14px);width:var(--shum-dropdown-width);background:var(--shum-dropdown-bg);color:var(--shum-dropdown-text);border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.16);padding:18px 20px;z-index:999999;text-align:left}
.shum-dropdown:before{content:"";position:absolute;right:22px;top:-10px;width:20px;height:20px;background:var(--shum-dropdown-bg);border-left:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08);transform:rotate(45deg)}
.shum-mobile-close{display:none}
.shum-user-head{position:relative;display:flex;gap:14px;align-items:center;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}
.shum-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:var(--shum-user-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.shum-user-head strong{display:block;font-size:17px;line-height:1.2;color:var(--shum-dropdown-text)}
.shum-user-head a{display:inline-block;margin-top:4px;text-decoration:none;color:#98a0ad;font-size:14px}
.shum-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f7f7f7;border-radius:12px;padding:12px;margin:0 0 14px}
.shum-quick-action{min-height:48px;border-radius:999px;background:#fff;color:var(--shum-guest-color);display:flex;align-items:center;justify-content:center;text-decoration:none;gap:8px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.shum-quick-action:hover{color:var(--shum-guest-color);transform:translateY(-1px)}
.shum-quick-label{display:none}.shum-quick-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.shum-menu-links{display:flex;flex-direction:column;gap:2px}
.shum-menu-links a,.shum-logout{display:flex;align-items:center;gap:14px;padding:10px 4px;border-radius:10px;text-decoration:none;color:var(--shum-dropdown-text);font-size:15px;transition:background .16s ease,color .16s ease}
.shum-menu-links a:hover{background:var(--shum-dropdown-hover-bg);color:var(--shum-dropdown-hover-text)}
.shum-menu-links svg,.shum-logout svg{width:20px;height:20px;stroke:#9aa3b2;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shum-sep{height:1px;background:rgba(0,0,0,.08);margin:12px 0}.shum-logout{color:var(--shum-logout-color)}.shum-logout svg{stroke:var(--shum-logout-color)}
.shum-auto-corner{position:fixed;right:18px;top:18px;z-index:9999}

/* Desktop only: keep WorkScout nav normal but align account to far right. */
@media (min-width:701px){
  header#main-header #navigation.menu,#main-header #navigation.menu{display:flex!important;align-items:center!important;width:100%!important;gap:0!important}
  header#main-header #navigation.menu > ul,header#main-header #navigation.menu ul#responsive,#main-header #navigation.menu > ul,#main-header #navigation.menu ul#responsive{flex:0 1 auto!important}
  header#main-header #navigation.menu > .shum-wrap,#main-header #navigation.menu > .shum-wrap{margin-left:auto!important;float:none!important;align-self:center!important}
}

/* Mobile header placement only. Do NOT alter WorkScout mmenu animation/list. */
@media (max-width:700px){
  header#main-header,#main-header{overflow:visible!important}
  header#main-header .container,#main-header .container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
  header#main-header .sixteen.columns,#main-header .sixteen.columns{
    width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;
    min-height:var(--shum-mobile-header-height)!important;padding:0 var(--shum-mobile-header-padding)!important;
    display:grid!important;grid-template-columns:var(--shum-mobile-burger-size) minmax(0,1fr) var(--shum-mobile-user-size)!important;
    grid-template-areas:"burger logo account"!important;align-items:center!important;column-gap:var(--shum-mobile-header-gap)!important;position:relative!important;overflow:visible!important;
  }
  header#main-header .mmenu-trigger,#main-header .mmenu-trigger{
    grid-area:burger!important;justify-self:start!important;align-self:center!important;position:relative!important;float:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0!important;padding:0!important;z-index:10!important;
    width:var(--shum-mobile-burger-size)!important;height:var(--shum-mobile-burger-size)!important;min-width:var(--shum-mobile-burger-size)!important;display:flex!important;align-items:center!important;justify-content:center!important;
  }
  /* Let WorkScout's hamburger icon draw itself; only center the clickable button. */
  header#main-header .mmenu-trigger > button,#main-header .mmenu-trigger > button,
  header#main-header .mmenu-trigger .hamburger,#main-header .mmenu-trigger .hamburger{
    width:var(--shum-mobile-burger-size)!important;height:var(--shum-mobile-burger-size)!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  }
  header#main-header #logo,#main-header #logo{
    grid-area:logo!important;justify-self:center!important;align-self:center!important;position:relative!important;float:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:translate(var(--shum-mobile-logo-offset-x),var(--shum-mobile-logo-offset-y))!important;margin:0!important;padding:0!important;text-align:center!important;max-width:100%!important;min-width:0!important;z-index:5!important;
  }
  header#main-header #logo a,#main-header #logo a{display:inline-block!important;margin:0!important;padding:0!important;max-width:100%!important}
  header#main-header #logo img,#main-header #logo img{display:block!important;margin:0 auto!important;width:auto!important;max-width:min(var(--shum-mobile-logo-max-width),100%)!important;max-height:var(--shum-mobile-logo-max-height)!important;height:auto!important}
  header#main-header #navigation.menu,#main-header #navigation.menu{
    grid-area:account!important;justify-self:end!important;align-self:center!important;position:relative!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:var(--shum-mobile-user-size)!important;height:var(--shum-mobile-user-size)!important;overflow:visible!important;margin:0!important;padding:0!important;z-index:11!important;
  }
  header#main-header #navigation.menu > ul,header#main-header #navigation.menu ul#responsive,#main-header #navigation.menu > ul,#main-header #navigation.menu ul#responsive{display:none!important}
  header#main-header #navigation.menu > .shum-wrap,#main-header #navigation.menu > .shum-wrap{position:relative!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0!important;padding:0!important}
  header#main-header .shum-icon-btn,#main-header .shum-icon-btn{width:var(--shum-mobile-user-size)!important;height:var(--shum-mobile-user-size)!important;min-width:var(--shum-mobile-user-size)!important;min-height:var(--shum-mobile-user-size)!important}
  header#main-header .shum-icon-btn svg,#main-header .shum-icon-btn svg{width:62%!important;height:62%!important}

  /* Keep Stagehill account markup out of WorkScout's cloned mmenu. */
  .mmenu-init .shum-wrap{display:none!important}
  /* Closed WorkScout mmenu must not leave the generated title bar visible. */
  .mmenu-init.mm-menu:not(.mm-opened),.mm-menu.mm-offcanvas:not(.mm-opened){display:none!important;visibility:hidden!important}
  /* Remove only the generated 'Menu' title bar. The actual WorkScout list and open/close motion stay untouched. */
  .mm-menu .mm-navbar{display:none!important}
  .mm-panels>.mm-panel.mm-hasnavbar{padding-top:0!important}

  /* Mobile guest modal: full screen, animated vertically like WorkScout timing. */
  .shum-modal{display:block!important;background:#fff!important;padding:0!important;overflow:hidden!important}.shum-modal[hidden]{display:none!important}.shum-backdrop{display:none!important}
  .shum-modal-card{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;overflow:auto!important;overscroll-behavior:contain!important;background:var(--shum-modal-bg)!important;padding:calc(env(safe-area-inset-top,0px) + 72px) var(--shum-mobile-side-padding) calc(env(safe-area-inset-bottom,0px) + 28px)!important;box-sizing:border-box!important}
  .shum-close{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 18px)!important;right:18px!important;width:54px!important;height:54px!important;border-radius:999px!important;background:#f2f2f2!important;font-size:42px!important;z-index:2147483647!important}
  .shum-tabs{margin:0 64px 30px!important;justify-content:center!important}.shum-tabs button{width:auto!important;min-width:0!important;padding:18px 30px!important;font-size:20px!important;border-radius:12px!important}.shum-modal-card .um,.shum-modal-card .um-form,.shum-modal-card form,.shum-modal-card .um-field,.shum-modal-card .um-col-alt{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.shum-modal-card input,.shum-modal-card textarea,.shum-modal-card select,.shum-modal-card button,.shum-modal-card .um-button{max-width:100%!important;box-sizing:border-box!important}

  /* Logged-in user drawer: full-screen, no background scroll, motion from top. */
  body>.shum-dropdown-wrap.shum-dropdown-open{position:fixed!important;inset:0!important;z-index:2147483600!important;display:block!important;background:#fff!important;overflow:hidden!important}
  .shum-dropdown-open .shum-mobile-backdrop{display:none!important}.shum-dropdown-open .shum-icon-btn[data-shum-dropdown-toggle]{display:none!important}
  .shum-dropdown{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--shum-dropdown-bg)!important;padding:calc(env(safe-area-inset-top,0px) + 56px) var(--shum-mobile-side-padding) calc(env(safe-area-inset-bottom,0px) + 16px)!important;z-index:2147483601!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
  .shum-dropdown:before{display:none!important}.shum-mobile-close{display:flex!important;position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;right:18px!important;width:50px!important;height:50px!important;border-radius:10px!important;background:#f2f2f2!important;font-size:42px!important;z-index:2147483647!important}
  .shum-user-head{flex:0 0 auto!important;padding-bottom:12px!important;margin-bottom:10px!important}.shum-avatar{width:46px!important;height:46px!important}.shum-user-head strong{font-size:20px!important}.shum-user-head a{font-size:16px!important}
  .shum-quick-actions{flex:0 0 auto!important;margin:8px 0 10px!important;padding:10px!important;gap:10px!important}.shum-quick-action{height:48px!important;min-height:48px!important;padding:0 8px!important}.shum-quick-icon svg{width:24px!important;height:24px!important}
  .shum-menu-links{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:space-evenly!important;overflow:hidden!important}.shum-menu-links a,.shum-logout{padding:7px 3px!important;font-size:17px!important;line-height:1.15!important}.shum-menu-links svg,.shum-logout svg{width:22px!important;height:22px!important}.shum-sep{flex:0 0 auto!important;margin:8px 0!important}

  .shum-dropdown.shum-animate-open{animation:shumAccountFromTop .4s ease both!important}.shum-dropdown.shum-animate-closing{animation:shumAccountToTop .4s ease both!important;pointer-events:none!important}.shum-modal.shum-modal-animate-open .shum-modal-card{animation:shumAccountFromTop .4s ease both!important}.shum-modal.shum-modal-animate-closing .shum-modal-card{animation:shumAccountToTop .4s ease both!important;pointer-events:none!important}
}
@media (max-width:390px){:root{--shum-mobile-side-padding:22px}.shum-menu-links a,.shum-logout{font-size:16px!important}.shum-tabs{margin-left:46px!important;margin-right:46px!important}.shum-tabs button{padding-left:22px!important;padding-right:22px!important}}
@keyframes shumAccountFromTop{from{transform:translate3d(0,-100%,0)}to{transform:translate3d(0,0,0)}}
@keyframes shumAccountToTop{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-100%,0)}}
body.shum-lock-mobile{position:fixed!important;left:0!important;right:0!important;width:100%!important;overflow:hidden!important;touch-action:none!important}


/* v26: remove custom top Login / Sign Up tabs. Switching is handled by Ultimate Member's own grey secondary buttons. */
.shum-tabs{display:none!important;}
.shum-modal-card .shum-panel{padding-top:0!important;}

@media (max-width:700px){
  .shum-modal-card{padding-top:calc(env(safe-area-inset-top,0px) + 86px)!important;}

  /* v26: keep WorkScout hamburger visually normal while using our 3-column mobile header. */
  header#main-header .mmenu-trigger,
  #main-header .mmenu-trigger{
    background-color:#eee!important;
    border-radius:4px!important;
    overflow:visible!important;
  }

  header#main-header .mmenu-trigger > button,
  #main-header .mmenu-trigger > button,
  header#main-header .mmenu-trigger .hamburger,
  #main-header .mmenu-trigger .hamburger{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:34px!important;
    height:24px!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:translate(-50%,-50%) scale(.72)!important;
    -moz-transform:translate(-50%,-50%) scale(.72)!important;
  }

  header#main-header .mmenu-trigger .hamburger-box,
  #main-header .mmenu-trigger .hamburger-box{
    display:block!important;
    position:relative!important;
    width:34px!important;
    height:24px!important;
    margin:0!important;
    padding:0!important;
  }

  header#main-header .mmenu-trigger .hamburger-inner,
  #main-header .mmenu-trigger .hamburger-inner{
    left:0!important;
  }
}