/* Gundam Mad panels use a grey background; keep their copy legible. */
.store-account-card p,
.store-account-card small,
.gm-account-area .widget p,
.gm-account-area .widget label {
    color: #fff;
}

.gm-account-area .widget .card {
    background: #fff;
    color: #212529;
}

.gm-account-area .widget .card p,
.gm-account-area .widget .card label {
    color: #212529;
}

.gm-account-area .sidebar_widget .card .trends a {
    color: #17365c;
}

.gm-account-area .sidebar_widget .card .trends a:hover,
.gm-account-area .sidebar_widget .card .trends a:focus {
    color: #0056b3;
    text-decoration: underline;
}

.gm-account-nav {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.gm-account-nav a {
    display: block;
    padding: 0.35rem 0.6rem;
    border-radius: 0.25rem;
    color: #fff;
    text-decoration: underline;
}

.gm-account-nav a:hover,
.gm-account-nav a:focus,
.gm-account-nav a[aria-current="page"] {
    background: #fff;
    color: #17365c;
}

.store-account-card .gm-account-nav {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

@media (max-width: 767px) {
    .gm-account-area .gm-account-nav {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* Give validation text its own surface instead of red text on grey. */
.store-account-card .validation-summary-errors,
.store-account-card .field-validation-error,
.gm-account-area .validation-summary-errors,
.gm-account-area .field-validation-error,
.gift-certificate-content .validation-summary-errors,
.gift-certificate-content .field-validation-error {
    display: block;
    margin: 0.35rem 0 0.75rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid #f5c6cb;
    border-radius: 0.25rem;
    background: #f8d7da;
    color: #721c24;
}

.store-account-card .validation-summary-errors p,
.store-account-card .validation-summary-errors li,
.gm-account-area .validation-summary-errors p,
.gm-account-area .validation-summary-errors li,
.gift-certificate-content .validation-summary-errors p,
.gift-certificate-content .validation-summary-errors li {
    color: #721c24;
}

.gm-account-area .validation-summary-errors ul,
.gift-certificate-content .validation-summary-errors ul {
    margin-bottom: 0;
}

.errorMessage.alert-danger p,
.gm-store-error.alert-danger h1,
.gm-store-error.alert-danger h2 {
    color: #721c24;
}