/* =========================================================
   ANCOR LIVE PROJECT MARKERS
   Reads only currently generated live project cards
   ========================================================= */

.cards-map-stage.ancor-native-map-ready,
.compact-map-stage.ancor-native-map-ready,
.ancor-map-stage.ancor-native-map-ready {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: 510px !important;
  min-height: 510px !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
  isolation: isolate !important;

  border-radius: 20px !important;
  background: #FCFCFC !important;

  transform: none !important;
}

/*
 * إخفاء كل تصميمات الخريطة السابقة.
 * لا نحذف الكروت من DOM لأننا نقرأ البيانات منها.
 */
.ancor-native-map-ready > iframe,
.ancor-native-map-ready #ancorProjectMap,
.ancor-native-map-ready .ancor-mobile-map-frame,
.ancor-native-map-ready .ancor-mobile-map-rail,
.ancor-native-map-ready .map-cards-layer,
.ancor-native-map-ready .map-pin-card,
.ancor-native-map-ready .map-shade,
.ancor-native-map-ready .map-overlay,
.ancor-native-map-ready .map-top-actions,
.ancor-native-map-ready .map-contact-mini {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/*
 * الخريطة الجديدة فقط.
 */
#ancorNativeProjectMap {
  position: absolute !important;
  z-index: 30 !important;

  inset: 0 !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #FCFCFC !important;

  pointer-events: auto !important;
  touch-action: pan-x pan-y !important;
}

/* Marker wrapper */
.ancor-project-marker-wrapper {
  border: 0 !important;
  background: transparent !important;
}

/* Marker shape */
.ancor-project-marker {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  border: 3px solid #FCFCFC;
  border-radius: 50% 50% 50% 0;

  background: #B86060;

  box-shadow:
    0 6px 18px rgba(18, 59, 93, 0.32),
    0 0 0 6px rgba(244, 123, 32, 0.16);

  transform: rotate(-45deg);

  transition:
    transform 160ms ease,
    box-shadow 160ms ease;
}

.ancor-project-marker::after {
  content: "";

  width: 9px;
  height: 9px;

  border-radius: 50%;
  background: #212121;

  transform: rotate(45deg);
}

.ancor-project-marker-wrapper:hover .ancor-project-marker,
.ancor-project-marker-wrapper:focus .ancor-project-marker {
  transform: rotate(-45deg) scale(1.13);

  box-shadow:
    0 8px 22px rgba(18, 59, 93, 0.38),
    0 0 0 8px rgba(244, 123, 32, 0.2);
}

/* Popup */
.ancor-native-map-ready .leaflet-popup-content-wrapper {
  overflow: hidden;

  padding: 0 !important;

  border: 1px solid rgba(18, 59, 93, 0.1);
  border-radius: 16px !important;

  background: #FCFCFC !important;

  box-shadow:
    0 18px 40px rgba(18, 39, 58, 0.24) !important;
}

.ancor-native-map-ready .leaflet-popup-content {
  width: 235px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.ancor-live-popup {
  display: block;
  width: 100%;

  overflow: hidden;

  color: #182f43;
  text-decoration: none;

  background: #FCFCFC;
}

.ancor-live-popup-image {
  display: block;

  width: 100%;
  height: 105px;

  object-fit: cover;
  background: #FCFCFC;
}

.ancor-live-popup-body {
  display: block;
  padding: 11px 12px 12px;
}

.ancor-live-popup-title {
  display: block;

  margin: 0 0 5px;

  overflow: hidden;

  color: #212121;

  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.ancor-live-popup-location {
  display: block;

  margin: 0 0 9px;

  overflow: hidden;

  color: #6d7e8b;

  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.ancor-live-popup-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;

  color: #B86060;

  font-size: 11px;
  font-weight: 800;
}

.ancor-live-popup-action::after {
  content: "←";
  font-size: 14px;
}

html[dir="ltr"] .ancor-live-popup-action::after {
  content: "→";
}

.ancor-native-map-ready .leaflet-popup-tip {
  background: #FCFCFC !important;
}

.ancor-native-map-ready .leaflet-popup-close-button {
  top: 6px !important;
  right: 6px !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 25px !important;
  height: 25px !important;

  border-radius: 50% !important;

  color: #212121 !important;
  font-size: 19px !important;
  line-height: 25px !important;

  background: rgba(255,255,255,0.94) !important;

  box-shadow:
    0 3px 10px rgba(18, 39, 58, 0.16);
}

/* Zoom */
.ancor-native-map-ready .leaflet-control-zoom {
  overflow: hidden;

  border: 0 !important;
  border-radius: 12px !important;

  box-shadow:
    0 7px 20px rgba(18, 39, 58, 0.18) !important;
}

.ancor-native-map-ready .leaflet-control-zoom a {
  color: #212121 !important;
  background: #FCFCFC !important;
}

.ancor-native-map-ready .leaflet-control-attribution {
  padding: 2px 5px !important;

  font-size: 8px !important;

  background: rgba(255,255,255,0.8) !important;
}

@media screen and (max-width: 820px) {
  .cards-map-stage.ancor-native-map-ready,
  .compact-map-stage.ancor-native-map-ready,
  .ancor-map-stage.ancor-native-map-ready {
    height: 405px !important;
    min-height: 405px !important;

    border-radius: 16px !important;
  }

  .ancor-native-map-ready .leaflet-popup-content {
    width: 210px !important;
  }

  .ancor-live-popup-image {
    height: 88px;
  }

  .ancor-project-marker {
    width: 31px;
    height: 31px;
  }
}

@media screen and (max-width: 390px) {
  .cards-map-stage.ancor-native-map-ready,
  .compact-map-stage.ancor-native-map-ready,
  .ancor-map-stage.ancor-native-map-ready {
    height: 365px !important;
    min-height: 365px !important;
  }

  .ancor-native-map-ready .leaflet-popup-content {
    width: 195px !important;
  }

  .ancor-live-popup-image {
    height: 78px;
  }
}


/* =========================================================
   DIRECT API MARKERS — HIDE LEGACY CARDS
   ========================================================= */

.ancor-native-map-ready .map-cards-layer,
.ancor-native-map-ready .map-pin-card,
.ancor-native-map-ready .ancor-mobile-map-rail,
.ancor-native-map-ready .ancor-mobile-map-frame,
.ancor-native-map-ready .map-shade,
.ancor-native-map-ready .map-overlay,
.ancor-native-map-ready .map-contact-mini,
.ancor-native-map-ready .map-top-actions,
.ancor-native-map-ready > iframe,
.ancor-native-map-ready #ancorProjectMap {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.ancor-native-map-ready #ancorNativeProjectMap {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}