/* =================================================================
   HEADER PREVIEW — styles copied from workscout.pro theme CSS
   ================================================================= */
.whb-hp-header{
  --header-action-size:42px;
  display:flex; align-items:center; gap:10px;
  position:absolute; top:0; left:0; right:0; z-index:20;
  height:var(--header-height,82px); padding:0 30px;
  background:var(--header-bg,#fff); border-radius:0;
  box-shadow:0 var(--header-shadow-y,0px) var(--header-shadow-size,18px) var(--header-shadow-color,rgba(0,0,0,.12)); font-size:16px;
  border-bottom:var(--header-border-width,0px) solid var(--header-border-color,transparent);
  box-sizing:border-box;
}
.whb-frontend-header-sticky.whb-is-scrolled .whb-hp-header{background:var(--header-scrolled-bg,var(--header-bg,#fff))}
.whb-hp-header.whb-is-boxed{
  top:16px; left:50%; right:auto; width:calc(100% - 32px);
  max-width:var(--header-boxed-width,1340px); transform:translateX(calc(-50% + 7px));
  border-radius:8px;
}
.whb-hp-header.whb-is-content-boxed{
  padding-left:max(30px,calc((100% - var(--header-boxed-width,1340px)) / 2));
  padding-right:max(30px,calc((100% - var(--header-boxed-width,1340px)) / 2));
}
.whb-hp-header.whb-is-sticky{position:absolute}

/* Only apply the backdrop filter when there is a blur to apply: blur(0) still
   creates a containing block and would trap fixed-position descendants.
   The blur is visible through the header background, so it needs an alpha
   below 1 on the background color (or fully transparent) to show. */
.whb-hp-header.whb-has-blur{
  -webkit-backdrop-filter:blur(var(--header-blur,0px));
  backdrop-filter:blur(var(--header-blur,0px));
}

/* Header hairlines. WorkScout's stock header separates the logo and the
   right-hand widgets with 1px vertical rules (#logo_nh / .header-widget).
   Drawn as a pseudo element so the element box keeps its natural height:
   stretching .whb-el would push the builder's hover controls, which anchor to
   its top edge, outside the stage. */
.whb-hp-header{--whb-divider-height:var(--header-height,82px)}
.whb-stage.whb-vp-m .whb-hp-header{--whb-divider-height:70px}
.whb-el.whb-has-divider::after{
  content:""; position:absolute; top:50%; transform:translateY(-50%);
  width:1px; height:var(--whb-divider-height,82px);
  background:var(--header-divider-color,rgba(0,0,0,.15));
  pointer-events:none;
}
.whb-zone[data-zone="left"]>.whb-el.whb-has-divider{margin-right:24px}
.whb-zone[data-zone="left"]>.whb-el.whb-has-divider::after{right:-12px}
.whb-zone[data-zone="right"]>.whb-el.whb-has-divider{margin-left:24px}
.whb-zone[data-zone="right"]>.whb-el.whb-has-divider::after{left:-12px}
.whb-header-center>.whb-el.whb-has-divider::after{display:none}
.whb-stage.whb-vp-m .whb-zone[data-zone="left"]>.whb-el.whb-has-divider,
.whb-stage.whb-vp-t .whb-zone[data-zone="left"]>.whb-el.whb-has-divider{margin-right:16px}
.whb-stage.whb-vp-m .whb-zone[data-zone="left"]>.whb-el.whb-has-divider::after,
.whb-stage.whb-vp-t .whb-zone[data-zone="left"]>.whb-el.whb-has-divider::after{right:-8px}
.whb-stage.whb-vp-m .whb-zone[data-zone="right"]>.whb-el.whb-has-divider,
.whb-stage.whb-vp-t .whb-zone[data-zone="right"]>.whb-el.whb-has-divider{margin-left:16px}
.whb-stage.whb-vp-m .whb-zone[data-zone="right"]>.whb-el.whb-has-divider::after,
.whb-stage.whb-vp-t .whb-zone[data-zone="right"]>.whb-el.whb-has-divider::after{left:-8px}
.whb-hp-header.whb-menu-centered,.whb-hp-header.whb-logo-centered{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.whb-hp-header.whb-menu-centered .whb-zone[data-zone="left"],.whb-hp-header.whb-logo-centered .whb-zone[data-zone="left"]{justify-self:start; min-width:0}
.whb-hp-header.whb-menu-centered .whb-header-center,.whb-hp-header.whb-logo-centered .whb-header-center{justify-self:center; display:flex; align-items:center; min-width:0}
.whb-hp-header.whb-menu-centered .whb-zone[data-zone="right"],.whb-hp-header.whb-logo-centered .whb-zone[data-zone="right"]{justify-self:end; min-width:0}
.whb-hp-header>.whb-zone,.whb-hp-header>.whb-hp-sp,.whb-hp-header>.whb-header-center{
  transition:opacity .24s ease,filter .24s ease,transform .24s ease;
}
.whb-hp-header.whb-search-open>.whb-zone,.whb-hp-header.whb-search-open>.whb-hp-sp,.whb-hp-header.whb-search-open>.whb-header-center{
  opacity:0; filter:blur(7px); transform:scale(.985); pointer-events:none;
}
.whb-stage.whb-vp-m .whb-hp-header{padding:0 16px; height:70px}
.whb-stage.whb-vp-t .whb-hp-header{padding:0 22px}
.whb-hp-sp{flex:1}
.whb-zone{display:flex; align-items:center; gap:4px; min-height:54px; border-radius:8px; padding:0 3px}
.whb-zone[data-zone="right"]{gap:14px}
.whb-stage.whb-vp-m .whb-zone[data-zone="right"]{zoom:.9}
body.whb-dragging .whb-zone{outline:1.5px dashed #c4c4c4; outline-offset:3px; min-width:70px}
body.whb-dragging .whb-zone.whb-over{outline-color:#111}

.whb-el{position:relative; border-radius:3px; cursor:grab}
.whb-el:active{cursor:grabbing}
.whb-el:hover{outline:1.5px solid #d0d0d0; outline-offset:0}
.whb-el[data-el="menu"]{outline:none}
.whb-el[data-el="menu"]:hover{outline:1.5px solid #d0d0d0; outline-offset:0}
body.whb-selection-outline-hidden .whb-hp-header.whb-header-selected,
body.whb-selection-outline-hidden .whb-el.whb-sel,
body.whb-selection-outline-hidden .whb-el.whb-sel:hover,
body.whb-selection-outline-hidden .whb-el[data-el="menu"].whb-sel,
body.whb-selection-outline-hidden .whb-el[data-el="menu"].whb-sel:hover{outline:none}
.whb-el-controls{
  position:absolute; right:0; bottom:calc(100% - 7px); z-index:90;
  display:flex; align-items:center; gap:4px; pointer-events:none;
  opacity:0; transform:translateY(2px); transition:.15s;
}
.whb-el:hover>.whb-el-controls,.whb-el.whb-sel>.whb-el-controls,.whb-el.whb-whole-selected>.whb-el-controls{
  opacity:1; transform:translateY(0);
}
.whb-el-controls>button{pointer-events:auto}
.whb-el-edit{
  position:relative;
  height:22px; box-sizing:border-box; display:flex; align-items:center; gap:4px; padding:3px 6px;
  border:0; border-radius:4px; background:#111; color:#fff; font:inherit; font-size:10.5px;
  white-space:nowrap; cursor:pointer;
}
.whb-el-remove{
  position:relative;
  width:22px; height:22px; padding:0; display:grid; place-items:center;
  border:0; border-radius:4px; background:rgba(0,0,0,.2); color:#fff;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); cursor:pointer;
}
.whb-el-remove:hover{background:rgba(0,0,0,.38); color:#fff}
.whb-el[data-el="menu"] .whb-menu-edit{border:0; cursor:pointer}
/* logo */
.whb-hp-logo{font-size:var(--logo-text-size,26px); font-weight:500; letter-spacing:-.4px; color:var(--logo-text-color,var(--header-fg,#111)); padding:0 4px; white-space:nowrap; transform:translateY(var(--logo-offset-y,0px))}
.whb-hp-logo i{font-style:normal; color:var(--red)}
.whb-stage.whb-vp-m .whb-hp-logo{font-size:var(--logo-text-size-mobile,22px)}
.whb-hp-logo-image{display:flex; align-items:center}
.whb-hp-logo-img{display:block; width:min(var(--logo-width,110px),45vw); height:auto; max-width:none; object-fit:contain}
.whb-stage.whb-vp-m .whb-hp-logo-img{width:min(var(--logo-width-mobile,94px),45vw); height:auto; max-width:none}
.whb-hp-logo-fallback{display:none}

/* nav */
.whb-nav{
  display:flex; align-items:center; list-style:none; margin:0; padding:0 0 0 12px;
  color:var(--menu-color,#333); background:transparent;
  height:auto; align-self:center; border-radius:var(--menu-radius,4px);
}
.whb-nav>li{position:relative; height:auto; display:flex; align-items:center}
.whb-nav>li>a{
  display:flex; align-items:center; padding:0 4px; height:auto;
  color:var(--menu-color,#333); cursor:pointer;
  font-size:var(--menu-font-size,15px); font-weight:var(--menu-font-weight,400);
  transition:color .28s ease;
}
.whb-nav>li[data-menu-type="dropdown"],.whb-nav>li[data-menu-type="mega"]{height:auto}
.whb-nav>li[data-menu-type="dropdown"]>a,.whb-nav>li[data-menu-type="mega"]>a{height:auto; padding:0}
.whb-mi-hit{
  position:relative; display:flex; align-items:center; gap:6px;
  padding:var(--menu-padding-y,8px) var(--menu-padding-x,10px);
  border-radius:var(--menu-radius,4px); color:var(--menu-color,#333); background:var(--menu-bg,transparent); line-height:var(--menu-line-height,24px);
  transition:background-color .28s ease,color .28s ease;
}
.whb-nav>li:hover>a>.whb-mi-hit,
.whb-nav>li.current-menu-item>a>.whb-mi-hit,
.whb-nav>li.current-menu-parent>a>.whb-mi-hit,
.whb-nav>li.current-menu-ancestor>a>.whb-mi-hit{color:var(--menu-hover-color,var(--red)); background:var(--menu-hover-bg,#f7f7f7)}
.whb-nav>li.whb-is-editing>a>.whb-mi-hit{color:var(--menu-active-color,var(--red)); background:var(--menu-active-bg,#f7f7f7)}
.whb-mi-icon{display:inline-flex; align-items:center; color:currentColor; flex:none}
.whb-icon-preset{display:inline-block; width:1em; height:1em; line-height:1; text-align:center; flex:none}
.whb-nav>li:hover>a,
.whb-nav>li.current-menu-item>a,
.whb-nav>li.current-menu-parent>a,
.whb-nav>li.current-menu-ancestor>a{color:var(--menu-hover-color,var(--red))}
.whb-nav>li.whb-is-editing>a{color:var(--menu-active-color,var(--red))}
.whb-nav .whb-car{color:inherit; opacity:.62; display:inline-flex; margin-left:-2px; transition:transform .2s,color .28s ease,opacity .28s ease; position:relative; top:1px}
.whb-nav>li:hover .whb-car,.whb-nav>li.whb-pin .whb-car{transform:rotate(180deg); opacity:1}

/* dropdown — workscout: radius 5px, shadow 0 0 10px rgba(0,0,0,.12) */
.whb-sub{
  position:absolute; top:100%; left:0; margin-top:5px; z-index:80;
  min-width:210px; background:#fff; border-radius:5px;
  box-shadow:0 3px 8px rgba(0,0,0,.08); padding:12px 10px; list-style:none;
  opacity:0; visibility:hidden; transform:translate(var(--dropdown-shift-x,0px),calc(var(--menu-dropdown-offset,8px) + 8px));
  transition:all .25s; pointer-events:none;
}
.whb-sub::before{content:""; position:absolute; top:calc(-8px - var(--menu-dropdown-offset,8px)); left:0; width:100%; height:calc(8px + var(--menu-dropdown-offset,8px))}
.whb-nav>li:hover>.whb-sub,.whb-nav>li:focus-within>.whb-sub,.whb-nav>li.whb-pin>.whb-sub{opacity:1; visibility:visible; transform:translate(var(--dropdown-shift-x,0px),var(--menu-dropdown-offset,8px)); pointer-events:all}
.whb-sub li a,.whb-um ul li a{
  display:flex; align-items:center; padding:3px 15px; line-height:24px;
  color:#696969; font-size:15px; cursor:pointer; transition:color .2s; border-radius:5px;
}
.whb-sub li a:hover,
.whb-sub li.current-menu-item>a,
.whb-sub li.current-menu-parent>a,
.whb-sub li.current-menu-ancestor>a{color:var(--menu-hover-color,var(--red))}
.whb-sub li{position:relative}
.whb-sub li.whb-has-children>a{justify-content:space-between; gap:14px}
.whb-sub .whb-nested-car{display:inline-flex; margin-left:auto; transform:rotate(-90deg); color:#aaa}
.whb-sub li.whb-has-children>a:hover .whb-nested-car,
.whb-sub li.whb-has-children.current-menu-parent>a .whb-nested-car,
.whb-sub li.whb-has-children.current-menu-ancestor>a .whb-nested-car{color:var(--menu-hover-color,var(--red))}
.whb-sub .whb-sub{
  top:-12px; left:calc(100% - 10px); z-index:81; margin:0;
  opacity:0; visibility:hidden; transform:translateX(calc(12px + var(--dropdown-shift-x,0px))); pointer-events:none;
}
.whb-sub .whb-sub::before{top:0; left:-4px; width:4px; height:100%}
.whb-sub li:hover>.whb-sub,.whb-sub li:focus-within>.whb-sub{opacity:1; visibility:visible; transform:translateX(var(--dropdown-shift-x,0px)); pointer-events:all}

/* mega menu — style copied from the header-builder draft */
.whb-mega{
  position:absolute; top:100%; left:50%; margin-top:5px; z-index:80;
  width:680px; padding:22px 24px; background:#fff; border-radius:8px; box-sizing:border-box;
  border:var(--mega-border-width,0px) solid var(--mega-border-color,transparent);
  box-shadow:0 var(--mega-shadow-y,3px) var(--mega-shadow-size,8px) var(--mega-shadow-color,rgba(0,0,0,.08));
  opacity:0; visibility:hidden; transform:translate(calc(-50% + var(--dropdown-shift-x,0px)),calc(var(--menu-dropdown-offset,8px) + 16px));
  transition:all .25s; pointer-events:none;
}
.whb-mega::before{content:""; position:absolute; top:calc(-8px - var(--menu-dropdown-offset,8px)); left:0; width:100%; height:calc(8px + var(--menu-dropdown-offset,8px))}
.whb-nav>li:hover>.whb-mega,.whb-nav>li:focus-within>.whb-mega,.whb-nav>li.whb-pin>.whb-mega{opacity:1; visibility:visible; transform:translate(calc(-50% + var(--dropdown-shift-x,0px)),var(--menu-dropdown-offset,8px)); pointer-events:all}
.whb-mega.whb-is-fullwidth{
  left:var(--mega-full-left,0); width:var(--mega-full-width,100%); box-sizing:border-box;
  border-radius:0; transform:translateX(var(--dropdown-shift-x,0px)) translateY(calc(var(--menu-dropdown-offset,8px) + 16px));
}
.whb-hp-header.whb-is-boxed .whb-mega.whb-is-fullwidth{border-radius:0 0 8px 8px}
.whb-nav>li:hover>.whb-mega.whb-is-fullwidth,.whb-nav>li:focus-within>.whb-mega.whb-is-fullwidth,.whb-nav>li.whb-pin>.whb-mega.whb-is-fullwidth{transform:translateX(var(--dropdown-shift-x,0px)) translateY(var(--menu-dropdown-offset,8px))}
.whb-mega-inner{width:100%}
.whb-mega.whb-is-fullwidth .whb-mega-inner{max-width:var(--mega-content-width,1340px); margin:0 auto}
.whb-mega-intro{margin:0 6px 14px}
.whb-mega-intro h3{margin:0; color:#111; font-size:17px; font-weight:500; letter-spacing:-.01em; line-height:1.3}
.whb-mega-intro p{margin:0; color:#6b6b6b; font-size:13px; line-height:20px}
.whb-mega-columns{display:grid; grid-template-columns:repeat(var(--cols,3),minmax(0,1fr)); gap:14px}
.whb-mega-colwrap{min-width:0; display:flex; flex-direction:column; gap:2px}
.whb-mega-card{
  display:flex; align-items:center; gap:10px; width:100%; min-height:50px;
  padding:7px 8px; border-radius:8px; cursor:pointer; text-align:left;
  transition:background .15s;
}
.whb-mega-card:hover,.whb-mega-card.current-menu-item{background:#f7f7f7}
.whb-mega-card:hover .whb-mega-copy strong,.whb-mega-card.current-menu-item .whb-mega-copy strong{color:var(--menu-hover-color,var(--red))}
.whb-mega-card.whb-is-selected{background:#fffafb; box-shadow:inset 0 0 0 1px var(--red)}
.whb-mega-icon{
  display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px;
  border-radius:8px; color:var(--mega-icon-color,var(--red));
  background:color-mix(in srgb,var(--mega-icon-color,var(--red)) 10%,transparent);
}
.whb-mega-copy{display:block; min-width:0}
.whb-mega-copy strong{display:block; color:#111; font-size:13.5px; font-weight:500; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color .2s ease}
.whb-mega-copy span{display:block; margin-top:0; color:#6f6f6f; font-size:12px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.whb-mega-add{
  display:flex; align-items:center; justify-content:center; gap:6px; width:100%;
  min-height:46px; margin-top:2px; border:1px dashed #d2d2d2; border-radius:8px;
  background:transparent; color:#767676; font-size:12px; font-weight:500;
  cursor:pointer; transition:.15s;
}
.whb-mega-add:hover{border-color:var(--red); color:var(--red); background:#fffafb}

/* burger (tablet/mobile) */
.whb-burger{
  width:var(--header-action-size); height:var(--header-action-size); padding:0; border:0; border-radius:var(--menu-radius,4px); display:flex; align-items:center;
  justify-content:center; color:var(--menu-button-color,#333); background:var(--menu-button-bg,transparent); cursor:pointer;
  font:inherit; -webkit-appearance:none; appearance:none; transition:background-color .18s ease,color .18s ease;
}
.whb-burger:hover{color:var(--menu-button-hover-color,var(--red)); background:var(--menu-button-hover-bg,#f0f0f0)}

/* builder-owned responsive navigation: desktop off-canvas, mobile fullscreen */
.whb-hb-mobile-shell{
  position:absolute; inset:0; z-index:180; overflow:hidden; border-radius:inherit;
  visibility:hidden; pointer-events:none; transition:visibility .28s step-end;
}
.whb-hb-mobile-shell.whb-is-open{visibility:visible; pointer-events:auto; transition:visibility 0s}
.whb-hb-mobile-backdrop{
  position:absolute; inset:0; width:100%; height:100%; padding:0; border:0;
  background:rgba(17,17,17,.34); opacity:0; cursor:pointer;
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  transition:opacity .28s ease;
}
.whb-hb-mobile-shell.whb-is-open .whb-hb-mobile-backdrop{opacity:1}
.whb-hb-mobile-panel{
  position:absolute; top:0; right:0; width:min(420px,100%); height:100%;
  display:flex; flex-direction:column; background:#fff; color:#222;
  box-shadow:-12px 0 28px rgba(0,0,0,.14); transform:translateX(100%);
  transition:transform .4s cubic-bezier(.22,.72,.22,1);
}
.whb-hb-mobile-shell.whb-is-open .whb-hb-mobile-panel{transform:translateX(0)}
.whb-hb-mobile-head{
  flex:none; min-height:78px; padding:16px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  border-bottom:1px solid #ececec;
}
.whb-hb-mobile-brand .whb-hp-logo{padding:0}
.whb-hb-mobile-brand .whb-hp-logo-img{width:min(var(--logo-width-mobile,94px),45vw); height:auto; max-width:none; filter:none!important}
.whb-hb-mobile-close{
  flex:none; width:40px; height:40px; padding:0; border:0; border-radius:50%;
  display:grid; place-items:center; background:#f2f2f2; color:#555; cursor:pointer;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.whb-hb-mobile-close:hover{background:#e6e6e6; color:#111; transform:rotate(3deg)}
.whb-hb-mobile-scroll{position:relative; flex:1; min-height:0; overflow:hidden}
.whb-hb-mobile-level{
  position:absolute; inset:0; z-index:1; overflow-y:auto; padding:10px 16px 24px;
  background:#fff; transform:translate3d(100%,0,0); filter:blur(7px); pointer-events:none;
  will-change:transform,filter;
  transition:transform .36s cubic-bezier(.22,.72,.22,1),filter .3s ease;
}
.whb-hb-mobile-level.whb-is-current{z-index:3; transform:translate3d(0,0,0); filter:blur(0); pointer-events:auto}
.whb-hb-mobile-level.whb-is-parent{z-index:2; transform:translate3d(-100%,0,0); filter:blur(7px)}
.whb-hb-mobile-list{margin:0; padding:0; list-style:none}
.whb-hb-mobile-item{border-bottom:1px solid #eeeeee}
.whb-hb-mobile-link{
  width:100%; min-height:54px; display:flex; align-items:center; gap:10px;
  padding:12px 8px; border:0; background:transparent; color:#333;
  font:inherit; font-size:15px; font-weight:500; text-align:left; cursor:pointer;
  transition:color .18s ease;
}
.whb-hb-mobile-link:hover,
.whb-hb-mobile-item.current-menu-item>.whb-hb-mobile-link,
.whb-hb-mobile-item.current-menu-parent>.whb-hb-mobile-link,
.whb-hb-mobile-item.current-menu-ancestor>.whb-hb-mobile-link{color:var(--menu-hover-color,var(--red))}
.whb-hb-mobile-item-icon{display:inline-flex; flex:none; color:currentColor}
.whb-hb-mobile-forward-icon{display:inline-flex; margin-left:auto; color:#aaa; transform:rotate(-90deg)}
.whb-hb-mobile-forward:hover .whb-hb-mobile-forward-icon{color:var(--red)}
.whb-hb-mobile-back{
  width:100%; min-height:38px; margin:4px 0 12px; padding:9px 14px;
  display:inline-flex; align-items:center; gap:7px; border:0; border-radius:8px;
  background:#f3f3f3; color:#888; font:inherit; font-size:13px; cursor:pointer;
  transition:color .18s ease,background-color .18s ease;
}
.whb-hb-mobile-back svg{transform:rotate(90deg)}
.whb-hb-mobile-back:hover{color:#666; background:#e8e8e8}
.whb-stage.whb-vp-t .whb-hb-mobile-panel,.whb-stage.whb-vp-m .whb-hb-mobile-panel{
  width:100%; max-width:none; box-shadow:none; opacity:0; transform:none; filter:blur(12px);
  transition:opacity .2s ease,filter .22s ease;
}
.whb-stage.whb-vp-t .whb-hb-mobile-shell.whb-is-open .whb-hb-mobile-panel,
.whb-stage.whb-vp-m .whb-hb-mobile-shell.whb-is-open .whb-hb-mobile-panel{opacity:1; transform:none; filter:blur(0)}
.whb-stage.whb-vp-t .whb-hb-mobile-backdrop,.whb-stage.whb-vp-m .whb-hb-mobile-backdrop{display:none}
.whb-stage.whb-vp-m .whb-hb-mobile-head{min-height:70px; padding:13px 16px}
.whb-stage.whb-vp-m .whb-hb-mobile-level{padding:8px 14px 20px}

/* sign in */
.whb-signin{
  display:flex; align-items:center; gap:8px; background:var(--account-login-bg,#f4f4f4); color:var(--account-login-color,#555);
  width:auto; min-width:0; max-width:none; box-sizing:border-box;
  padding:var(--account-padding-y,10px) var(--account-padding-x,12px);
  border-radius:var(--account-radius,4px); font-size:14px; font-weight:500; line-height:var(--account-line-height,27px);
  cursor:pointer; transition:.25s; white-space:nowrap;
}
.whb-signin:hover{background:var(--account-login-hover-bg,#111); color:var(--account-login-hover-color,#fff)}
.whb-signin.whb-iconic{width:var(--header-action-size); height:var(--header-action-size); padding:0; justify-content:center}

/* register button - the second of WorkScout's two signed-out header buttons */
.whb-account-actions{display:flex; align-items:center; gap:0}
.whb-signin-register{
  background:var(--account-register-bg,#26ae61); color:var(--account-register-color,#fff);
}
.whb-signin-register:hover{background:var(--account-register-hover-bg,#1e9a54); color:var(--account-register-hover-color,#fff)}

/* custom button */
.whb-hp-button{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:var(--header-action-size); box-sizing:border-box; padding:var(--button-padding-y,10px) var(--button-padding-x,18px);
  border-radius:var(--button-radius,4px); line-height:var(--button-line-height,27px);
  background:var(--button-bg,var(--red)); color:var(--button-color,#fff); font-size:15px; font-weight:500;
  white-space:nowrap; cursor:pointer; transition:.2s;
}
.whb-hp-button:hover,
.whb-hp-button:focus,
.whb-hp-button:focus-visible,
.whb-hp-button:active{
  background:var(--button-hover-bg,#1e9a54); color:var(--button-hover-color,#fff); font-size:15px; text-decoration:none;
}
.whb-stage.whb-vp-m .whb-hp-button{min-height:var(--header-action-size); font-size:14px}

.whb-hp-custom-html{display:flex; align-items:center; min-height:var(--header-action-size); color:var(--header-fg,#222)}
.whb-hp-shortcode{
  display:inline-flex; align-items:center; gap:7px; min-height:var(--header-action-size);
  padding:0 12px; border-radius:8px; background:rgba(255,255,255,.16);
  color:var(--header-fg,#555); font-size:13px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
}
textarea.whb-in{display:block; width:100%; min-height:120px; resize:vertical; line-height:1.5}

/* WorkScout search element */
.whb-hp-search-trigger{
  display:grid; place-items:center; width:var(--header-action-size); height:var(--header-action-size); padding:0;
  border:0; border-radius:var(--search-radius,4px); background:var(--search-bg,#f2f2f2); color:var(--search-color,#555);
  cursor:pointer; transition:.18s;
}
.whb-hp-search-trigger:hover{background:var(--search-hover-bg,#111); color:var(--search-hover-color,#fff)}
.whb-search-trigger-open,.whb-search-trigger-close{display:inline-flex; align-items:center; justify-content:center}
.whb-search-trigger-close{display:none}
.whb-hp-header.whb-has-inline-search .whb-hp-sp{flex:0 0 0}
.whb-hp-header.whb-has-inline-search .whb-zone:has(.whb-el[data-el="search"]){flex:1; min-width:0}
.whb-hp-header.whb-has-inline-search .whb-el[data-el="search"]{flex:1; min-width:340px}
.whb-workscout-search-form{
  display:flex; align-items:center; flex:1; min-width:0; height:58px;
  padding:5px; border-radius:4px; background:#f3f3f3; color:#777;
}
.whb-workscout-search-field{
  display:flex; align-items:center; gap:10px; min-width:0; height:38px;
  padding:0 20px; border-right:1px solid #dedede; font-size:14px; white-space:nowrap;
}
.whb-workscout-search-field.whb-ai{flex:1.15}
.whb-workscout-search-field.whb-location{flex:1}
.whb-workscout-search-field.whb-category{flex:1}
.whb-workscout-search-field>span:not(.whb-search-spark):not(.whb-search-bolt){overflow:hidden; text-overflow:ellipsis}
.whb-workscout-search-field svg{flex:none; color:#aaa}
.whb-search-spark{color:#ffbd2e; font-size:17px; line-height:1}
.whb-search-bolt{
  display:grid; place-items:center; width:27px; height:27px; margin-left:auto;
  border-radius:50%; color:#fff; background:linear-gradient(135deg,#ffb72d,#cf43dd);
}
.whb-search-bolt svg{color:#fff}
.whb-workscout-search-submit{
  flex:none; min-width:126px; height:46px; padding:0 25px;
  border:0; border-radius:4px; background:var(--red); color:#fff;
  font:inherit; font-size:14px; font-weight:600; cursor:pointer; transition:.18s;
}
.whb-workscout-search-submit:hover{background:#1e9a54}
.whb-header-search-layer{
  position:absolute; inset:0; z-index:110;
  display:flex; align-items:center; gap:14px; padding:0 30px;
  border-radius:inherit; background:var(--search-overlay-bg,rgba(255,255,255,.84));
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  opacity:0; visibility:hidden; transform:scale(.985);
  pointer-events:none; transition:opacity .24s ease,visibility .24s ease,transform .24s ease;
}
.whb-hp-header.whb-is-content-boxed>.whb-header-search-layer{
  padding-left:max(30px,calc((100% - var(--header-boxed-width,1340px))/2));
  padding-right:max(30px,calc((100% - var(--header-boxed-width,1340px))/2));
}
.whb-hp-header.whb-search-open>.whb-header-search-layer{
  opacity:1; visibility:visible; transform:scale(1); pointer-events:auto;
}
.whb-header-search-close{
  display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px;
  padding:0; border:0; border-radius:var(--search-radius,4px); background:var(--search-bg,#f2f2f2); color:var(--search-color,#555); cursor:pointer;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.whb-header-search-close:hover{background:var(--search-hover-bg,#111); color:var(--search-hover-color,#fff); transform:scale(1.04)}
.whb-workscout-search-form.whb-is-inline{width:100%; height:54px}
.whb-workscout-search-form.whb-is-inline .whb-workscout-search-field{padding:0 14px; font-size:13px}
.whb-workscout-search-form.whb-is-inline .whb-workscout-search-submit{min-width:94px; height:44px; padding:0 20px}
.whb-stage.whb-vp-l .whb-workscout-search-form.whb-is-inline .whb-workscout-search-field.whb-location{display:none}
.whb-stage.whb-vp-t .whb-workscout-search-form.whb-is-inline .whb-workscout-search-field.whb-location,
.whb-stage.whb-vp-t .whb-workscout-search-form.whb-is-inline .whb-workscout-search-field.whb-category,
.whb-stage.whb-vp-m .whb-workscout-search-form.whb-is-inline .whb-workscout-search-field.whb-location,
.whb-stage.whb-vp-m .whb-workscout-search-form.whb-is-inline .whb-workscout-search-field.whb-category{display:none}
.whb-stage.whb-vp-m .whb-hp-header.whb-has-inline-search .whb-el[data-el="search"]{min-width:150px}
.whb-stage.whb-vp-m .whb-workscout-search-form.whb-is-inline{height:44px}
.whb-stage.whb-vp-m .whb-workscout-search-form.whb-is-inline .whb-workscout-search-field{height:34px; padding:0 10px}
.whb-stage.whb-vp-m .whb-workscout-search-form.whb-is-inline .whb-search-bolt{display:none}
.whb-stage.whb-vp-m .whb-workscout-search-form.whb-is-inline .whb-workscout-search-submit{min-width:42px; width:42px; height:36px; padding:0; font-size:0}
.whb-stage.whb-vp-t .whb-header-search-layer,.whb-stage.whb-vp-m .whb-header-search-layer{padding:0 16px}
.whb-stage.whb-vp-t .whb-header-search-layer .whb-workscout-search-field.whb-location,
.whb-stage.whb-vp-m .whb-header-search-layer .whb-workscout-search-field.whb-location,
.whb-stage.whb-vp-m .whb-header-search-layer .whb-workscout-search-field.whb-category{display:none}

/* One real WorkScout Core search form is moved into the active responsive viewport. */
.whb-header-search-source{display:none!important}
.whb-header-search-mount{display:flex; align-items:center; flex:1; min-width:0; width:100%}
.whb-frontend-header .header-search-container{flex:1; min-width:0; width:100%; position:static!important; inset:auto!important}
.whb-frontend-header .header-search-container .main-search-input{transform:none; zoom:.92}
.whb-frontend-header .whb-header-search-mount-inline .header-search-container,
.whb-frontend-header .whb-hp-header.whb-search-open .whb-header-search-layer .header-search-container{
  visibility:visible!important; opacity:1!important; pointer-events:auto!important;
}

@media(max-width:1200px){
  .whb-frontend-header .whb-hp-header.whb-search-open>.whb-zone,
  .whb-frontend-header .whb-hp-header.whb-search-open>.whb-hp-sp,
  .whb-frontend-header .whb-hp-header.whb-search-open>.whb-header-center{
    opacity:1; filter:none; transform:none; pointer-events:auto;
  }
  .whb-frontend-header .whb-hp-header>.whb-header-search-layer{
    inset:100% 0 auto; display:block; width:auto; height:auto; min-height:0; padding:20px;
    border-top:1px solid rgba(0,0,0,.1); border-radius:0; background:#fff;
    -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:0 3px 6px rgba(0,0,0,.1);
    transform:translateY(-4px);
  }
  .whb-frontend-header .whb-hp-header.whb-search-open>.whb-header-search-layer{transform:none}
  .whb-frontend-header .whb-header-search-close{display:none}
  .whb-frontend-header .whb-hp-header.whb-search-open .whb-hp-search-trigger .whb-search-trigger-open{display:none}
  .whb-frontend-header .whb-hp-header.whb-search-open .whb-hp-search-trigger .whb-search-trigger-close{display:inline-flex}
  .whb-frontend-header .whb-header-search-mount{display:block}
  .whb-frontend-header .header-search-container .main-search-input{zoom:1}
  .whb-frontend-header .whb-header-search-layer .header-search-container .gray-style .main-search-input{background:transparent}
}

@media(max-width:992px){
  .whb-frontend-header .whb-header-search-layer .header-search-container .gray-style .main-search-input input,
  .whb-frontend-header .whb-header-search-layer .header-search-container .gray-style .main-search-input input:focus{
    height:55px; line-height:55px; background:#fff;
  }
  .whb-frontend-header .whb-header-search-layer .header-search-container .gray-style .main-search-input-item.location a{
    height:auto; line-height:normal; background:transparent;
  }
}

/* user menu (signed in) — workscout: 212px card */
.whb-um{position:relative; display:flex; align-items:center; gap:9px; cursor:pointer; height:54px; color:var(--menu-color,#333); font-size:var(--menu-font-size,15px)}
.whb-um .whb-av{
  width:37px; height:37px; border-radius:100px; background:#e8e8e8; color:#8e8e8e;
  display:flex; align-items:center; justify-content:center; flex:none;
}
.whb-um .whb-av img.avatar,.whb-um .whb-av img.whb-avatar-image{
  display:block; float:none; width:100%; height:100%; margin:0; padding:0; border:3px solid #fff; border-radius:inherit;
  box-shadow:0 2px 3px rgba(0,0,0,.1); box-sizing:content-box; object-fit:cover;
}
.whb-um .whb-nm{font-size:inherit; color:inherit; transition:color .28s ease; white-space:nowrap}
.whb-um .whb-car{color:inherit; opacity:.62; display:inline-flex; margin-left:-5px; transition:transform .2s,color .28s ease,opacity .28s ease; position:relative; top:1px}
.whb-um .whb-car svg{width:18px; height:18px}
.whb-um:hover .whb-car{opacity:1; transform:rotate(180deg)}
.whb-um ul{
  position:absolute; top:calc(100% - 4px); left:50%; right:auto; z-index:80;
  width:212px; background:#fff; border-radius:5px; list-style:none;
  box-shadow:0 3px 8px rgba(0,0,0,.08); padding:12px 10px; margin:0; font-size:15px;
  opacity:0; visibility:hidden; transform:translate(calc(-50% + var(--dropdown-shift-x,0px)),15px); transition:.25s; pointer-events:none;
}
.whb-um:hover ul,.whb-um:focus-within ul,.whb-um.whb-pin ul{opacity:1; visibility:visible; transform:translate(calc(-50% + var(--dropdown-shift-x,0px)),0); pointer-events:all}
.whb-um ul li a{
  gap:10px;
}
.whb-um ul li a:hover{color:var(--menu-hover-color,var(--red))}
.whb-um ul li a svg{color:currentColor; opacity:.65}
/* cart — workscout: 40px circle #f0f0f0, badge #f92442 */
.whb-cartw{position:relative; height:54px; display:flex; align-items:center}
.whb-cartbtn{
  width:var(--header-action-size); height:var(--header-action-size); border-radius:50%; background:var(--cart-bg,#f0f0f0); color:var(--cart-color,#777);
  display:flex; align-items:center; justify-content:center; cursor:pointer; transition:.25s; position:relative;
}
.whb-cartw:hover .whb-cartbtn{color:var(--cart-hover-color,var(--red)); background:var(--cart-hover-bg,rgba(249,25,66,.10))}
.whb-cartbadge{
  position:absolute; top:-5px; right:-7px; min-width:20px; height:20px; border-radius:50px;
  background:var(--red); color:#fff; font-size:12px; font-weight:500;
  display:flex; align-items:center; justify-content:center; padding:0 5px;
}
.whb-cartdrop{
  position:absolute; top:calc(100% - 6px); left:50%; right:auto; z-index:80;
  width:340px; max-width:calc(100vw - 24px); box-sizing:border-box; background:#fff; border-radius:8px; box-shadow:0 8px 28px rgba(0,0,0,.13);
  padding:16px; color:#777; font-size:14px; text-align:left;
  opacity:0; visibility:hidden; transform:translate(calc(-50% + var(--dropdown-shift-x,0px)),15px); transition:.25s; pointer-events:none;
}
.whb-cartw:hover .whb-cartdrop,.whb-cartw:focus-within .whb-cartdrop{opacity:1; visibility:visible; transform:translate(calc(-50% + var(--dropdown-shift-x,0px)),0); pointer-events:all}
.whb-cartdrop .widget_shopping_cart_content{display:block; width:100%; padding:0; border:0; border-radius:0; background:#fff; color:inherit}
.whb-cartdrop .widget_shopping_cart_content ul.woocommerce-mini-cart{max-height:350px; margin:0 0 13px; padding:5px 0 0; overflow-x:hidden; overflow-y:auto; list-style:none; scrollbar-width:thin}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item{
  position:relative; display:grid; grid-template-columns:58px minmax(0,1fr) 20px; grid-template-rows:auto auto;
  --whb-cart-item-space:11px; gap:3px 12px; align-content:start; align-items:start; min-height:80px; box-sizing:border-box; margin:0; padding:11px 0;
  overflow:visible; border:0; border-bottom:1px solid #eee; background:transparent;
}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item:first-child{--whb-cart-item-space:0px; min-height:70px; padding-top:0}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item:last-child{padding-bottom:12px}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item::before,
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item::after{display:none; content:none}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item>a:not(.remove){
  display:block; grid-column:2; grid-row:1;
  min-width:0; margin:0; padding:0; color:#333; font-size:14px; font-weight:600; line-height:19px;
}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item>a:not(.remove):hover{color:var(--red)}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item>a:not(.remove) img{
  position:absolute; top:var(--whb-cart-item-space); left:0; display:block; float:none; width:58px; height:58px; margin:0; border-radius:7px; object-fit:cover;
}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item .quantity{grid-column:2; grid-row:2; color:#858585; font-size:12.5px; line-height:18px}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item .quantity .woocommerce-Price-amount{color:#555; font-weight:600}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item>a.remove{
  position:relative; grid-column:3; grid-row:1; display:grid; place-items:center; width:20px; height:20px;
  margin:-2px 0 0; padding:0; border:0; border-radius:50%; background:transparent!important;
  color:#aaa!important; font-size:0; font-weight:400; line-height:1; text-align:center;
}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item>a.remove::before{
  content:""; position:absolute; top:50%; left:50%; width:15px; height:15px; background:currentColor; transform:translate(-50%,-50%); pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/15px 15px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/15px 15px no-repeat;
}
.whb-cartdrop .widget_shopping_cart_content ul.cart_list li.woocommerce-mini-cart-item>a.remove:hover{background:rgba(249,25,66,.09)!important; color:var(--red)!important}
.whb-cartdrop .woocommerce-mini-cart__total{
  display:flex; align-items:baseline; justify-content:space-between; gap:16px;
  margin:0 0 12px; padding:0; border:0; color:#333; font-size:14px; line-height:22px;
}
.whb-cartdrop .woocommerce-mini-cart__total strong{font-weight:500}
.whb-cartdrop .woocommerce-mini-cart__total .woocommerce-Price-amount{color:#222; font-size:16px; font-weight:600}
.whb-cartdrop .woocommerce-mini-cart__buttons{display:flex; gap:8px; width:100%; margin:0; padding:0}
.whb-cartdrop .woocommerce-mini-cart__buttons .button{
  display:flex; flex:1; align-items:center; justify-content:center; min-width:0; min-height:40px; box-sizing:border-box;
  margin:0; padding:8px 10px; border:0; border-radius:6px; background:#f1f1f1; color:#666; font-size:13px; font-weight:500; text-align:center; line-height:20px;
}
.whb-cartdrop .woocommerce-mini-cart__buttons .button:hover{background:#e9e9e9; color:#444}
.whb-cartdrop .woocommerce-mini-cart__buttons .checkout{background:var(--red); color:#fff}
.whb-cartdrop .woocommerce-mini-cart__buttons .checkout:hover{background:#1e9a54; color:#fff}
.whb-cartdrop .woocommerce-mini-cart__empty-message{margin:0; padding:4px 0; color:#777; text-align:center}

/* automatic foreground contrast for transparent/dark headers */
.whb-hp-header:not(.whb-content-custom) .whb-hp-logo{color:var(--header-fg)}
.whb-hp-logo-img{filter:none}
.whb-hp-header:not(.whb-content-custom) .whb-nav>li>a{color:var(--header-fg)}
.whb-hp-header:not(.whb-content-custom) .whb-nav>li>a>.whb-mi-hit{color:var(--header-fg)}
.whb-hp-header:not(.whb-content-custom) .whb-nav .whb-car{color:inherit; opacity:.62}
.whb-hp-header:not(.whb-content-custom) .whb-nav>li:hover>a>.whb-mi-hit,
.whb-hp-header:not(.whb-content-custom) .whb-nav>li.current-menu-item>a>.whb-mi-hit,
.whb-hp-header:not(.whb-content-custom) .whb-nav>li.current-menu-parent>a>.whb-mi-hit,
.whb-hp-header:not(.whb-content-custom) .whb-nav>li.current-menu-ancestor>a>.whb-mi-hit{color:var(--menu-hover-color,var(--red))}
.whb-hp-header:not(.whb-content-custom) .whb-nav>li.whb-is-editing>a>.whb-mi-hit{color:var(--menu-active-color,var(--red))}
.whb-hp-header:not(.whb-content-custom) .whb-nav>li:hover .whb-car,.whb-hp-header:not(.whb-content-custom) .whb-nav>li.whb-pin .whb-car{color:inherit; opacity:1}
.whb-hp-header:not(.whb-content-custom) .whb-um{color:var(--header-fg)}
.whb-hp-header:not(.whb-content-custom) .whb-um .whb-nm,.whb-hp-header:not(.whb-content-custom) .whb-um .whb-car{color:inherit}
/* The Log In / Register buttons follow the header foreground only when they have no real
   background of their own (whb-follows-fg, decided in the renderer) - a button with a
   background carries its own contrast and keeps the configured text color. :not(:hover)
   lets hover fall through to .whb-signin:hover, so the configured accent survives, the
   same trade-off the menu hover color makes above. */
.whb-hp-header:not(.whb-content-custom) .whb-signin.whb-follows-fg:not(:hover){color:var(--header-fg)}
/* auto contrast switches instantly while the page moves under the header: no color transitions */
.whb-hp-header.whb-content-auto .whb-nav>li>a,.whb-hp-header.whb-content-auto .whb-um .whb-nm,.whb-hp-header.whb-content-auto .whb-hp-logo{transition:none}
.whb-hp-header.whb-content-auto .whb-nav .whb-car{transition:transform .2s,opacity .28s ease}
.whb-hp-header.whb-content-auto .whb-mi-hit{transition-property:background-color}
.whb-hp-header.whb-content-auto .whb-signin.whb-follows-fg{transition-property:background-color}

/* Production layout overrides. The prototype classes remain unchanged. */
.whb-frontend-header{
  --red:var(--workscout-primary-color,#26ae61);
  position:relative; z-index:1001; width:100%; isolation:isolate;
  font-family:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.whb-frontend-header-sticky{top:0; z-index:1100}
.whb-frontend-header-sticky:not(.whb-frontend-header-layout-owned){position:fixed; left:0; right:0}
.whb-frontend-header-sticky.whb-frontend-header-layout-owned{position:sticky}
.admin-bar .whb-frontend-header-sticky{top:32px}
.whb-frontend-header-spacer{width:100%; height:0; pointer-events:none}
.whb-frontend-header-sticky:not(.whb-frontend-header-layout-owned)+.whb-frontend-header-spacer{height:var(--whb-frontend-flow-space,0px)}
body.whb-transparent-header .whb-frontend-header-sticky:not(.whb-frontend-header-layout-owned)+.whb-frontend-header-spacer{height:0}
/* WorkScout's hero markup (template-home*.php, the workscout-elementor home-search
   widgets, the jobs_searchbox shortcode) prints an in-hero .transparent-header-spacer
   that the legacy header sized through #wrapper.new-header (style.css:17965-17966).
   The builder owns #wrapper and drops that class, so drive the spacer from the live
   header height instead - see --whb-hero-spacer in header-builder-frontend.js. */
body.whb-header-builder-enabled .transparent-header-spacer{height:var(--whb-hero-spacer,0px)!important}
body.whb-header-builder-preview [data-whb-frontend-header],
body.whb-header-builder-preview [data-whb-frontend-spacer]{display:none!important}
.whb-frontend-viewport{display:none; position:relative; width:100%; min-height:var(--whb-stage-height,82px); overflow:visible; border-radius:0; background:transparent}
.whb-frontend-viewport-d{display:block}
.whb-frontend-header .whb-hp-header{position:relative; inset:auto; width:100%; min-height:var(--header-height,82px); box-sizing:border-box}
.whb-frontend-header .whb-hp-header.whb-is-boxed{top:auto; left:auto; right:auto; width:calc(100% - 32px); margin:16px auto; transform:translateX(7px)}
.whb-frontend-header .whb-stage:has(.whb-is-boxed){min-height:calc(var(--whb-stage-height,82px) + 32px); padding-block:0.1px}
.whb-frontend-header .whb-el{cursor:default; outline:0!important}
.whb-frontend-header a{text-decoration:none}
.whb-frontend-header button,.whb-frontend-header input{font-family:inherit}
.whb-frontend-header .whb-menu-horizontal{display:block}
.whb-frontend-header .whb-menu-drawer-trigger{display:none}
.whb-frontend-header.whb-menu-always-drawer .whb-menu-horizontal,.whb-frontend-header.whb-menu-inline-search .whb-menu-horizontal{display:none}
.whb-frontend-header.whb-menu-always-drawer .whb-menu-drawer-trigger,.whb-frontend-header.whb-menu-inline-search .whb-menu-drawer-trigger{display:flex}
.whb-frontend-header .whb-hb-mobile-shell{position:fixed; inset:0; border-radius:0}
.whb-frontend-header .whb-hb-mobile-panel{height:100dvh}
.whb-header-search-form{
  display:flex; align-items:center; flex:1; min-width:0; height:54px;
  padding:5px; border-radius:4px; background:#f3f3f3; color:#777; box-sizing:border-box;
}
.whb-header-search-field{
  display:flex; align-items:center; gap:10px; flex:1; min-width:0; height:38px;
  padding:0 20px; font-size:14px; white-space:nowrap;
}
.whb-header-search-field input[type="search"]{
  flex:1; min-width:80px; width:auto; height:38px; margin:0; padding:0; border:0; border-radius:0;
  background:transparent; box-shadow:none; color:inherit; font:inherit; line-height:38px;
}
.whb-header-search-field input[type="search"]:focus{border:0; box-shadow:none; outline:0}
.whb-header-search-field input[type="search"]::placeholder{color:#888; opacity:1}
.whb-header-search-submit{
  flex:none; min-width:94px; height:44px; margin:0; padding:0 24px; border:0; border-radius:4px;
  background:#26ae61; color:#fff; font:inherit; font-size:14px; font-weight:500; cursor:pointer;
  transition:background .18s;
}
.whb-header-search-submit:hover{filter:brightness(.94)}
.whb-frontend-header .whb-hp-shortcode{padding:0; background:transparent; font-family:inherit}
.whb-frontend-header .whb-hp-shortcode>*{margin-bottom:0}
.whb-frontend-header .whb-hb-mobile-brand>a{display:inline-flex}
.whb-frontend-header .screen-reader-text{position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
body.whb-mobile-menu-open{overflow:hidden}

/* Remove offsets reserved for the fixed legacy header on full-height layouts. */
body.whb-header-builder-enabled{
  --whb-frontend-header-height:82px;
  --whb-frontend-admin-bar-height:0px;
  --whb-frontend-fixed-content-top:var(--whb-frontend-header-height);
  --whb-frontend-viewport-height:calc(100vh - var(--whb-frontend-header-height) - var(--whb-frontend-admin-bar-height));
}
/* The legacy header reserved space via #wrapper.new-header padding; the builder owns its own spacer. */
body.whb-header-builder-enabled #wrapper{padding-top:0!important}
/* style.css gives #wrapper overflow-x:hidden below 992px, which turns it into a scroll
   container and stops the builder's sticky header from sticking inside it. clip does the
   same job without creating a scrollport. Needed on every layout-owned header, not just
   the dashboard template (splitmap, jobs/resumes/tasks fullpage, split archives). */
@media(max-width:992px){
  body.whb-header-builder-enabled #wrapper{overflow-x:clip}
}
/* WorkScout full-height layouts hardcode calc(100vh - 82px) for the legacy header height. */
body.whb-header-builder-enabled .full-page-container,
body.whb-header-builder-enabled .full-page-container-v2,
body.whb-header-builder-enabled .new-dashboard-container{
  height:var(--whb-frontend-viewport-height);
}
body.whb-header-builder-enabled .full-page-map-container #ws-map,
body.whb-header-builder-enabled .full-page-map-container #search_map{
  height:var(--whb-frontend-viewport-height);
}
/* custom.min.js wrapperHeight() sized this from #header-container, which the builder does
   not render, so the dashboard's absolutely positioned .small-footer rode up under short
   content instead of sitting at the bottom of the screen. */
body.whb-header-builder-enabled .dashboard-content-inner{
  min-height:var(--whb-frontend-viewport-height);
}
@media(min-width:993px){
  body.whb-header-builder-enabled .full-page-content-container{
    max-height:var(--whb-frontend-viewport-height);
  }
  body.whb-header-builder-enabled .dashboard-sidebar-inner,
  body.whb-header-builder-enabled .dashboard-content-container{
    max-height:var(--whb-frontend-viewport-height);
  }
}

@media(max-width:1400px) and (min-width:1025px){
  .whb-frontend-viewport-d{display:none}
  .whb-frontend-viewport-l{display:block}
}
@media(max-width:1024px) and (min-width:601px){
  .whb-frontend-viewport-d{display:none}
  .whb-frontend-viewport-t{display:block}
}
@media(max-width:1024px){
  .whb-frontend-header>.whb-hb-mobile-shell .whb-hb-mobile-panel{width:100%; max-width:none; box-shadow:none; opacity:0; transform:none; filter:blur(12px); transition:opacity .2s ease,filter .22s ease}
  .whb-frontend-header>.whb-hb-mobile-shell.whb-is-open .whb-hb-mobile-panel{opacity:1; transform:none; filter:blur(0)}
  .whb-frontend-header>.whb-hb-mobile-shell .whb-hb-mobile-backdrop{display:none}
}
@media(max-width:600px){
  .whb-frontend-viewport-d{display:none}
  .whb-frontend-viewport-m{display:block}
}
@media(max-width:782px){.admin-bar .whb-frontend-header-sticky{top:46px}}
@media(max-width:600px){
  body.whb-header-builder-enabled.admin-bar .whb-frontend-header-sticky.whb-frontend-header-layout-owned{top:0}
  .whb-frontend-header .whb-hp-header{height:var(--header-height,70px)}
  .whb-frontend-header .whb-zone[data-zone="right"]{gap:8px; zoom:1}
  .whb-frontend-header .whb-cartw,.whb-frontend-header .whb-um{height:48px}
}