/**
 * Findar V46124.3 - Redfin-style photo/map switch.
 * Shared by homepage feed cards and search-result cards.
 */

body.findar-mobile-premium .fmp-property-media.has-map-toggle {
  position: relative !important;
  overflow: hidden !important;
}

body.findar-mobile-premium .fmp-property-photo-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  color: inherit !important;
}

body.findar-mobile-premium .fmp-property-photo-link[hidden],
body.findar-mobile-premium .fmp-card-map-layer[hidden] {
  display: none !important;
}

body.findar-mobile-premium .fmp-card-map-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 6 !important;
  overflow: hidden !important;
  background: #dfe8f2 !important;
}

body.findar-mobile-premium .fmp-card-map-canvas,
body.findar-mobile-premium .fmp-card-map-canvas.leaflet-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  background: #dfe8f2 !important;
  font-family: inherit !important;
}

body.findar-mobile-premium .fmp-card-map-precision {
  position: absolute !important;
  z-index: 550 !important;
  top: 11px !important;
  left: 11px !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(8, 20, 38, .10) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .94) !important;
  color: #26364d !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: 0 5px 14px rgba(8, 20, 38, .12) !important;
  backdrop-filter: blur(8px) !important;
}

body.findar-mobile-premium .fmp-card-media-toggle {
  position: absolute !important;
  z-index: 650 !important;
  right: 11px !important;
  bottom: 11px !important;
  display: grid !important;
  place-items: center !important;
  width: 43px !important;
  height: 43px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .68) !important;
  border-radius: 11px !important;
  background: rgba(8, 20, 38, .80) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(8, 20, 38, .24) !important;
  cursor: pointer !important;
  backdrop-filter: blur(10px) !important;
  transition: transform .18s ease, background-color .18s ease !important;
}

body.findar-mobile-premium .fmp-card-media-toggle:hover,
body.findar-mobile-premium .fmp-card-media-toggle:focus-visible {
  background: #1857ff !important;
  transform: translateY(-1px) !important;
  outline: 3px solid rgba(255, 255, 255, .90) !important;
  outline-offset: 2px !important;
}

body.findar-mobile-premium .fmp-card-media-toggle:disabled {
  cursor: wait !important;
  opacity: .72 !important;
}

body.findar-mobile-premium .fmp-card-media-toggle svg {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.findar-mobile-premium .fmp-card-media-toggle__photo {
  display: none !important;
}

body.findar-mobile-premium .fmp-property-card.is-map-visible .fmp-card-media-toggle__map {
  display: none !important;
}

body.findar-mobile-premium .fmp-property-card.is-map-visible .fmp-card-media-toggle__photo {
  display: block !important;
}

body.findar-mobile-premium .fmp-property-media.has-map-toggle .fmp-photo-count {
  right: 64px !important;
}

body.findar-mobile-premium .fmp-property-card.is-map-loading .fmp-card-map-layer::after {
  position: absolute;
  z-index: 600;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border: 3px solid rgba(24, 87, 255, .18);
  border-top-color: #1857ff;
  border-radius: 50%;
  content: "";
  animation: fmp-card-map-spin-v461243 .7s linear infinite;
}

body.findar-mobile-premium .fmp-card-map-layer .leaflet-control-attribution {
  font-size: 8px !important;
}

@keyframes fmp-card-map-spin-v461243 {
  to { transform: rotate(360deg); }
}

@media (max-width: 768px) {
  body.findar-mobile-premium .fmp-card-media-toggle {
    width: 44px !important;
    height: 44px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.findar-mobile-premium .fmp-card-media-toggle {
    transition: none !important;
  }

  body.findar-mobile-premium .fmp-property-card.is-map-loading .fmp-card-map-layer::after {
    animation-duration: 1.4s !important;
  }
}