/* ============ CHECKOUT ============
 * Extracted from custom.css at Lot 5f (2026-04-24).
 * Desktop checkout funnel styles (body#checkout, step-title, step-number, address-item,
 * info-order .btn-primary, keep-going-container, delivery textarea, payment-options).
 * Loaded at priority 60 (after alter-tokens at 50, before alter-account at 70).
 * See docs/theme-dev/DECISION_LOG.md D-001 (split desktop Option C) and D-005 (BP routine).
 */
body#checkout section.checkout-step .step-title,body#checkout section.checkout-step.-complete:first-of-type .step-title {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 32px;
    padding: 32px 16px;
}

body#checkout section.checkout-step {
    background: none;padding: 0;
}

#checkout .info-order {
    background-color: var(--as-white);
    border-radius: 8px;
    padding: 0
}

body#checkout section.checkout-step.-reachable.-current .step-number {
    background-color: var(--as-success);
    color: var(--as-grey-900);width: 35px;height: 35px;margin: 0;
}

body#checkout section.checkout-step .step-title, body#checkout section.checkout-step.-complete:first-of-type .step-title,#checkout a.add-address, #checkout #checkout-personal-information-step .content a, #cta-terms-and-conditions-0, #checkout .js-show-details,body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address,body#checkout section.checkout-step .add-address a
{

    font-size: 16px;

    color: var(--as-grey-900)!important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 12px;font-weight: 500;
    text-decoration-color:  var(--as-amaranth);
}
#checkout .content .identity{margin-bottom: 32px}
#checkout #checkout-personal-information-step form{text-align: center}
body#checkout section.checkout-step .content{padding: 32px}
#checkout #checkout-personal-information-step .content a:hover, #cta-terms-and-conditions-0:hover, #checkout .js-show-details:hover {
    text-decoration: none;
    color: var(--as-grey-900)
}

#checkout .done {
    color: var(--as-grey-900);background-color: var(--as-success);text-align: center;border-radius: 50%;margin: 0;/* left-align the completed-step check in the flex .step-title (auto margins would absorb the free space and center it, misaligning vs the active step-number) */
    width: 35px;
    height: 35px;
    line-height: 35px;padding: 0    ;
}
body#checkout section.checkout-step .address-item{border-radius: 8px;}
body#checkout section.checkout-step .address-item.selected {
    border:none;background: var(--as-success);
}
body#checkout section.checkout-step .address-footer{padding: 24px 0 32px 0}


#checkout .address:hover {
    text-decoration: none
}

body#checkout section.checkout-step .address-item > header {
    min-height: 140px
}

#checkout .info-order .btn-primary,#contact .btn-primary {
    background: var(--as-amaranth);
    font-weight: 500;
    font-size: 16px;
    width: 350px;
    border-radius: 8px;
    max-width: 100%;
    min-height: 50px
}
#checkout .keep-going-container {
    display: flex;
    justify-content: center;margin-top: 36px;
}
body#checkout #delivery textarea{margin: 0}
body#checkout section.checkout-step .payment-options .payment-option{margin: 32px 0}

/* ============ CHECKOUT — MOBILE ============
 * Appended at Lot 5f-mobile-account-checkout (2026-04-24).
 * Extracted from custom.css @media max-width 991.98px block (CHECKOUT MOBILE).
 * Responsive override on checkout step titles.
 * See DECISION_LOG.md D-009 (no nested block-comment delimiters in mobile append headers).
 */
@media (max-width: 991.98px) {
    body#checkout section.checkout-step .step-title, body#checkout section.checkout-step.-complete:first-of-type .step-title{font-size: 19px}
}