/* Korak 3 — vrste narudzbe. */
/* ================================================
   ORDER TYPE CARDS
   ================================================ */
.pk-orders {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

.pk-order-card {
  border: 2px solid #E8DDD5;
  border-radius: 14px;
  padding: 1rem 1.25rem;
  cursor: pointer;
  background: #fff;
  font-family: inherit;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: border-color 0.18s, background 0.18s;
  gap: 0.75rem;
}

.pk-order-card:hover { border-color: #C85A3B; }
.pk-order-card.selected { border-color: #C85A3B; background: #FEF3EF; }

.pk-order-card--sub {
  border-color: #C85A3B;
  background: #FEF3EF;
}
.pk-order-card--sub:hover { background: #fde8de; }
.pk-order-card--sub.selected { background: #fdddd0; border-color: #a8422a; }

/* When any card is selected, non-selected sub cards lose their highlight */
.pk-orders.has-selection .pk-order-card--sub:not(.selected) {
  border-color: #E8DDD5;
  background: #fff;
}
.pk-orders.has-selection .pk-order-card--sub:not(.selected) .pk-recommend-pill {
  background: #b5a99e;
}
.pk-orders.has-selection .pk-order-card--sub:not(.selected):hover {
  border-color: #C85A3B;
  background: #fdf8f5;
}

.pk-recommend-pill {
  display: inline-block;
  font-size: 0.625rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  background: #C85A3B;
  color: #fff;
  border-radius: 20px;
  padding: 0.18rem 0.55rem;
  margin-bottom: 0.3rem;
}

.pk-order-card:disabled,
.pk-order-card.disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.pk-order-title {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #2B1A10;
}

.pk-order-detail {
  font-size: 0.8rem;
  color: #7A6559;
  margin-top: 0.2rem;
  line-height: 1.4;
}

.pk-order-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.35rem;
  flex-shrink: 0;
}

.pk-badge {
  font-size: 0.675rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.2rem 0.55rem;
  border-radius: 20px;
  background: #FEF3EF;
  color: #C85A3B;
  border: 1px solid #F2C0AD;
  white-space: nowrap;
}

.pk-order-price {
  font-size: 1.125rem;
  font-weight: 800;
  color: #2B1A10;
}

.pk-order-price-sub {
  font-size: 0.7rem;
  font-weight: 500;
  color: #7A6559;
}