/* Paint Safari's landscape safe-area canvas without changing page geometry. */
html:has(> body.home),
html body.home,
html body.home #wrapper,
html body.home #main {
  background-color: #000 !important;
}

/* The existing IDX contact destination, dressed in the same pearl icon style. */
@media (min-width: 992px) {
  html.ivey-property-dark body.gi-idx-page header.gi-idx-header .gi-menu-talk.gi-menu-talk {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    box-sizing: border-box;
    min-height: 44px;
    padding: 5px 15px 5px 6px !important;
    border: 1px solid #bbcbd2 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #1f3744 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease;
  }
  html.ivey-property-dark body.gi-idx-page header.gi-idx-header .gi-menu-talk.gi-menu-talk:hover {
    border-color: #be8567 !important;
    box-shadow: 0 0 0 3px #ffbb9924 !important;
  }
  html.ivey-property-dark body.gi-idx-page header.gi-idx-header .gi-menu-talk.gi-menu-talk:focus-visible {
    outline: 2px solid #1f3744 !important;
    outline-offset: 3px !important;
  }
}
html.ivey-property-dark body.gi-idx-page header.gi-idx-header .gi-menu-talk > .ivey-talk-pearl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #ffbb99 !important;
  color: #1f3744;
  box-shadow: 0 0 0 1px #c9d0cd;
  pointer-events: none;
}
html.ivey-property-dark body.gi-idx-page header.gi-idx-header .ivey-talk-pearl svg {
  display: block;
  width: 19px;
  height: 19px;
  fill: none;
  background: transparent !important;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (prefers-reduced-motion: reduce) {
  html body .gi-menu-talk.gi-menu-talk { transition: none !important; }
}
