/* EN: Minor style tweaks; UA: Невеликі покращення стилю */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-brand {
  letter-spacing: .2px;
}

#global-loader .loader-backdrop {
  position: fixed;
  inset: 0;
  /* top:0; right:0; bottom:0; left:0; */
  background: rgba(0, 0, 0, 0.25);
  z-index: 2000;
  /* выше модалок, при необходимости увеличь */
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}

#global-loader .loader-box {
  background: #fff;
  border-radius: 0.75rem;
  padding: 1.5rem 2rem;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
}

.op-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Карточка-опция */
.op-card {
  background: #fff;
  border-radius: 0.75rem;
  border: 1px solid #dee2e6;
  
  padding: 0.75rem 1rem 0.75rem 1rem;  /* нормальные одинаковые паддинги */

  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;

  display: flex;
  align-items: center;
  gap: 0.5rem;

  cursor: pointer;
}

/* hover */
.op-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.1);
}

/* -----------------------------
   ВЫДЕЛЕНИЕ ВЫБРАННОЙ КАРТОЧКИ
------------------------------ */
.op-card.checked {
  border-color: #0d6efd;
  background: #e7f1ff;
  box-shadow: 0 0.25rem 0.9rem rgba(13, 110, 253, .15);
}

/* Чекбокс сдвигаем чуть вправо, чтобы не лип к краю */
.op-card input[type="checkbox"] {
  margin: 0;              /* убрать Bootstrap-отступы */
  width: 1.1rem;
  height: 1.1rem;
}

.order-position {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  background: #fff3cd;   
  border: 1px solid #ffeeba;
  font-weight: 600;
  margin: 0 40px 0 0;      
}

.comment_system_red {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  background: #f5b0a4;   
  border: 1px solid #f5b0a4;
  font-weight: 600;
  margin: 0 40px 20px 0;      
}

.comment_system_green {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  background: #bff5af;   
  border: 1px solid #bff5af;
  font-weight: 600;
  margin: 0 40px 20px 0;      
}

/* UA: Стиль картки опції / EN: Single option card styling */
.price-option-card {
  transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
  cursor: pointer;
  padding: 8px 12px;
}

.price-option-card:hover {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
  border-color: var(--bs-primary);
}

.price-option-card .option-title {
  font-size: 0.95rem;
}

.price-option-card .price-chip {
  font-size: 0.85rem;
}

/* UA: Щоб кліки по картці не ламали чекбокс / EN: Don't break checkbox behaviour */
.price-option-card input.price-option {
  cursor: pointer;
}

/* UA: Кількість / EN: Qty styling */
.qty-controls .qty-value {
  min-width: 2.2rem;
  text-align: center;
  font-weight: 600;
}