/**
 * Scoped overrides for jobs widgets when embedded in theme/Elementor pages.
 * Higher specificity + !important to prevent theme (Astra, Elementor) from overriding.
 */
.t500-apply-jobs-widget {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, sans-serif;
}

/* Reserve space for jobs search so layout doesn’t shift when React mounts (CLS) */
.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] {
  min-height: 60px;
}

/* Jobs search WhiteBar at 820px: add width 100% (matches existing .hMrQPh rule) */
@media (max-width: 820px) {
  .t500-apply-jobs-widget [data-component='jobs-search-filter-row'] > div {
    width: 100% !important;
  }
}

.t500-apply-jobs-widget *,
.t500-apply-jobs-widget *::before,
.t500-apply-jobs-widget *::after {
  box-sizing: border-box !important;
}

/* Elementor nav: remove hover/focus underline on parent anchor only (li > a.menu-link), not child buttons */
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link,
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link:hover,
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link:focus,
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link:focus-within {
  text-decoration: none !important;
}
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link::after,
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link::before {
  display: none !important;
}

/* Header menu: Create account button – React-enforced color so Elementor does not override */
.t500-header-menu--items-only a[data-t500-btn='signup'],
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) a[data-t500-btn='signup'] {
  background-color: #fff !important;
  background: #fff !important;
  color: #583ef5 !important;
  border: 1px solid #583ef5 !important;
}
.t500-header-menu--items-only a[data-t500-btn='signup']:hover,
.t500-header-menu--items-only a[data-t500-btn='signup']:focus,
.t500-header-menu--items-only a[data-t500-btn='signup']:active,
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) a[data-t500-btn='signup']:hover,
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) a[data-t500-btn='signup']:focus,
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) a[data-t500-btn='signup']:active {
  background-color: #fff !important;
  background: #fff !important;
  color: #583ef5 !important;
  border-color: #583ef5 !important;
}

/* Header menu inside Elementor nav: prevent clipping (overflow visible) – all viewports */
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) {
  overflow: visible !important;
}
li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link {
  overflow: visible !important;
}

/* Desktop: keep default layout (side-by-side buttons); only block so wrapper fills */
@media (min-width: 768px) {
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link {
    display: block !important;
  }
}

/* Tablet only (768px–1023px): iPad Mini/Air; exclude iPad Pro (1024px+) so it keeps default layout */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Keep header nav on one line on iPad Mini/Air (Elementor nav that contains our widget) */
  nav.elementor-nav-menu--main:has(.t500-apply-wrapper.t500-apply-jobs-widget) .elementor-nav-menu {
    flex-wrap: nowrap !important;
  }
  nav.elementor-nav-menu--main:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .elementor-nav-menu
    > li
    > a {
    white-space: nowrap !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) {
    flex-shrink: 0 !important;
    min-width: 0 !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__menu-items {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__menu-items
    [class*='MobileAuthButtonWrap'] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    flex-wrap: nowrap !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__menu-items
    [class*='MobileAuthBtn'] {
    padding: 8px 14px !important;
    min-height: 36px !important;
    height: auto !important;
    white-space: nowrap !important;
    font-size: 14px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__menu-items
    [class*='MobileAuthButtonPrimary'] {
    color: #fff !important;
    background-color: #583ef5 !important;
    background: #583ef5 !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__menu-items
    [class*='MobileAuthButtonOutline'] {
    color: #583ef5 !important;
    background-color: #fff !important;
    background: #fff !important;
    border: 1px solid #583ef5 !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__menu-items
    [class*='MobileAuthButtonOutline']:hover,
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__menu-items
    [class*='MobileAuthButtonOutline']:focus {
    color: #583ef5 !important;
    background-color: #fff !important;
    background: #fff !important;
  }

  /* Tablet logged-in: align account dropdown like mobile (in-flow, full width, consistent padding) */
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__account-dropdown {
    display: block !important;
    width: 100% !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__account-dropdown
    [class*='AccountTrigger'] {
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
    padding: 0 16px 0 16px !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    left: auto !important;
    right: auto !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #02010b !important;
    background: #02010b !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown-profile {
    padding: 16px 16px 16px 24px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown-item,
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__dropdown-item--disabled,
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown-logout {
    padding-left: 24px !important;
    padding-right: 16px !important;
    min-height: 50px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown-logout {
    background-color: #02010b !important;
    background: #02010b !important;
  }
}

/* Mobile only: full-width left-aligned Log in / Create account in Elementor dropdown, prevent cut-off */
@media (max-width: 767px) {
  /* Hide WordPress menu items (Jobs, Blog, About Us, Contact Us) in hamburger; show only React profile menu */
  nav.elementor-nav-menu--dropdown:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .menu-item:not(:has(.t500-apply-wrapper.t500-apply-jobs-widget)) {
    display: none !important;
  }
  /* Elementor dropdown uses max-height + overflow-y:auto; add bottom space so button curves aren’t clipped when scrolled */
  nav.elementor-nav-menu--dropdown.elementor-nav-menu__container:has(
      .t500-apply-wrapper.t500-apply-jobs-widget
    ) {
    padding-bottom: 56px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) {
    padding-bottom: 12px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) > a.menu-link {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-apply-wrapper.t500-apply-jobs-widget {
    width: 100% !important;
    display: block !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__menu-items {
    width: 100% !important;
    text-align: left !important;
    padding-bottom: 24px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__menu-items
    [class*='MobileAuthButtonWrap'] {
    width: 100% !important;
    max-width: none !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__menu-items
    [class*='MobileAuthBtn'] {
    width: 100% !important;
    max-width: none !important;
    justify-content: center !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 22px !important;
  }

  /* Logged-in: align account row + dropdown like Blog > Enterprises (full width, in-flow, indented) */
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__account-dropdown {
    display: block !important;
    width: 100% !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__account-dropdown
    [class*='AccountTrigger'] {
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;
    padding: 10px 16px !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    left: auto !important;
    right: auto !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    border-top: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: transparent !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown-profile {
    padding: 16px 10px 16px 10px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown-item,
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget)
    .t500-header-menu__dropdown-item--disabled,
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown-logout {
    padding-left: 24px !important;
    padding-right: 16px !important;
    min-height: 50px !important;
  }
  li.menu-item:has(.t500-apply-wrapper.t500-apply-jobs-widget) .t500-header-menu__dropdown-logout {
    background-color: transparent !important;
    background: transparent !important;
  }
}

/* Form inputs - Figma 1968-4075: Inter Medium 16px, placeholder #6f717c */
.t500-apply-jobs-widget input,
.t500-apply-jobs-widget input[type='text'],
.t500-apply-jobs-widget input[type='search'],
.t500-apply-jobs-widget input[type='email'] {
  appearance: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    sans-serif !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  max-width: none !important;
}

.t500-apply-jobs-widget input::placeholder {
  color: #6f717c !important;
  font-weight: 500 !important;
}

.t500-apply-jobs-widget input:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Buttons */
.t500-apply-jobs-widget button {
  appearance: none !important;
  font-family: inherit !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Dropdown lists - ONLY for jobs-search filter row (Experience/Location dropdowns), NOT header menu */
/* Override .entry-content ul/ol so theme doesn't add padding-left/margin and break dropdown layout */
/* Experience & Location dropdowns: force left-aligned text so logged-in header (center-aligned parent) doesn’t change alignment */
.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] [class*='DropdownList'],
.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] ul[class*='Dropdown'],
.entry-content .t500-apply-jobs-widget [data-component='jobs-search-filter-row'] ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  background: #ffffff !important;
  border: 1px solid #d6ddeb !important;
  color: #333 !important;
  z-index: 9999 !important;
  text-align: left !important;
}

.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] ul {
  background: #ffffff !important;
}

.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] [class*='DropdownItem'],
.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] li[class*='Dropdown'] {
  background: #ffffff !important;
  color: #333 !important;
  text-align: left !important;
}

.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] [class*='DropdownItem']:hover,
.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] li[class*='Dropdown']:hover {
  background: #f0f0f0 !important;
}

.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] [class*='NoOptions'],
.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] [class*='Loader'] {
  background: #ffffff !important;
  color: #666 !important;
  text-align: left !important;
}

/* Filter row - Figma 1968-4075: Inter Medium 16px. Placeholder #6f717c via component; selected value stays dark. */
.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] [class*='Placeholder'],
.t500-apply-jobs-widget [data-component='jobs-search-filter-row'] [class*='SelectedValue'] {
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* Figma 2065-6715: Experience briefcase icon - show on mobile only, hide on desktop */
@media (min-width: 821px) {
  .t500-apply-jobs-widget [data-component='jobs-search-filter-row'] [data-experience-icon-wrapper] {
    display: none !important;
  }
}

/* Spinner – header auth (white dots, visible on dark/black background) */
.t500-apply-jobs-widget .t500-header-menu__auth-spinner {
  min-height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.t500-apply-jobs-widget .t500-header-menu__auth-spinner > div {
  width: 28px !important;
  height: 28px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.t500-apply-jobs-widget .t500-header-menu__auth-spinner [class*='sk-circle'] {
  margin: 0 !important;
  flex-shrink: 0 !important;
  transform: scale(0.47) !important;
  transform-origin: center !important;
}
/* Force white dots on dark header – override CSS vars that may be unset */
.t500-apply-jobs-widget .t500-header-menu__auth-spinner [class*='sk-child']::before {
  background-color: #ffffff !important;
}

/* Spinner – compact for dropdown (fits dropdown layout) */
.t500-apply-jobs-widget .t500-jobs-widget-spinner--dropdown {
  min-height: 40px !important;
  padding: 6px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}
.t500-apply-jobs-widget .t500-jobs-widget-spinner--dropdown > div {
  width: 24px !important;
  height: 24px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.t500-apply-jobs-widget .t500-jobs-widget-spinner--dropdown [class*='sk-circle'] {
  margin: 0 !important;
  flex-shrink: 0 !important;
  transform: scale(0.4) !important;
  transform-origin: center !important;
}

/* Swiper / Featured Companies - mobile-friendly carousel */
.t500-apply-jobs-widget .swiper {
  width: 100% !important;
  overflow: hidden !important;
}

.t500-apply-jobs-widget .swiper-slide {
  flex-shrink: 0 !important;
  height: auto !important;
  width: auto !important;
}

/* Reset link styling inside widgets */
.t500-apply-jobs-widget a {
  text-decoration: none !important;
}

/* Header menu – bar height and logo (prevent theme from changing) */
.t500-apply-jobs-widget [data-component='t500-header-menu'] {
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif !important;
}
.t500-apply-jobs-widget [data-component='t500-header-menu'] > div {
  min-height: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
}
.t500-apply-jobs-widget [data-component='t500-header-menu'] .t500-header-menu__logo,
.t500-apply-jobs-widget [data-component='t500-header-menu'] a[title='Talent500'] img {
  display: block !important;
  width: 160px !important;
  height: 40px !important;
  object-fit: contain !important;
  object-position: left center !important;
  vertical-align: middle !important;
}

/* Header menu – font (match existing nav: Inter, 16px nav links, 14px dropdown) */
.t500-apply-jobs-widget
  [data-component='t500-header-menu']
  a:not(.t500-header-btn-outline):not(.t500-header-btn-primary),
.t500-apply-jobs-widget .t500-header-menu__nav-item button {
  font-size: 16px !important;
  font-weight: 500 !important;
}
.t500-apply-jobs-widget .t500-header-menu__submenu a {
  font-size: 14px !important;
  font-weight: 500 !important;
}
.t500-apply-jobs-widget .t500-header-menu__submenu a:hover {
  font-weight: 700 !important;
}

/* Header menu – nav submenu dropdown (bg, border, shadow; margin via __nav-submenu) */
.t500-apply-jobs-widget .t500-header-menu__submenu {
  background: #02010b !important;
  border: 0.5px solid rgba(128, 131, 163, 0.4) !important;
  border-radius: 8px !important;
  box-shadow: 0px 6px 12px rgba(134, 137, 167, 0.19) !important;
  padding: 8px 0 !important;
  min-width: 200px !important;
}
.t500-apply-jobs-widget .t500-header-menu__submenu a {
  color: #fff !important;
  padding: 12px 20px !important;
}
.t500-apply-jobs-widget .t500-header-menu__submenu a:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Ensure dropdown appears below header (z-index for WordPress themes) */
.t500-apply-jobs-widget [data-component='t500-header-menu'] {
  position: relative !important;
  z-index: 100 !important;
}
.t500-apply-jobs-widget .t500-header-menu__nav-item button:hover {
  text-decoration: none !important;
}
.t500-apply-jobs-widget [data-component='t500-header-menu'] a:hover {
  text-decoration: none !important;
}
.t500-apply-jobs-widget .t500-header-menu__nav-item--right .t500-header-menu__submenu {
  left: auto !important;
  right: 0 !important;
}

/* Header menu – account dropdown (unique: minimal gap) */
.t500-apply-jobs-widget .t500-header-menu__account-dropdown {
  margin-top: -4px !important;
}
.t500-apply-jobs-widget .t500-header-menu__dropdown {
  background: #02010b !important;
  color: #fff !important;
}

/* Header menu – nav submenu / WordPress menu dropdown (unique: fixed gap below header) */
.t500-apply-jobs-widget .t500-header-menu__nav-submenu {
  margin-top: 8px !important;
}
.t500-apply-jobs-widget .t500-header-menu__dropdown-profile {
  background: transparent !important;
  color: #fff !important;
  overflow: hidden !important;
  min-width: 0 !important;
}
/* Profile name and email: ellipsis when truncated (fixed-width dropdown e.g. 250px mobile) */
.t500-apply-jobs-widget .t500-header-menu__dropdown-profile > div {
  min-width: 0 !important;
}
.t500-apply-jobs-widget .t500-header-menu__dropdown-profile span,
.t500-apply-jobs-widget .t500-header-menu__dropdown-profile > div > div {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  display: block !important;
}
/* Dropdown items – override Astra line-height/height so items have consistent height */
.t500-apply-jobs-widget .t500-header-menu__dropdown-item {
  background: transparent !important;
  color: #fff !important;
  min-height: 24px !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}
.t500-apply-jobs-widget .t500-header-menu__dropdown-item:hover {
  background: transparent !important;
  color: #fff !important;
}
.t500-apply-jobs-widget .t500-header-menu__dropdown-item--disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  min-height: 24px !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}
/* Logout: full reset – Astra overrides padding, box-shadow, border-radius, line-height on all buttons */
.t500-apply-jobs-widget .t500-header-menu__dropdown-logout {
  background: #02010b !important;
  color: #fff !important;
  border: 0 !important;
  padding: 13px 20px !important;
  min-height: 24px !important;
  line-height: 1.25 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}
.t500-apply-jobs-widget .t500-header-menu__dropdown-logout:hover {
  background: #02010b !important;
  color: #fff !important;
}

/* Header menu: Create account / Log in button widths (desktop only) */
.t500-apply-jobs-widget .t500-header-btn-outline {
  min-width: 240px !important;
}
.t500-apply-jobs-widget .t500-header-btn-primary {
  min-width: 160px !important;
}

/* Header menu: on mobile hide auth/buttons in bar – only logo + burger (use drawer for Login/Signup) */
@media (max-width: 767px) {
  .t500-apply-jobs-widget [data-component='t500-header-menu'] .t500-header-btn-outline,
  .t500-apply-jobs-widget [data-component='t500-header-menu'] .t500-header-btn-primary {
    display: none !important;
  }
}

/* Header menu – mobile: portal renders in body; force full viewport overlay + right drawer */
body .t500-header-menu__mobile-drawer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 99999 !important;
  pointer-events: none !important;
}
body .t500-header-menu__mobile-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
body .t500-header-menu__mobile-panel {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  width: 280px !important;
  max-width: 90vw !important;
  height: 100vh !important;
  min-height: 100% !important;
  background: #02010b !important;
  color: #fff !important;
  pointer-events: auto !important;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.3) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.t500-header-menu__mobile-drawer a,
.t500-header-menu__mobile-drawer button {
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    sans-serif !important;
}

/* Header menu: no hover/focus/active change on login/signup buttons */
.t500-apply-jobs-widget .t500-header-btn-outline:hover,
.t500-apply-jobs-widget .t500-header-btn-outline:focus,
.t500-apply-jobs-widget .t500-header-btn-outline:active {
  background: #fff !important;
  color: #583ef5 !important;
  border-color: #583ef5 !important;
  opacity: 1 !important;
}
.t500-apply-jobs-widget .t500-header-btn-primary:hover,
.t500-apply-jobs-widget .t500-header-btn-primary:focus,
.t500-apply-jobs-widget .t500-header-btn-primary:active {
  background: #583ef5 !important;
  color: #fff !important;
  border-color: transparent !important;
  opacity: 1 !important;
}