/* Hermes RP Maps v0.9
   Kök düzeltme:
   - Blipler legacy .map-marker sınıfını kullanmaz.
   - Blip katmanı zoomlanan canvas'ın kardeşidir, asla scale olmaz.
   - 4096px taban + 8192px kaynaklı 4x4 HD tile sistemi. */

.hermes-map-stage{
  isolation:isolate;
  position:relative;
}
.hermes-map-canvas{
  z-index:1;
  transform-origin:0 0!important;
  will-change:transform;
  backface-visibility:hidden;
}
.hermes-map-image{
  z-index:0;
  image-rendering:auto;
  backface-visibility:hidden;
}
.hermes-map-tile-layer{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.hermes-map-tile{
  position:absolute;
  display:block;
  object-fit:fill;
  pointer-events:none;
  image-rendering:auto;
  opacity:1;
  transform:translateZ(0);
}

/* Blipler HARİTA CANVAS'I DIŞINDA. Eski app.css .map-marker kuralları bunlara dokunamaz. */
.hermes-map-marker-layer{
  position:absolute!important;
  inset:0!important;
  z-index:10!important;
  pointer-events:none!important;
  overflow:hidden!important;
  border-radius:inherit;
  transform:none!important;
}
.hermes-map-pin{
  position:absolute!important;
  left:0!important;
  top:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:var(--hermes-pin-size,22px)!important;
  height:var(--hermes-pin-size,22px)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  padding:calc(var(--hermes-pin-size,22px) * .10)!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:50%!important;
  background:rgba(2,8,10,.88)!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
  line-height:1!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  transform-origin:50% 50%!important;
  transition:none!important;
  box-shadow:0 0 0 1px rgba(36,241,233,.20)!important;
  will-change:transform,width,height;
}
.hermes-map-pin::before,
.hermes-map-pin::after{display:none!important;content:none!important}
.hermes-map-pin img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
  pointer-events:none!important;
  filter:none!important;
}
.hermes-map-pin.occupied{
  background:rgba(33,25,9,.90)!important;
  border-color:rgba(255,235,180,.92)!important;
  box-shadow:0 0 0 1px rgba(226,191,111,.18)!important;
}
.hermes-map-pin.custom{
  background:rgba(17,10,29,.90)!important;
  border-color:rgba(226,219,255,.92)!important;
  box-shadow:0 0 0 1px rgba(156,135,255,.18)!important;
}
.hermes-map-pin.map-marker-preview{
  background:rgba(2,8,10,.96)!important;
  border-color:#fff!important;
  box-shadow:0 0 0 2px rgba(36,241,233,.38)!important;
  pointer-events:none!important;
}

/* Admin blip seçici: isimler ikonlara binmesin. */
.blip-picker{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  overflow-x:hidden!important;
}
.blip-choice{
  grid-template-columns:42px minmax(0,1fr)!important;
  min-height:72px!important;
  overflow:hidden!important;
}
.blip-choice img{width:36px!important;height:36px!important}
.blip-choice span{white-space:normal!important;overflow-wrap:anywhere!important}

.map-controls{z-index:20!important}

@media(max-width:1180px){.blip-picker{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.blip-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.blip-picker{grid-template-columns:1fr!important}}