/* === FizioMap – Leaflet ikon méret fix === */
.leaflet-marker-icon {
  width: 32px !important;
  height: 48px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

/* Egyedi marker ikonok */
.marker-office {
  background-image: url('../icons/marker-office.png') !important;
}
.marker-home {
  background-image: url('../icons/marker-home.png') !important;
}
.marker-group {
  background-image: url('../icons/marker-group.png') !important;
}
.marker-you {
  background-image: url('../icons/marker-you.png') !important;
}
/* ======================================================================
   FIZIOMAP – Leaflet popup “card” (stabil, tiszta, felülírhatatlan)
   Cél: csak a Leaflet popupon belül hasson
   ====================================================================== */

/* 0) Ne engedjük, hogy globális max-width szabályok beleszóljanak */
#fiziomap-map.leaflet-container,
#fiziomap-map.leaflet-container *{
  max-width: none !important;
}

/* 1) Popup külső doboz (wrapper + tip) */
#fiziomap-map.leaflet-container .leaflet-popup-content-wrapper{
  background: #fff !important;
  border: 1px solid var(--fz-accent, #e2e8f0) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14) !important;
  overflow: hidden !important;
  padding: 6px !important; /* levegő a wrapperben */
}

#fiziomap-map.leaflet-container .leaflet-popup-tip{
  background: #fff !important;
  border: 1px solid var(--fz-accent, #e2e8f0) !important;
}

/* 2) Leaflet default margin/padding nullázás + popup szélesség */
#fiziomap-map.leaflet-container .leaflet-popup-content{
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 380px !important; /* ✅ popup max szélesség */
  box-sizing: border-box !important;

  /* olvashatóság */
  line-height: 1.45 !important;
  font-size: 13.5px !important;
}

/* 3) A te popup kártyád */
#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup{
  width: 100% !important;
  max-width: 380px !important; /* ✅ egyezzen a popup max-width-al */
  background: #fff !important;
  color: var(--fz-text, #0f172a) !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  box-sizing: border-box !important;

  /* ✅ belső padding – ne legyen zsúfolt */
  padding: 16px 16px 14px !important;
}

/* 4) “Nem fogad” badge */
#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .not-accepting-badge-popup{
  display: block !important;
  width: 100% !important;
  background: #fff7ed !important;
  color: #9a3412 !important;
  border: 1px solid #fed7aa !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.2 !important;
}

/* 5) Header layout */
#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-header{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 10px 0 !important;
}

#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-photo{
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  background: #f1f5f9 !important;
  border: 1px solid var(--fz-accent, #e2e8f0) !important;
  flex: 0 0 auto !important;
  display: block !important;
}

#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-title{
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-title strong{
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 4px 0 !important;
  color: var(--fz-text, #0f172a) !important;
}

/* Rating */
#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-rating{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #b45309 !important;
}

/* 6) Body + tagek */
#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-body{
  display: block !important;
  margin-top: 10px !important;
  padding: 0 !important;
}

#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-tag{
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;

  /* ✅ szép chip */
  padding: 10px 30px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;

  border: 1px solid transparent !important;
  margin: 0 0px 5px 0 !important;

  max-width: 100% !important;
  white-space: normal !important;
  word-break: normal !important;
  text-align: left !important;
}

#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .panasz-tag{
  background: #f0fdf4 !important;
  color: #166534 !important;
  border-color: #bbf7d0 !important;
}

#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .szakterulet-tag{
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border-color: #bfdbfe !important;
}

/* 7) Cím */
#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-address{
  display: block !important;
  margin-top: 8px !important;
  color: var(--fz-muted, #4b5563) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* 8) CTA gomb – ne törjön */
#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-button{
  display: block !important;
  width: 100% !important;
  margin-top: 10px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;

  text-decoration: none !important;
  text-align: center !important;
  font-weight: 800 !important;
  font-size: 14px !important;

  color: #fff !important;
  background: var(--fz-primary, #64b19a) !important;
  border: 1px solid rgba(0,0,0,0) !important;
  box-shadow: 0 8px 18px rgba(100, 177, 154, 0.25) !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#fiziomap-map.leaflet-container .leaflet-popup-content .fiziomap-popup .popup-button:hover{
  filter: brightness(0.98) !important;
}

/* 9) Close button */
#fiziomap-map.leaflet-container a.leaflet-popup-close-button{
  top: 10px !important;
  right: 10px !important;
  width: 28px !important;
  height: 28px !important;
  line-height: 26px !important;
  border-radius: 10px !important;
  color: var(--fz-text, #0f172a) !important;
}

#fiziomap-map.leaflet-container a.leaflet-popup-close-button:hover{
  background: rgba(100, 177, 154, 0.12) !important;
}