/* CannaGrow 0.14.33 – präzise Growroom-Interaktionen */

/* Der Status oben ist eine bewusst eigene Aktion und bleibt über den
   unsichtbaren Technik-/Pflanzen-Hotspots bedienbar. */
#roomScene .plant-slot.pixi-slot .plant-tag,
#roomScene .plant-slot.pixi-slot .alert-badge{
  pointer-events:auto!important;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

/* Direkt auf die sichtbare Pflanze tippen/klicken. Die Fläche wird vom JS
   passend zu Wachstumsstufe und Stellplatz berechnet. */
.room-plant-hotspot{
  position:absolute;
  z-index:1;
  margin:0;
  padding:0;
  border:1px solid transparent;
  border-radius:46% 46% 24% 24%;
  background:transparent;
  color:transparent;
  pointer-events:auto;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.room-plant-hotspot span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.room-plant-hotspot:focus-visible{
  outline:2px solid rgba(92,240,142,.72);
  outline-offset:3px;
}

/* Licht und Ventilator liegen über der Pflanzen-Klickfläche, aber ihre
   Hitboxen umfassen nur noch die sichtbare Technik plus kleinen Touch-Puffer. */
.room-tech-hotspot{
  z-index:3;
}
.room-tech-hotspot:hover,
.room-tech-hotspot:focus-visible{
  background:rgba(92,240,142,.035);
  border-color:rgba(92,240,142,.22);
  box-shadow:none;
}

@media(max-width:760px){
  /* Belegte Stellplätze sind auf Mobile nicht mehr als Ganzes anklickbar.
     Status und sichtbare Pflanze besitzen ihre eigenen präzisen Ziele. */
  #roomScene .plant-slot.pixi-slot:not(.empty):not(.locked-slot){
    pointer-events:none!important;
    cursor:default;
  }
  #roomScene .plant-slot.pixi-slot:not(.empty):not(.locked-slot) .plant-tag,
  #roomScene .plant-slot.pixi-slot:not(.empty):not(.locked-slot) .alert-badge{
    pointer-events:auto!important;
  }

  #roomScene .plant-slot.pixi-slot .plant-tag{
    min-width:118px;
    min-height:52px;
  }
}
