/*
 * Детали заказа, адреса клиента, блок СДЭК в ЛК и на «Заказ получен».
 * Файл подключается только на этих экранах (см. functions.php) — правки здесь не затрагивают корзину и чекаут.
 */

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details {
  padding: var(--space-10);
  background: var(--vb-bg-1);
  border-radius: var(--r-md);
}

/* Детали заказа: разметка из шаблона order-details.php (сетка, не таблица). */
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}

/*
 * Flex вместо grid: при grid общая ширина 2-й колонки = max-content по всем строкам сразу,
 * поэтому длинный блок СДЭК в «Доставке» растягивал правую колонку для подытога, оплаты и т.д.
 */
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-8);
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--c-border);
}

:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--head
  .vb-order-details__cell--product,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--item
  .vb-order-details__cell--product,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--total
  .vb-order-details__cell--label,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--actions
  .vb-order-details__cell--label {
  flex: 1 1 auto;
  min-width: 0;
}

:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--head
  .vb-order-details__cell--total,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--item
  .vb-order-details__cell--line-total,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--total
  .vb-order-details__cell--value,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--actions
  .vb-order-details__cell--value {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}

:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__totals
  .vb-order-details__row:last-child {
  border-bottom: none;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row--head {
  padding-top: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--c-text-fourth, #666);
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--total,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--line-total,
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--value {
  text-align: right;
  min-width: 0;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--line-total {
  white-space: nowrap;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--product {
  min-width: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--label {
  font-weight: 600;
  color: var(--c-text);
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row--purchase-note {
  display: block;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__purchase-note {
  text-align: left;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row--actions .vb-order-details__cell--value {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  justify-content: flex-end;
}

:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--total.vb-order-details__row--cart_subtotal
  .vb-order-details__cell--value,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--total.vb-order-details__row--order_total
  .vb-order-details__cell--value,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--total[class*="fee_"]
  .vb-order-details__cell--value,
:is(body.woocommerce-account, body.woocommerce-order-received)
  .woocommerce-order-details
  .vb-order-details__row--total.vb-order-details__row--discount
  .vb-order-details__cell--value {
  white-space: nowrap;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details .wc-item-meta {
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 560px) {
  :is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row--item,
  :is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row--actions,
  :is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row--total {
    flex-direction: column;
    align-items: flex-start;
  }

  :is(body.woocommerce-account, body.woocommerce-order-received)
    .woocommerce-order-details
    .vb-order-details__row--total
    .vb-order-details__cell--label,
  :is(body.woocommerce-account, body.woocommerce-order-received)
    .woocommerce-order-details
    .vb-order-details__row--actions
    .vb-order-details__cell--label {
    flex: 0 0 auto;
  }

  :is(body.woocommerce-account, body.woocommerce-order-received)
    .woocommerce-order-details
    .vb-order-details__row--total
    .vb-order-details__cell--value,
  :is(body.woocommerce-account, body.woocommerce-order-received)
    .woocommerce-order-details
    .vb-order-details__row--item
    .vb-order-details__cell--line-total {
    flex: 0 0 auto;
    max-width: 100%;
  }

  :is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row--head {
    display: none;
  }

  :is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--line-total,
  :is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--value {
    text-align: left;
  }

  :is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__cell--line-total {
    white-space: normal;
  }

  :is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .vb-order-details__row--actions .vb-order-details__cell--value {
    justify-content: flex-start;
  }

  :is(body.woocommerce-account, body.woocommerce-order-received)
    .woocommerce-order-details
    .bono-cdek-tracking--in-shipping-cell {
    margin-left: 0;
    max-width: 100%;
    text-align: left;
  }
}

:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-customer-details {
  padding: var(--space-10);
  background: var(--vb-bg-1);
  border-radius: var(--r-md);
}

/* СДЭК в ячейке доставки (order item totals) */
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .bono-cdek-tracking--in-shipping-cell {
  display: block;
  margin-top: var(--space-4);
  margin-left: auto;
  padding-top: var(--space-4);
  border-top: 1px solid var(--c-border);
  max-width: min(26rem, 100%);
  text-align: right;
  font-size: 0.95em;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking--in-shipping-cell p {
  margin: 0 0 0.35em;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking--in-shipping-cell p:last-child {
  margin-bottom: 0;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__track {
  margin: 0 0 0.35em;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__current {
  margin: 0.5em 0 0;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__current .bono-cdek-tracking__status-name {
  margin-right: 0.35em;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__current .bono-cdek-tracking__status-time {
  color: var(--c-text-fourth);
  font-size: 0.95em;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__history {
  margin-top: var(--space-4);
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__history summary {
  cursor: pointer;
  font-weight: 600;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__history-list {
  margin: var(--space-3) 0 0;
  padding-left: 1.25rem;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__history-list li {
  margin-bottom: var(--space-2);
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__history-time {
  display: block;
  color: var(--c-text-fourth);
  font-size: 0.9em;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__pending,
:is(body.woocommerce-account, body.woocommerce-order-received) .bono-cdek-tracking__status-unavailable {
  margin: 0.35em 0 0;
}

/* Самовывоз: адрес в строке «Доставка» (итоги заказа) */
:is(body.woocommerce-account, body.woocommerce-order-received) .woocommerce-order-details .bono-local-pickup--in-shipping-cell {
  display: block;
  margin-top: var(--space-4);
  margin-left: auto;
  padding-top: var(--space-4);
  border-top: 1px solid var(--c-border);
  max-width: min(26rem, 100%);
  text-align: right;
  font-size: 0.95em;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .vb-local-pickup-order-info__line {
  margin: 0;
}

:is(body.woocommerce-account, body.woocommerce-order-received) .vb-local-pickup-order-info__label {
  display: block;
  margin-bottom: 0.2em;
}

:is(body.woocommerce-checkout) .vb-local-pickup-summary-row th,
:is(body.woocommerce-checkout) .vb-local-pickup-summary-row td {
  font-size: var(--text-sm);
  color: var(--c-text-second);
  font-weight: 500;
}

:is(body.woocommerce-checkout) .vb-local-pickup-summary-row td {
  text-align: right;
}

/* Адрес заказа: подписи полей (Имя, Адрес, …) */
:is(body.woocommerce-account, body.woocommerce-order-received) .vb-order-address-labeled__label {
  font-weight: 700;
}