/* group-card-lm.css */

/* =========================================================
   GROUP CARD
   - Outer wrapper je BASIC CARD (border/radius)
   - Header je klikabilan, body je unutar iste kartice
   - Chevron je u gornjem redu (desno), ne absolute
   - Djeca su uvučena ispod teksta (ne ispod ikone)
   ========================================================= */


#lm-root .lm-group.lm-card--basic{
  padding: 0;
  cursor: default;
  overflow: visible;
  --lm-group-indent: 24px;
}
/* ------------------------------------------------------------------ */


#lm-root .lm-group.lm-card.lm-card--basic{
  display: block !important;
}


/* Header button (izgleda kao card sadržaj) */
#lm-root .lm-group__header{
  width: 100%;
  display: flex;
  align-items: center;      
  gap: 22px;

  padding: 22px 22px;

  border: 0;
  background: transparent;

  cursor: pointer;
  user-select: none;
  text-align: left;

  border-radius: var(--lm-basic-radius);
}


#lm-root .lm-group.lm-card--basic:hover{
  border-color: rgba(31, 31, 31, 0.901);
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}



#lm-root .lm-group__chev{
  flex: 0 0 auto;

  font-weight: 800;
  font-size: 1.05rem;
  line-height: 1;

  width: 26px;
  height: 26px;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: transform .15s ease;
}

#lm-root .lm-group.is-open .lm-group__chev{
  transform: rotate(180deg);
}


/* Body unutar iste kartice */
#lm-root .lm-group__body{
  width: 100%;
  border-top: 1px solid rgba(0,0,0,.08);

  padding: 12px 14px 14px 14px;
  overflow: visible;
}


/* Djeca: stack + gap */
#lm-root .lm-group__items{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: var(--lm-group-indent);
}