//
// OpenMage
//
// This source file is subject to the Academic Free License (AFL 3.0)
// that is bundled with this package in the file LICENSE_AFL.txt.
// It is also available at https://opensource.org/license/afl-3-0-php
//
// @category    design
// @package     rwd_default
// @copyright   Copyright (c) 2006-2020 Magento, Inc. (https://www.magento.com)
// @copyright   Copyright (c) 2022 The OpenMage Contributors (https://www.openmage.org)
// @license     https://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
//

/* ============================================ *
 * Billing Agreements
 * ============================================ */

.billing-agreements {
    .info-box {
        margin-bottom: $trim;

        &:after {
            @include clearfix;
        }

        .form-list {
            max-width: 400px;
            width: 100%;
        }

        .box-title {
            margin-top: $box-spacing-large;
            margin-bottom: $element-spacing;
        }

        .button {
            float: right;
            margin-top: $element-spacing;

            @include bp(max-width, $bp-xsmall) {
                width: 100%;
                float: none;
            }
        }
    }

    #payment_method {
        width: 100%;
        margin-top: $element-spacing;
        margin-bottom: $element-spacing;
    }
}

.billing-agreement-view-header-wrapper {
    .heading {
        max-width: 80%;

        @include bp(max-width, $bp-xsmall) {
            max-width: 100%;
        }
    }
}

.billing-agreement-details {
    td, th {
        padding: $element-spacing/2;
    }
}

@include bp(max-width, $bp-large) {
    .billing-agreements {
        .data-table {
            .created-at,
            .updated-at {
                display: none;
            }
        }
    }
}
