/* Shared homepage dropdowns. The real selects continue to submit search values. */
body .home-search select.p100-home-select-native { display: none; }
.home-search .p100-home-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 36px;
  padding: 4px 2px 4px 0;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: #0d0d0d;
  font: inherit;
  font-size: 15px;
  line-height: 24px;
  text-align: start;
  cursor: pointer;
}
.p100-home-select-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p100-home-select-chevron {
  flex: 0 0 8px;
  inline-size: 8px;
  block-size: 8px;
  margin: -4px 4px 0 0;
  border-block-end: 1.5px solid currentColor;
  border-inline-end: 1.5px solid currentColor;
  color: #666;
  transform: rotate(45deg);
  transition: transform var(--p100-menu-duration,180ms) var(--p100-menu-easing,ease), color var(--p100-menu-duration,180ms);
}
.p100-home-select-trigger[aria-expanded="true"] .p100-home-select-chevron { transform: rotate(225deg); color: #e60015; }
.home-search .p100-home-select-trigger:focus-visible { outline: 2px solid #e60015; outline-offset: 3px; }
.home-search .p100-home-select-trigger:disabled { opacity: .5; cursor: not-allowed; }
.p100-home-select-panel {
  position: fixed;
  z-index: 120;
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 6px;
  margin: 0;
  border: 1px solid var(--p100-menu-border,#dedee1);
  border-block-start: 2px solid #e60015;
  border-radius: 4px;
  background: #fff;
  color: #0d0d0d;
  box-shadow: var(--p100-menu-shadow,0 12px 28px #0d0d0d16);
  opacity: 0;
  transform: translateY(-6px);
  clip-path: inset(0 0 100% 0 round 4px);
  transform-origin: top;
  transition: opacity var(--p100-menu-duration,180ms) var(--p100-menu-easing,ease), transform var(--p100-menu-duration,180ms) var(--p100-menu-easing,ease), clip-path var(--p100-menu-duration,180ms) var(--p100-menu-easing,ease);
}
.p100-home-select-panel[data-direction="up"] { transform: translateY(6px); clip-path: inset(100% 0 0 0 round 4px); transform-origin: bottom; }
.p100-home-select-panel[data-state="open"] { opacity: 1; transform: translateY(0); clip-path: inset(0 0 0 0 round 4px); }
.p100-home-select-panel[data-state="closing"] { pointer-events: none; }
.p100-home-select-panel[hidden] { display: none; }
.p100-home-select-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-block-size: 36px;
  padding: 8px 10px;
  border-radius: 2px;
  font-family: var(--font-sans, sans-serif);
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.p100-home-select-option[aria-selected="true"] { color: #be0012; background: #fff0f1; font-weight: 600; }
.p100-home-select-option[aria-selected="true"]::after { content: "✓"; flex: none; }
.p100-home-select-option:is(:hover,.is-active):not([aria-disabled="true"]) { color: #fff; background: #e60015; }
.p100-home-select-option[aria-disabled="true"] { color: #999; cursor: not-allowed; }
@media (max-width: 760px), (pointer: coarse) {
  .home-search .p100-home-select-trigger { min-block-size: 44px; font-size: 16px; }
  .p100-home-select-option { min-block-size: 44px; font-size: 16px; }
}
@media (max-width: 760px) {
  .home-search .p100-home-select-field[data-home-select="home-region"] { grid-column: 1 / -1; padding-inline-end: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  .p100-home-select-chevron, .p100-home-select-panel { transition: none; }
}
