:root {
    --amazon-orange: #ff9900;
    --amazon-yellow: #ffd814;
    --amazon-yellow-hover: #f7ca00;
    --amazon-dark: #111111;
    --amazon-link: #0066c0;
    --amazon-gray: #565959;
    --amazon-border: #bbbfbf;
    --amazon-error: #ba0000;
    --amazon-focus-shadow: 0 0 3px 2px rgba(228, 121, 17, 0.5);
}

body {
    background-color: #fff;
    font-family: "Amazon Ember", Arial, sans-serif;
}

.amazon-login-page {
    background-color: #fff;
    min-height: 100vh;
}

.amazon-form-box {
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
}

.text-amazon-dark {
    color: var(--amazon-dark);
}

.text-amazon-link {
    color: var(--amazon-link);
    text-decoration: none;
}

    .text-amazon-link:hover {
        color: #c45500;
        text-decoration: underline;
    }

.amazon-input-field {
    height: 31px;
    padding: 3px 7px;
    line-height: normal;
    background-color: #fff;
    border: 1px solid var(--amazon-border);
    border-radius: 3px;
    outline: 0;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(0,0,0,.07);
    font-size: 13px;
    transition: all 0.1s linear;
    width: 100%;
}

    .amazon-input-field:focus {
        border-color: #e77600;
        box-shadow: var(--amazon-focus-shadow);
    }

.input-error-border {
    border-color: var(--amazon-error) !important;
    box-shadow: 0 0 0 3px rgba(196, 1, 1, 0.5) !important;
}

.btn-amazon-checkout {
    background: #ffd814;
    background: linear-gradient(to bottom, #f7dfa5, #f0c14b);
    border: 1px solid #a88734 !important;
    border-radius: 8px !important;
    color: #111 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
    padding: 4px 10px;
    font-size: 13px;
}

.label-small {
    font-size: 13px;
    padding-bottom: 2px;
}

.info-box {
    font-size: 12px;
    color: var(--amazon-gray);
}

/* Terms Modal Styling */
#TermsScrollBox {
    height: 300px;
    overflow-y: auto;
    padding: 15px;
    border: 1px solid #ddd;
    background: #fafafa;
    font-size: 13px;
    line-height: 1.6;
    color: #333;
}

.amazon-checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

/* Ensure the modal looks consistent with Amazon theme */
.modal-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #ddd;
}

.modal-footer {
    background-color: #f8f9fa;
    border-top: 1px solid #ddd;
}