/* basic-card-lm.css */

/* =========================================================
   BASIC CARD
   - min visina raste s tekstom
   - IKONA ima FIXAN SLOT (ne smije gurati tekst)
   - headline + price u istom gornjem redu
   - description ide skroz do kraja (nema rezervisanog padding-right)
   ========================================================= */

#lm-root .lm-card--basic{
  /* ===== KONFIGURACIJA ===== */
  --lm-basic-min-h: 140px;
  --lm-basic-radius: 14px;
  --lm-basic-icon-slot: 104px;

  width: 100%;
  min-height: var(--lm-basic-min-h);
  height: auto;

  display: flex;
  align-items: center;        /* <-- KLJUČNO: vertikalno centriranje */
  gap: 22px;

  position: relative;
  padding: 22px 22px;         /* <-- više top/bottom paddinga */

  border: 1px solid #ddd;
  border-radius: var(--lm-basic-radius);
  background: #ffffff;

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

  transition: border-color .15s ease, box-shadow .15s ease;
}

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

/* =====================================
   IKONA (fix slot)
   ===================================== */

#lm-root .lm-card--basic .lm-card__icon{
  flex: 0 0 var(--lm-basic-icon-slot);
  width: var(--lm-basic-icon-slot);
  max-width: var(--lm-basic-icon-slot);

  height: auto;
  max-height: calc(var(--lm-basic-min-h) * 0.70);

  object-fit: contain;
  object-position: center;

  display: block;
}

/* =====================================
   INFO BLOCK
   ===================================== */

#lm-root .lm-card--basic .lm-card__info{
  flex: 1 1 auto;
  min-width: 0; /* da tekst moze shrinkati/ellipsis */
}

/* Gornji red: headline lijevo, price desno */
#lm-root .lm-card--basic .lm-card__top{
  display: flex;
  align-items: center;  /* <-- umjesto flex-start */
  gap: 12px;
}

#lm-root .is-disabled{
  opacity:.45;
  pointer-events:auto; /* da click možeš “uhvatiti” i blokirati */
  cursor:not-allowed;
}

/* Headline raste do kraja ako nema desnog elementa */
#lm-root .lm-card--basic .lm-card__headline{
  flex: 1 1 auto;
  min-width: 0;
  color: #2a2a2a;
  font-weight: 500;
  font-size: 1.25rem;
  font-family: "Roboto";
  line-height: 1.2;

  /* Ako zelis clamp/ellipsis umjesto wrap, odkomentariši:
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  */
}

/* =========================================
   DESCRIPTION 
   ========================================= */

#lm-root .lm-card__desc{
  font-size: 0.80rem;      /* ↓ manji tekst */
  line-height: 1.28;       /* ↓ manji razmak između redova */
  color: #7a7a7a;

  margin-top: 8px;         /* ↓ bliže naslovu */
  max-width: 95%;          /* sprječava predug red (bolja čitljivost) */
}
#lm-root .lm-card--basic .lm-card__price{
  flex: 0 0 auto;

  font-weight: 600;
  font-size: 1.15rem;
  line-height: 1.2;
  font-family: "Roboto";
  white-space: nowrap;
}

/* Description ispod: full širina unutar info (nema padding-right rezervacije) */
#lm-root .lm-card--basic .lm-card__desc{
  margin-top: 9px;

  font-size: 1rem;
  line-height: 1.35;
  color: #7a7a7a;
  font-family: "Roboto";
  /* Ako zelis max 2-3 linije:
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  */
}