.orders-page {
    min-width: 0;
}

.orders-page .section-title {
    margin-bottom: 1.5rem;
    overflow-wrap: anywhere;
}

.orders-shell,
.order-details-section {
    min-width: 0;
    padding: 1rem;
}

.orders-empty {
    padding-block: 2.5rem;
}

.order-history-list,
.order-item-list {
    display: grid;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.order-history-card,
.order-item-card {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    display: grid;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
}

.order-history-card__header,
.order-history-card__footer {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    min-width: 0;
}

.order-history-card__identity,
.order-history-card__total {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.order-history-card__label,
.order-history-card__total span,
.order-data-pair dt {
    color: var(--color-text-muted);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.3;
}

.order-history-card__number,
.order-details-number,
.order-breakable,
.order-details-notes,
.order-data-pair dd,
.order-item-card__name {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.order-history-card__number {
    color: var(--color-primary-dark);
    font-family: var(--font-heading);
    font-size: 1.05rem;
}

.order-history-card__facts,
.order-details-grid,
.order-item-card__facts {
    display: grid;
    gap: 0.85rem;
    margin: 0;
    min-width: 0;
}

.order-data-pair {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.order-data-pair dd {
    margin: 0;
    min-width: 0;
}

.order-history-card__footer {
    align-items: stretch;
    border-top: 1px solid var(--color-border);
    padding-top: 1rem;
}

.order-history-card__total .price {
    font-size: 1.12rem;
}

.order-history-action,
.order-back-action {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 2.75rem;
    text-align: center;
}

.order-history-card .order-history-action {
    width: 100%;
}

.order-history-action:focus-visible,
.order-back-action:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
    outline-offset: 3px;
}

.order-history-action:active,
.order-back-action:active {
    transform: none;
}

.order-back-action {
    margin-bottom: 1.5rem;
    width: 100%;
}

.order-details-title {
    font-size: clamp(1.65rem, 8vw, 2.65rem);
}

.order-details {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.order-details-section {
    display: grid;
    gap: 1rem;
}

.order-details-section__title {
    font-family: var(--font-heading);
    font-size: 1.2rem;
    margin: 0;
}

.order-details-notes {
    white-space: pre-wrap;
}

.order-item-card__name {
    color: var(--color-primary-dark);
    font-family: var(--font-heading);
    font-size: 1rem;
    line-height: 1.35;
}

.order-totals__list {
    display: grid;
    gap: 0.75rem;
    margin: 0;
}

.order-totals__list > div {
    align-items: baseline;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 0;
}

.order-totals__list dt,
.order-totals__list dd {
    margin: 0;
}

.order-totals__list dd {
    flex: 0 0 auto;
    text-align: right;
}

.order-totals__grand-total {
    border-top: 1px solid var(--color-border);
    font-size: 1.12rem;
    padding-top: 0.85rem;
}

@media (min-width: 576px) {
    .order-history-card__facts,
    .order-details-grid,
    .order-item-card__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-data-pair--wide {
        grid-column: 1 / -1;
    }

    .order-history-card .order-history-action,
    .order-back-action {
        width: auto;
    }
}

@media (min-width: 992px) {
    .orders-shell,
    .order-details-section {
        padding: 1.5rem;
    }

    .order-history-card {
        align-items: center;
        grid-template-columns: minmax(12rem, 0.8fr) minmax(19rem, 1.35fr) minmax(13rem, auto);
        padding: 1.25rem;
    }

    .order-history-card__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .order-history-card__footer {
        align-items: center;
        border-top: 0;
        justify-content: flex-end;
        padding-top: 0;
    }

    .order-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .order-details-section--items,
    .order-totals {
        grid-column: 1 / -1;
    }

    .order-item-card {
        align-items: center;
        grid-template-columns: minmax(0, 1fr) minmax(26rem, 1.4fr);
    }

    .order-item-card__facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}