/* EBSS public website custom select controls.
 * The native select stays in the DOM for form submission and accessibility.
 * The visible menu is rendered by /assets/js/ebss-selects.js so Safari/macOS
 * cannot substitute its native dropdown typography.
 */

html body select.ebss-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  opacity:0!important;
}

html body .ebss-select{
  position:relative;
  width:100%;
  min-width:0;
  margin-top:8px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:1.4;
  letter-spacing:normal;
  color:#102442;
}

html body .ebss-select-trigger{
  appearance:none;
  -webkit-appearance:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:54px;
  padding:0 15px;
  border:1px solid #ccd8e8;
  border-radius:11px;
  background:#f9fbfe;
  color:#102442;
  box-shadow:0 1px 2px rgba(15,35,68,.02);
  cursor:pointer;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:normal!important;
  text-align:left;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

html body .ebss-select-trigger:hover{
  border-color:#aebed3;
  background:#fff;
}

html body .ebss-select-trigger:focus,
html body .ebss-select.open .ebss-select-trigger{
  outline:none;
  border-color:#2f6fed;
  background:#fff;
  box-shadow:0 0 0 4px rgba(47,111,237,.12);
}

html body .ebss-select-trigger:disabled{
  cursor:not-allowed;
  opacity:.6;
}

html body .ebss-select-value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html body .ebss-select-arrow{
  flex:0 0 auto;
  color:#657287;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13px;
  line-height:1;
}

html body .ebss-select-menu{
  display:none;
  position:absolute;
  z-index:5000;
  top:calc(100% + 7px);
  left:0;
  right:0;
  max-height:300px;
  overflow-y:auto;
  padding:6px;
  border:1px solid #d5dfec;
  border-radius:12px;
  background:#fff;
  color:#102442;
  box-shadow:0 20px 45px rgba(15,35,68,.18);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:normal!important;
}

html body .ebss-select.open .ebss-select-menu{
  display:block;
}

html body .ebss-select-option{
  appearance:none;
  -webkit-appearance:none;
  display:block;
  width:100%;
  min-height:42px;
  padding:10px 12px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#233750;
  cursor:pointer;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:normal!important;
  text-align:left;
}

html body .ebss-select-option:hover,
html body .ebss-select-option:focus{
  outline:none;
  background:#eef4ff;
  color:#175ed8;
}

html body .ebss-select-option.selected{
  background:#f2f6fc;
  color:#123e7f;
  font-weight:700!important;
}

html body .ebss-select-option:disabled{
  cursor:not-allowed;
  opacity:.5;
}

html body .ebss-select-searchable .ebss-select-menu{
  padding:0;
  overflow:hidden;
}

html body .ebss-select-search{
  position:sticky;
  top:0;
  z-index:2;
  padding:8px;
  border-bottom:1px solid #e5ebf3;
  background:#fff;
}

html body .ebss-select-search-input{
  width:100%;
  height:42px;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid #ccd8e8!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#102442!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;
  font-weight:500!important;
}

html body .ebss-select-options{
  max-height:245px;
  overflow-y:auto;
  padding:6px;
}

html body .ebss-select-no-results{
  padding:14px 12px;
  color:#657287;
  text-align:center;
  font-size:14px;
  font-weight:500;
}

/* EBSS marketing cards normally clip media to rounded corners. Form dropdowns
 * need to be allowed to extend below the card while they are open. */
html body .ebss-form-card,
html body .contact-form-card{
  overflow:visible!important;
}

@media(max-width:650px){
  html body .ebss-select-trigger{min-height:56px}
  html body .ebss-select-menu{max-height:260px}
}