.home-search-page-map .mapboxgl-popup {
  transform: none !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.home-search-page-map .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.home-search-page-map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.home-search-page-map .mapboxgl-popup-anchor-center .mapboxgl-popup-tip,
.home-search-page-map .mapboxgl-popup-anchor-left .mapboxgl-popup-tip,
.home-search-page-map .mapboxgl-popup-anchor-right .mapboxgl-popup-tip,
.home-search-page-map .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
.home-search-page-map .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.home-search-page-map .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
.home-search-page-map .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  /* display: none !important; */
}

.gym-name-pop {
  font-family: "Revive80Outline";
  font-size: 16px;
  font-weight: 900;
  white-space: pre-wrap;
}

.gym-log-pop img {
  width: 40px;
}

.gym-log-pop {
  margin-right: 10px;
}

.mapboxgl-popup-content {
  padding: 2px !important;
  border-radius: 10px;
}
.gym-see-btn {
  background-color: #f5484d;
  border: 2px solid #f5484d;
  color: #fff;
}

.dark-mode-active .marker_model .mapboxgl-popup-close-button {
  color: #fff !important;
}
.marker_model .mapboxgl-popup-close-button {
  color: #3e4958 !important;
}

.d-flex.rumble-f-gym,
.d-flex.rumble-f-users {
  padding: 15px;
  font-size: 16px;
  font-family: "DINRegular";
}
.d-flex.rumble-f-gym {
  border-top: 1px solid #00000021;
}
.d-flex.rumble-f-users {
  border-top: 1px solid #00000021;
  border-bottom: 1px solid #00000021;
}

.dark-mode-active .d-flex.rumble-f-gym,
.dark-mode-active .d-flex.rumble-f-users {
  background-color: #2c2c2c;
  border-color: rgb(54, 54, 54);
}

.rumble-f-users span.red-f,
.rumble-f-gym span.red-f {
  color: rgba(245, 72, 77, 1);
}


/* ========================================
   CENTRALIZED MAPBOX TOOLTIP STYLES
   ======================================== */

/* Base reset for all mapbox popup tips to ensure triangle shape */
.mapboxgl-popup-tip {
  width: 0 !important;
  height: 0 !important;
  /* Removed global border to fix missing tips */
}

/* Ensure tips are visible for sector map */
.sector-map-popup .mapboxgl-popup-tip {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
}

/* Ensure popup wrapper doesn't hide tips */
.sector-map-popup.mapboxgl-popup {
  overflow: visible !important;
}

/* Sector Map Popup - Clean Glass Effect */

/* Dark Theme - Light Background */
.sector-map-popup.dark-theme .mapboxgl-popup-content {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: none;
  border-radius: 12px;
  padding: 12px 16px !important;
  box-shadow: none;
  color: #1a1a1a;
  font-size: 14px;
  min-width: 150px;
  position: relative;
}

/* Light Theme - Dark Background */
.sector-map-popup.light-theme .mapboxgl-popup-content {
  background: rgba(33, 37, 41, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: none;
  border-radius: 12px;
  padding: 12px 16px !important;
  box-shadow: none;
  color: #ffffff;
  font-size: 14px;
  min-width: 150px;
  position: relative;
}

/* Tooltip tip/arrow - Dark Theme (Light colored tip) */
.sector-map-popup.dark-theme .mapboxgl-popup-tip {
  width: 0 !important;
  height: 0 !important;
  border: 8px solid transparent !important;
}

/* Popup above marker - tip points down */
.sector-map-popup.dark-theme .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.25) !important;
  border-bottom-width: 0 !important;
}

/* Popup below marker - tip points up */
.sector-map-popup.dark-theme .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  border-bottom-color: rgba(255, 255, 255, 0.25) !important;
  border-top-width: 0 !important;
}

/* Popup to the right of marker - tip points left */
.sector-map-popup.dark-theme .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-right-color: rgba(255, 255, 255, 0.25) !important;
  border-left-width: 0 !important;
}

/* Popup to the left of marker - tip points right */
.sector-map-popup.dark-theme .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: rgba(255, 255, 255, 0.25) !important;
  border-right-width: 0 !important;
}

/* Corner positions */
.sector-map-popup.dark-theme .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.sector-map-popup.dark-theme .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  border-bottom-color: rgba(255, 255, 255, 0.25) !important;
  border-top-width: 0 !important;
}

.sector-map-popup.dark-theme .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.sector-map-popup.dark-theme .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: rgba(255, 255, 255, 0.25) !important;
  border-bottom-width: 0 !important;
}

/* Tooltip tip/arrow - Light Theme (Dark colored tip) */
.sector-map-popup.light-theme .mapboxgl-popup-tip {
  width: 0 !important;
  height: 0 !important;
  border: 8px solid transparent !important;
}

/* Popup above marker - tip points down */
.sector-map-popup.light-theme .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  border-top-color: rgba(33, 37, 41, 0.5) !important;
  border-bottom-width: 0 !important;
}

/* Popup below marker - tip points up */
.sector-map-popup.light-theme .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  border-bottom-color: rgba(33, 37, 41, 0.5) !important;
  border-top-width: 0 !important;
}

/* Popup to the right of marker - tip points left */
.sector-map-popup.light-theme .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-right-color: rgba(33, 37, 41, 0.5) !important;
  border-left-width: 0 !important;
}

/* Popup to the left of marker - tip points right */
.sector-map-popup.light-theme .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: rgba(33, 37, 41, 0.5) !important;
  border-right-width: 0 !important;
}

/* Corner positions */
.sector-map-popup.light-theme .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.sector-map-popup.light-theme .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  border-bottom-color: rgba(33, 37, 41, 0.5) !important;
  border-top-width: 0 !important;
}

.sector-map-popup.light-theme .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.sector-map-popup.light-theme .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: rgba(33, 37, 41, 0.5) !important;
  border-bottom-width: 0 !important;
}

/* Close button - Dark Theme */
.sector-map-popup.dark-theme .mapboxgl-popup-close-button {
  position: absolute !important;
  top: 50% !important;
  right: 4px !important;
  transform: translateY(-50%) !important;
  color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  padding: 4px;
}

.sector-map-popup.dark-theme .mapboxgl-popup-close-button:hover {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

/* Close button - Light Theme */
.sector-map-popup.light-theme .mapboxgl-popup-close-button {
  position: absolute !important;
  top: 50% !important;
  right: 4px !important;
  transform: translateY(-50%) !important;
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
  padding: 4px;
}

.sector-map-popup.light-theme .mapboxgl-popup-close-button:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}