/* CannaGrow 0.14.36 – echte Pixi-Koordinaten, kleine Status-Hitbox und freie Plätze */

/* Wichtig: Ein belegter Grid-Slot darf niemals selbst Maus-/Touchziel sein.
   Nur die sichtbare Statuskarte bleibt klickbar. Damit kann die große
   Grid-Zelle nicht mehr Lampe oder Ventilator überdecken. */
#roomScene .plant-grid.pixi-overlay .plant-slot.pixi-slot:not(.empty):not(.locked-slot){
  pointer-events:none!important;
  cursor:default!important;
}
#roomScene .plant-grid.pixi-overlay .plant-slot.pixi-slot:not(.empty):not(.locked-slot) .plant-tag{
  pointer-events:auto!important;
}

/* Hover-Effekt nur dann, wenn wirklich die kleine Statuskarte getroffen wird. */
@media (hover:hover) and (pointer:fine){
  #roomScene .plant-slot.pixi-slot:not(.empty):not(.locked-slot):hover .plant-tag{
    transform:none!important;
    border-color:rgba(219,196,255,.13)!important;
  }
  #roomScene .plant-slot.pixi-slot .plant-tag:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(200,167,255,.28)!important;
  }
}

/* Die Pixi-Hitboxen liegen jetzt direkt im roomScene und damit im exakt
   gleichen Koordinatensystem wie Canvas/Pixi. Der Layer liegt unter dem
   Status-Rack; da das Rack außerhalb echter Buttons pointer-events:none hat,
   bleiben Licht, Ventilator und Pflanze trotzdem direkt anklickbar. */
#roomScene > .room-tech-hotspots{
  position:absolute!important;
  inset:0!important;
  z-index:11!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
  transform-origin:50% 50%;
  will-change:transform;
}
#roomScene > .room-tech-hotspots .room-tech-hotspot,
#roomScene > .room-tech-hotspots .room-plant-hotspot,
#roomScene > .room-tech-hotspots .room-problem-badge{
  pointer-events:auto!important;
}

/* Die Positionswerte kommen bereits als echte Pixelwerte von Pixi. Alte
   prozentuale/Grid-Positionierungen dürfen sie nicht mehr verschieben. */
#roomScene > .room-tech-hotspots .room-tech-hotspot,
#roomScene > .room-tech-hotspots .room-plant-hotspot{
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
}

/* Problem-/Erntehinweis sitzt direkt unter der tatsächlich gerenderten
   Pflanze statt irgendwo im großen Stellplatz. */
.room-problem-badge{
  position:absolute;
  z-index:5;
  transform:translateX(-50%);
  max-width:min(190px,46vw);
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(240,197,101,.28);
  background:rgba(92,62,13,.90);
  color:#ffe5a4;
  font:inherit;
  font-size:11px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent;
}
.room-problem-badge:focus-visible{
  outline:2px solid rgba(240,197,101,.72);
  outline-offset:2px;
}

/* Der alte Slot-interne Hinweis wird nicht mehr gerendert; falls Browser noch
   altes DOM im Cache halten, darf er keine Technik blockieren. */
#roomScene .plant-slot.pixi-slot .alert-badge{
  display:none!important;
  pointer-events:none!important;
}

@media(max-width:760px){
  .room-problem-badge{
    min-height:36px;
    max-width:min(180px,58vw);
    font-size:11px;
    touch-action:pan-y!important;
  }
}