/* V47: use the same guest/auth and order-details presentation on all four checkout stages.
   Visual baseline: the existing /order-delivery/ rules in wb-order-delivery-unified-v9-2.css.
   Does not modify data, server amounts, coupons, delivery methods, or other cards. */

/* Existing order_auth_panel #123 is included by each of the four checkout main chunks. */
body.wb-order-page .wb-order-main .wb-order-content > section.wb-order-auth-card {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 22px 28px !important;
    background: #fafafa !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}
body.wb-order-page .wb-order-main .wb-order-content > section.wb-order-auth-card > h2 {
    margin: 0 0 12px !important;
    font-family: var(--wb-font-base, 'Magnet Trial', sans-serif) !important;
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    color: #1b1b1b !important;
}
body.wb-order-page .wb-order-main .wb-order-content > section.wb-order-auth-card .wb-order-auth-card__actions {
    gap: 8px !important;
}
body.wb-order-page .wb-order-main .wb-order-content > section.wb-order-auth-card .wb-order-auth-card__actions .wb-order-btn {
    min-height: 40px;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 500;
}
/* Authorised users must keep their original pink greeting, not the guest card. */
body.wb-order-page .wb-order-main .wb-order-content > section.wb-order-customer-greeting {
    box-sizing: border-box;
    min-height: 72px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 16px;
    background: #fff3f8;
}
body.wb-order-page .wb-order-main .wb-order-content > section.wb-order-customer-greeting strong {
    color: #f38ab8;
    font-family: var(--wb-font-base, 'Magnet Trial', sans-serif);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
}

/* The actual order_summary_card #141, not a visual replica of its markup. */
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-basket-summary.wb-order-summary {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 22px 24px !important;
    background: #fafafa !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary > h2 {
    margin: 0 0 22px !important;
    color: #211d24 !important;
    font-family: var(--wb-font-base, 'Magnet Trial', sans-serif) !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__list {
    display: grid !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
}
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__list > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
}
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__list dt,
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__list dd {
    margin: 0 !important;
}
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__list dt {
    padding-bottom: 6px !important;
    color: #535353 !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
}
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__list dd,
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__list > div > span[data-wb-live-delivery-price] {
    color: #1b1b1b !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__total > span {
    display: block;
    margin-bottom: 6px !important;
    color: #535353 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-basket-summary__total > strong {
    display: block;
    color: #211d24 !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
}
/* Preserve the miniShop3 hidden update nodes without changing their IDs or values. */
body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-order-summary .wb-ms3-hidden-sinks {
    display: none !important;
    visibility: hidden !important;
}
@media (max-width: 767.98px) {
    body.wb-order-page .wb-order-main .wb-order-content > section.wb-order-auth-card {
        padding: 18px 16px !important;
    }
    body.wb-order-page .wb-order-main .wb-order-sidebar > section.wb-basket-summary.wb-order-summary {
        padding: 18px 16px !important;
    }
}
