/* =================================================
   AIVELLE CANCELLATION STATE POLISH
   Load after member-platform.css/member-profile.css.
================================================= */

html[data-membership-state="cancellation-scheduled"]
[data-membership-status],
html[data-membership-state="cancellation-scheduled"]
[data-profile-membership-status] {
    color: var(--accent, #c8a25a);
}

html[data-membership-state="ended"]
[data-membership-status],
html[data-membership-state="ended"]
[data-profile-membership-status] {
    color: rgba(255, 255, 255, 0.64);
}

html[data-membership-state="cancellation-scheduled"]
.membership-summary-card,
html[data-membership-state="ended"]
.membership-summary-card {
    transition:
        border-color 0.45s ease,
        background 0.45s ease;
}

html[data-membership-state="cancellation-scheduled"]
.membership-summary-card:nth-child(2) {
    border-color: rgba(200, 162, 90, 0.44);
    background: rgba(200, 162, 90, 0.045);
}

html[data-membership-state="ended"]
.membership-summary-card:nth-child(2) {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.018);
}