//------------------//
// Magsparrow - Lib //
//------------------//
// This library is required for all styles.
// Do not remove this.
$magsparrow-render-styles: false;
@import '../../../web/css/magsparrow-lib';
//------------------//

//
//  Sales Module Styles
//  ----------------------_

.email-summary {
    h1 {
        margin-bottom: $indent-xs;
    }
}

.email-summary {
    h1 {

    }
}
//
//  Order Summary
// ----------------------------------------------

.order-details {
    width: 100%;

    tr {
        > .address-details,
        > .method-info {
            padding: 1em;
            width: 50%;

            h3 {
                margin-top: 0;
            }
        }

        //  Prevent extra spacing on Payment & Shipping Method row
        & + .method-info {
            > td {
                padding: 0 0 1em;
            }
        }
    }

    .payment-method {
        margin-bottom: $indent-s;

        .title {
        }

        .data.table {
            > caption {
                display: none;
            }
        }
    }
}

//  Remove address and phone number link color on iOS
.address-details {
    .no-link a {
        color: $black;
        cursor: default !important;
        text-decoration: none !important;
    }
}

@include respond-to('lib-tweakpoints-small-range') {
    //  Stack columns
    .order-details {
        .address-details,
        .method-info {
            display: block;
            padding: 1em 0 !important;
            width: auto !important;

            h3 {
                margin-top: 0 !important;
                margin-bottom: $indent-xs !important;
            }
        }
    }
}

//
//  Shipment Tracking
// ----------------------------------------------

.shipment-track {
    @include responsive-table();
}

//
//  Items Table
// ----------------------------------------------

.email-items {
    @include responsive-table();

    p {
        margin-bottom: 0;
    }

    .product-name {
        margin-bottom: $email-content-padding-s;
    }

    .has-extra .sku {
        margin-bottom: $email-content-padding-base;
    }

    .item-info {
        dl {
            margin-bottom: 0;
            padding-left: $email-content-padding-m;

            dt,
            dd {
                margin-bottom: 0;
                padding-bottom: 0;
            }

            dd {
                padding-left: $email-content-padding-base;
            }
        }
    }

    .item-qty {
        text-align: center;
    }

    .item-price {
        text-align: right;
    }

    .item-extra {
        padding-top: 0;
    }

    .order-totals {
        > tr {
            > th {
            }

            > th,
            > td {
                padding: $email-content-padding-base;
                text-align: right;
            }

            & + tr {
                th,
                td {
                    padding-top: 0;
                }
            }
        }

        .price {
            white-space: nowrap;
        }
    }
}

@mixin email-non-inline() {
    .email-items {
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
    }
}
