/* === Plugin Wrapper (opcionális, elrendezéshez) === */
.interactive-map-plugin-wrapper {
  /* display: flex; */
  /* flex-direction: column; */
  /* gap: 20px; */
  /* Add other layout styles if needed, or handle layout with Elementor columns */
}

/* === Megye Választó Menü Stílusai (Vízszintes) === */
.county-list-widget-container {
  margin-bottom: 25px;
  width: 100%;
}
ul.county-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.county-list li {
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  color: #444;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  text-align: center;
  white-space: nowrap;
  flex-grow: 0;
  flex-shrink: 0;
}
.county-list li:hover {
  background-color: #e9f5fe;
  border-color: #a0d3f9;
  color: #1c7ac0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.county-list li.active {
  background-color: #2196f3;
  color: #ffffff;
  border-color: #1976d2;
  font-weight: bold;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* === Interaktív Térkép Stílusai === */
.map-widget-container .county-map svg path {
  fill: #ECECEC;
  stroke: #B0B0B0;
  stroke-width: 0.5px;
  transition: fill 0.2s, stroke 0.2s;
}
.map-widget-container .county-map svg path[data-county] {
  cursor: pointer;
  fill: #D1D1D1;
  stroke: #777;
  stroke-width: 0.6px;
}
.map-widget-container .county-map svg path[data-county]:hover {
  fill: #abd8f3;
  stroke: #555;
  stroke-width: 1px;
}
.map-widget-container .county-map svg path[data-county].active {
  fill: #2196f3 !important;
  stroke: #1764a9 !important;
  stroke-width: 1.5px !important;
}
.map-widget-container .county-map {
  min-width: 300px;
  max-width: 100%; /* Alapértelmezetten a konténeréhez igazodik */
  display: flex;
  justify-content: center;
  /* Ha fix szélességet és középre igazítást szeretnél: */
  /* max-width: 613px; */
  /* margin: 0 auto; */
}

/* === Elementor Loop Grid Konténer Betöltési és Üres Állapot Stílus (Példa) === */
/* Ezt a .my-custom-loop-grid-container osztályt neked kell hozzáadnod a Loop Grid widgetedhez */
.my-custom-loop-grid-container .elementor-loop-loading p,
.my-custom-loop-grid-container .elementor-loop-empty p {
    text-align: center;
    padding: 40px 20px;
    font-style: italic;
    color: #777;
    background-color: #f9f9f9;
    border: 1px dashed #ddd;
    border-radius: 4px;
    margin: 0;
}