/* =====================================================
   HIDE UNWANTED BLOG / THEME ELEMENTS
===================================================== */
#comments,
#respond,
.comment-form,
.title-wrap,
.comments-title,
.no-message {
  display: none !important;
}

/* =====================================================
   MAP CONTROLS (RESPONSIVE)
===================================================== */
.map-controls {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
  align-items: center;
}

.map-controls input {
  padding: 8px 10px;
  font-size: 14px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  flex: 1 1 220px;        /* responsive width */
  min-width: 180px;
}

/* =====================================================
   MAP CONTAINER
===================================================== */
#map {
  margin-top: 12px;
  width: 100%;
  min-height: 300px;
}

/* =====================================================
   MARKER CLICK ANIMATION
===================================================== */
@keyframes markerPulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.3); }
  100% { transform: scale(1.15); }
}

.marker-clicked {
  animation: markerPulse 0.35s ease-out forwards;
  transform-origin: center;
}

/* =====================================================
   CATEGORY COLORS
===================================================== */
.category-total {
  color: #1976d2;
  font-weight: 700;
}

.category-ppc {
  color: #d32f2f;
  font-weight: 700;
}

.category-fps {
  color: #fbc02d;
  font-weight: 700;
}

.category-godown {
  color: #388e3c;
  font-weight: 700;
}

.category-rice-mill {
  color: #7b1fa2;
  font-weight: 700;
}

.category-other {
  color: #455a64;
  font-weight: 700;
}

/* =====================================================
   TABLET (≤ 768px)
===================================================== */
@media (max-width: 768px) {
  .map-controls {
    gap: 8px;
  }

  .map-controls input {
    font-size: 13px;
    padding: 7px 9px;
  }

  #map {
    min-height: 260px;
  }
}

/* =====================================================
   MOBILE (≤ 480px)
===================================================== */
@media (max-width: 480px) {
  .map-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .map-controls input {
    width: 100%;
    min-width: unset;
    font-size: 14px;
  }

  #map {
    min-height: 220px;
  }
}