/* pcarbon.ru cart — стили для корзины и кнопки добавления.
   Подключён в _Layout.cshtml после tailwind.local.css. */

/* Кнопки ± количества — символ строго по центру (Arial центрирует «−» «+» лучше системного). */
.pcarbon-qty-btn,
.pcarbon-atc-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
    font-family: Arial, sans-serif;
    cursor: pointer;
    border: none;
    background: transparent;
}

.pcarbon-qty-btn { font-size: 18px; }

/* ± на странице товара — крупнее и шире чем в корзине */
.pcarbon-atc-step {
    width: 3rem;       /* 48px = w-12 */
    height: 3rem;      /* 48px = h-12 */
    font-size: 22px;
}

/* Убираем спин-кнопки в input[type="number"] для qty-полей корзины. */
.pcarbon-atc-qty,
.pcarbon-cart-qty {
  -moz-appearance: textfield;
}
.pcarbon-atc-qty::-webkit-outer-spin-button,
.pcarbon-atc-qty::-webkit-inner-spin-button,
.pcarbon-cart-qty::-webkit-outer-spin-button,
.pcarbon-cart-qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Кратковременная индикация «Добавлено» на кнопке В корзину */
.pcarbon-atc-added {
  background-color: #10b981 !important;   /* emerald-500 */
  border-color: #10b981 !important;
  color: #fff !important;
  transition: background-color 0.2s ease;
}
.pcarbon-atc-added:hover {
  background-color: #059669 !important;   /* emerald-600 */
}

/* Карточка строки в корзине: лёгкое поднятие при hover. */
.pcarbon-cart-line {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.pcarbon-cart-line:hover {
  border-color: rgba(13, 148, 136, 0.4); /* brand/40 */
  box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.06);
}