:root {
  --suggest-bg: #fff;
  --suggest-border: #ccc;
  --suggest-radius: .25rem;
  --suggest-shadow: 0 2px 6px rgba(0, 0, 0, .15);
  --suggest-hover: #d6d6d6;
  --suggest-max-height: 240px;
  --suggest-scrollbar-width: 8px;
  --suggest-z: 1000;
}

div[data-address-group="visit"] {
  position: relative;
}

/* ul.suggestions,
[role="listbox"].suggestions {
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: var(--suggest-z);
  max-height: var(--suggest-max-height);
  overflow-y: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--suggest-bg);
  border: 1px solid var(--suggest-border);
  border-radius: var(--suggest-radius);
  box-shadow: var(--suggest-shadow);
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}
 */

 ul.suggestions,
 [role="listbox"].suggestions {
   position: absolute;
   background: var(--suggest-bg);
   z-index: var(--suggest-z);
   max-height: var(--suggest-max-height);
   overflow-y: auto;
   margin: 0;
   padding: 0;
   list-style: none;
   box-sizing: border-box;
   border: 1px solid var(--suggest-border);
 }

ul.suggestions::-webkit-scrollbar {
  width: var(--suggest-scrollbar-width);
}

ul.suggestions::-webkit-scrollbar-track {
  background: transparent;
}

ul.suggestions::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

ul.suggestions::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.35);
}

ul.suggestions li,
[role="option"] {
  padding: .6rem .9rem;
  cursor: pointer;
  outline: none;
  font-size: 14px;
  line-height: 1.4;
}

ul.suggestions li:hover,
ul.suggestions li:active,
[role="option"]:hover,
[role="option"]:active {
  background: var(--suggest-hover);
}

ul.suggestions li.is-active,
[role="option"].is-active,
[role="option"][aria-selected="true"],
ul.suggestions li[aria-selected="true"] {
  background: var(--suggest-hover);
}

[role="option"]:focus,
ul.suggestions li:focus {
  box-shadow: 0 0 0 2px rgba(21,156,228,0.35);
  background: var(--suggest-hover);
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --suggest-bg: #111;
    --suggest-border: #333;
    --suggest-hover: #2a2a2a;
    --suggest-shadow: 0 2px 8px rgba(0,0,0,0.6);
  }

  ul.suggestions {
    color: #eee;
  }

  ul.suggestions::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.12);
  }
}

@media (forced-colors: active) {
  ul.suggestions,
  [role="listbox"].suggestions {
    forced-color-adjust: none;
    border-color: ButtonText;
    background: ButtonFace;
    color: ButtonText;
  }

  [role="option"],
  ul.suggestions li {
    background: ButtonFace;
    color: ButtonText;
  }

  [role="option"][aria-selected="true"],
  ul.suggestions li[aria-selected="true"] {
    background: Highlight;
    color: HighlightText;
  }
}


/* Read-only field styling */
.gf_readonly,
input[readonly].gf_readonly,
textarea[readonly].gf_readonly,
select[readonly].gf_readonly {
  background-color: #e6e6e6 !important;
  color: #666 !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
  border-color: #ddd !important;
}

.gf_readonly:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* @media (prefers-color-scheme: dark) {
  .gf_readonly,
  input[readonly].gf_readonly,
  textarea[readonly].gf_readonly,
  select[readonly].gf_readonly {
    background-color: #2a2a2a !important;
    color: #999 !important;
    border-color: #444 !important;
  }
}

@media (forced-colors: active) {
  .gf_readonly,
  input[readonly].gf_readonly {
    forced-color-adjust: none !important;
    background: GrayText !important;
    color: ButtonFace !important;
  }
} */