/* Talnt Location Combobox · Mekari-aligned native select override · 2026-10-17.
   Dedicated layer after shared Button/Icon CSS; prevents option rows becoming buttons. */
.location-autocomplete,
.jobs-search-v053 .location-autocomplete{min-width:0;position:relative;}
.location-autocomplete.is-open{z-index:70!important;}
.location-autocomplete .location-toggle,
.location-autocomplete .location-toggle[data-pixel-button]{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  flex:0 0 36px;padding:0!important;margin:0!important;
  color:var(--mk-colors-gray-600,#667085)!important;background:transparent!important;
  border:0!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer;
}
.location-autocomplete .location-toggle:hover{background:var(--mk-colors-gray-50,#f3f5f7)!important;}
.location-autocomplete .location-toggle:focus-visible{outline:2px solid var(--mk-colors-blue-500,#0768EB)!important;outline-offset:2px;}
/* CSS-drawn chevron cannot be replaced by the global SVG icon enhancer. */
.location-autocomplete .px-location-chevron{
  display:block;flex:none;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-3px) rotate(45deg);transition:transform .15s ease;
}
.location-autocomplete.is-open .px-location-chevron{transform:translateY(2px) rotate(225deg);}
.location-autocomplete input[role="combobox"]{min-width:0;width:100%;outline:0!important;box-shadow:none!important;border:0!important;background:transparent!important;padding-right:20px!important;}
.location-autocomplete:focus-within>.search-field,
.location-autocomplete.search-field-main:focus-within{
  border-color:var(--mk-colors-blue-500,#0768EB)!important;
  box-shadow:0 0 0 2px rgba(28,68,213,.12)!important;
}
/* Job page hero and dropdown must paint above job cards, without inserting blank layout space. */
.jobs-page-v053 .jobs-hero-v053{position:relative;z-index:5!important;overflow:visible!important;}
.jobs-page-v053 .jobs-hero-v053.location-dropdown-open{z-index:30!important;}
.jobs-page-v053 .jobs-hero-frame,
.jobs-page-v053 .jobs-hero-left,
.jobs-page-v053 .jobs-search-v053{overflow:visible!important;}
.jobs-page-v053 .jobs-content-v053{position:relative;z-index:1!important;}
.jobs-page-v053 .jobs-content-v053 .jobs-results-v053{z-index:auto;}
/* Single floating surface, not a list of individual bordered cards. */
.location-autocomplete .location-suggestions{
  position:absolute!important;left:0!important;top:calc(100% + 8px)!important;right:auto!important;bottom:auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  box-sizing:border-box;z-index:90!important;overflow:hidden!important;
  border:1px solid var(--mk-colors-gray-200,#e5e8ee)!important;
  border-radius:12px!important;background:#fff!important;
  box-shadow:0 16px 32px rgba(16,24,40,.16),0 4px 8px rgba(16,24,40,.05)!important;
  max-height:min(380px,55vh)!important;
  display:flex;flex-direction:column;
}
.location-autocomplete .location-suggestions[hidden]{display:none!important;}
.location-autocomplete .location-suggestions-title{
  flex:none;padding:14px 16px 8px!important;margin:0!important;
  font-size:14px!important;line-height:20px!important;font-weight:600!important;
  color:var(--mk-colors-gray-700,#344054)!important;
}
.location-autocomplete [data-location-list],
.location-autocomplete .location-options,
.location-autocomplete .location-suggestions-list{
  flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto!important;
  overscroll-behavior:contain;padding:4px!important;margin:0!important;
  scrollbar-width:thin;
}
.location-autocomplete .location-option,
.location-autocomplete .location-option[data-pixel-button],
.location-autocomplete .location-option[data-pixel-button="true"]{
  box-sizing:border-box;width:100%!important;min-height:48px!important;height:auto!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;white-space:normal!important;text-align:left!important;
  padding:10px 12px!important;margin:0!important;
  background:#fff!important;color:var(--mk-colors-gray-800,#252d3b)!important;
  border:0!important;border-radius:8px!important;
  box-shadow:none!important;outline:0!important;transform:none!important;
  font-size:14px!important;line-height:20px!important;font-weight:400!important;
  cursor:pointer;transition:background .12s ease;
}
.location-autocomplete .location-option:hover,
.location-autocomplete .location-option.is-active,
.location-autocomplete .location-option:focus-visible{
  background:var(--mk-colors-gray-50,#f3f5f9)!important;
}
.location-autocomplete .location-option:focus-visible{outline:2px solid var(--mk-colors-blue-500,#0768EB)!important;outline-offset:-2px!important;}
.location-autocomplete .location-option-icon{
  width:20px!important;height:20px!important;flex:0 0 20px;display:flex;align-items:center;justify-content:center;
  color:var(--mk-colors-gray-500,#8993a4)!important;
}
.location-autocomplete .location-option-icon svg{
  width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
}
.location-autocomplete .location-option-text{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
.location-autocomplete .location-option-label{
  font-size:14px!important;line-height:20px!important;font-weight:500!important;color:inherit!important;
  white-space:normal!important;overflow-wrap:anywhere;
}
.location-autocomplete .location-option-meta{
  margin:0!important;font-size:12px!important;line-height:17px!important;
  color:var(--mk-colors-gray-500,#8993a4)!important;
}
.location-autocomplete [data-location-status]:not([hidden]){
  flex:none;padding:10px 16px!important;border:0!important;
  font-size:12px!important;line-height:18px!important;color:var(--mk-colors-gray-600,#667085)!important;
}
@media(max-width:767.98px){
  .location-autocomplete .location-suggestions{max-height:min(320px,48vh)!important;}
  .location-autocomplete .location-option{min-height:46px!important;}
  .location-autocomplete .location-suggestions-title{padding:12px 12px 6px!important;}
}

/* Keep the homepage combobox above adjacent sections when expanded. */
.hero-v016.location-dropdown-open{position:relative;z-index:30!important;overflow:visible!important;}
.hero-v016.location-dropdown-open .hero-inner,
.hero-v016.location-dropdown-open .hero-search{overflow:visible!important;}
