/**
 * Корзина (/cart). Стили checkout — с нуля (см. css/checkout.css).
 */

/*#region Каркас корзины */
body.path-cart {
  background-color: var(--prut-bg, #f4f5f8);
  color: var(--prut-text, #2a2a33);
}

body.path-cart .site-main--order {
  padding: 1.5rem 0 3rem;
  background-color: var(--prut-bg, #f4f5f8);
}

body.path-cart .order-page__inner {
  padding: 2.5rem 2rem 2.25rem;
  background: var(--prut-surface, #fff);
  border: 1px solid var(--prut-border, #e2e5ec);
  border-radius: var(--prut-radius-lg, 20px);
  box-shadow: var(--prut-shadow, 0 8px 32px rgba(20, 20, 31, 0.1));
}

body.path-cart .content-area > #block-mega-prut-page-title {
  margin-top: 0.25rem;
  margin-bottom: 1.5rem;
}

body.path-cart #block-mega-prut-page-title h1,
body.path-cart .page-title {
  margin: 0;
  padding-top: 0.15rem;
  font-size: clamp(1.5rem, 4vw, 1.875rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--prut-navy, #1b1547);
}

body.path-cart .messages {
  margin: 0 0 1.25rem;
  padding: 0.85rem 1rem;
  border-radius: var(--prut-radius-sm, 8px);
  font-size: 0.9375rem;
}
/*#endregion */

/*#region Корзина — таблица */
body.path-cart .view-commerce-cart-form {
  margin-top: 0.5rem;
}

body.path-cart .view-commerce-cart-form table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--prut-border, #e2e5ec);
  border-radius: var(--prut-radius, 12px);
  overflow: hidden;
  font-size: 0.9375rem;
}

body.path-cart .view-commerce-cart-form thead th {
  padding: 0.85rem 1rem;
  background: var(--prut-navy, #1b1547);
  color: #fff;
  font-weight: 600;
  text-align: left;
  border: none;
  white-space: nowrap;
}

body.path-cart .view-commerce-cart-form tbody td {
  padding: 0.85rem 1rem;
  border-top: 1px solid var(--prut-border, #e2e5ec);
  vertical-align: middle;
  background: var(--prut-surface, #fff);
}

body.path-cart .view-commerce-cart-form tbody tr:nth-child(even) td {
  background: #fafbfc;
}

body.path-cart .view-commerce-cart-form tbody tr:hover td {
  background: var(--prut-primary-soft, rgba(130, 0, 0, 0.06));
}

body.path-cart .view-commerce-cart-form .views-field-purchased-entity a {
  color: var(--prut-navy, #1b1547);
  font-weight: 600;
  text-decoration: none;
}

body.path-cart .view-commerce-cart-form .views-field-purchased-entity a:hover {
  color: var(--prut-primary, #820000);
  text-decoration: underline;
}

body.path-cart .view-commerce-cart-form .views-field-edit-quantity input {
  width: 4rem;
  min-height: 2.25rem;
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--prut-border-strong, #c8cdd8);
  border-radius: var(--prut-radius-sm, 8px);
  text-align: center;
}

body.path-cart .view-commerce-cart-form .field--name-total-price {
  display: none;
}

body.path-cart .view-commerce-cart-form .views-field-remove-button input,
body.path-cart .view-commerce-cart-form .views-field-remove-button a {
  color: var(--prut-text-muted, #6b7280);
}

body.path-cart .view-empty,
body.path-cart .cart-empty-page {
  padding: 2rem 1.5rem;
  text-align: center;
  color: var(--prut-text-muted, #6b7280);
  background: var(--prut-bg, #f4f5f8);
  border-radius: var(--prut-radius, 12px);
  font-size: 1.05rem;
}

body.path-cart .view-commerce-cart-form .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: flex-end;
  margin-top: 1.5rem;
}

body.path-cart .view-commerce-cart-form .form-actions .button,
body.path-cart .view-commerce-cart-form .form-actions input[type="submit"] {
  min-height: 2.75rem;
  padding: 0.55rem 1.25rem;
  border-radius: var(--prut-radius-sm, 8px);
  font-weight: 600;
  cursor: pointer;
}

body.path-cart .view-commerce-cart-form .form-actions .button--primary,
body.path-cart .view-commerce-cart-form .form-actions input.button--primary {
  border: 1px solid var(--prut-primary, #820000);
  background: var(--prut-primary, #820000);
  color: #fff;
}

body.path-cart .view-commerce-cart-form .form-actions input.button--primary:hover {
  background: var(--prut-primary-hover, #a30000);
  border-color: var(--prut-primary-hover, #a30000);
}

body.path-cart .view-commerce-cart-form .order-total-summary,
body.path-cart .view-commerce-cart-form .commerce-order-total-summary,
body.path-cart .view-commerce-cart-form .payment-total-summary {
  margin: 1.5rem 0 0.5rem;
  padding: 1rem 1.1rem;
  max-width: 28rem;
  margin-left: auto;
  background: var(--prut-bg, #f4f5f8);
  border: 1px solid var(--prut-border, #e2e5ec);
  border-radius: var(--prut-radius, 12px);
}

body.path-cart .order-total-line,
body.path-cart .payment-summary-line {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  padding: 0.4rem 0;
  text-align: left;
}

body.path-cart .order-total-line-label,
body.path-cart .payment-summary-line-label {
  display: inline;
  padding: 0;
  margin: 0;
  color: var(--prut-text, #2a2a33);
  font-weight: 500;
}

body.path-cart .order-total-line-value,
body.path-cart .payment-summary-line-value {
  display: inline;
  width: auto;
  min-width: 6.5rem;
  padding: 0;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

body.path-cart .order-total-line__total,
body.path-cart .payment-summary-line-balance {
  margin-top: 0.35rem;
  padding-top: 0.65rem;
  border-top: 1px solid var(--prut-border, #e2e5ec);
  font-weight: 700;
}

body.path-cart .order-total-line__total .order-total-line-label,
body.path-cart .payment-summary-line-balance .payment-summary-line-label {
  font-weight: 700;
}

body.path-cart .view-commerce-cart-form .form-actions .button,
body.path-cart .view-commerce-cart-form .form-actions input[type="submit"]:not(.button--primary) {
  border: 1px solid var(--prut-border-strong, #c8cdd8);
  background: var(--prut-surface, #fff);
  color: var(--prut-navy, #1b1547);
}

body.path-cart .view-commerce-cart-form .form-actions .button:hover,
body.path-cart .view-commerce-cart-form .form-actions input[type="submit"]:not(.button--primary):hover {
  border-color: var(--prut-navy, #1b1547);
}
/*#endregion */

@media (max-width: 899px) {
  body.path-cart .order-page__inner {
    padding: 1.25rem 0.85rem 1.5rem;
    border-radius: var(--prut-radius, 12px);
  }

  body.path-cart .view-commerce-cart-form {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.path-cart .view-commerce-cart-form table {
    min-width: 640px;
  }
}