/* CannaGrow 0.14.26 – aufklappbare Leistungswahl für Licht & Ventilator */

.equipment-row-selectable{
  position:relative;
  grid-template-columns:minmax(0,1fr) auto;
  transition:background .18s ease,border-color .18s ease;
  border-radius:13px;
}

.equipment-row-selectable:hover{
  background:rgba(255,255,255,.016);
}

.equipment-info-selector{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  width:100%;
  min-width:0;
  padding:0;
  cursor:pointer;
}

.equipment-info-selector:focus-visible,
.equipment-power-trigger:focus-visible,
.equipment-power-menu .equip-mode:focus-visible{
  outline:2px solid rgba(92,240,142,.55);
  outline-offset:2px;
}

.equipment-power-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:58px;
  min-height:34px;
  padding:0 10px;
  border:1px solid rgba(92,240,142,.14);
  border-radius:10px;
  background:rgba(92,240,142,.055);
  color:#c9f5d7;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.equipment-power-trigger:hover{
  border-color:rgba(92,240,142,.30);
  background:rgba(92,240,142,.095);
}

.equipment-power-chevron{
  display:inline-block;
  font-size:13px;
  line-height:1;
  transform:translateY(-1px);
  transition:transform .2s ease;
}

.equipment-row-selectable.selector-open .equipment-power-chevron{
  transform:rotate(180deg) translateY(1px);
}

.equipment-power-menu{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  transform:translateY(-5px);
  padding-top:0;
  transition:max-height .22s ease,opacity .16s ease,transform .22s ease,padding-top .22s ease;
}

.equipment-row-selectable.selector-open .equipment-power-menu{
  max-height:56px;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
  padding-top:7px;
}

.equipment-power-menu .equip-mode{
  min-height:36px;
  height:36px;
  min-width:0;
  font-size:11px;
  border-radius:10px;
}

.equipment-power-menu .equip-mode.active{
  border-color:rgba(92,240,142,.42);
  background:rgba(92,240,142,.14);
  color:#d9ffe5;
  box-shadow:0 0 18px rgba(92,240,142,.07);
}

@media(max-width:560px){
  .equipment-row-selectable{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .equipment-power-trigger{
    min-width:64px;
    min-height:38px;
    font-size:12px;
  }

  .equipment-row-selectable.selector-open .equipment-power-menu{
    max-height:62px;
  }

  .equipment-power-menu .equip-mode{
    min-height:42px;
    height:42px;
    font-size:12px;
  }
}