:root {
    /* Color Primitives */
    --white-100: #ffffff;
    --orange-70: #ff8d52;
    --red-38: #b50810;
    --red-50: #e32d34;
    --gray-10: #151c28;
    --gray-41: #59607d;
    --gray-53: #767d99;
    --gray-66: #989fbb;
    --gray-83: #cacfe6;
    --gray-91: #e2e5f3;
    --gray-97: #f4f6fa;
    --indigo-19: #31216b;
    --indigo-26: #3b317e;
    --indigo-33: #45449b;
    --indigo-51: #6872cf;
    --indigo-58: #7785d8;
    --indigo-74: #aab2e7;
    --indigo-84: #ccd1f4;
    --indigo-97: #f5f7ff;
    --blue-71: #1ebbf0;
    --blue-74: #47cdf5;
    --blue-97: #e9faff;
    --green-62: #2bab35;
    --green-71: #45c54f;
    --green-78: #57d968;
    --green-92: #bef5c4;
    --yellow-73: #fb9f00;
    --yellow-76: #ffab00;
    --yellow-79: #ffb648;
    --yellow-98: #fffae0;
    --red-76: #ffa3aa;
    --red-97: #fff5f6;

    /* Semantic Colors */
    --surface-default: var(--white-100);
    --surface-secondary: var(--gray-97);
    --surface-tertiary: var(--gray-91);
    --surface-dark: var(--indigo-19);
    --surface-brand: var(--indigo-19);
    --surface-brand-hover: var(--indigo-26);
    --surface-brand-secondary: var(--yellow-76);
    --surface-brand-secondary-hover: var(--yellow-79);
    --surface-positive: var(--green-71);
    --surface-danger: var(--red-38);
    --surface-danger-hover: var(--red-50);
    
    --border-default: var(--gray-91);
    --border-brand: var(--indigo-19);

    --text-default: var(--gray-10);
    --text-secondary: var(--gray-41);
    --text-on-dark: var(--white-100);
    --text-brand: var(--indigo-19);
    --text-positive: var(--green-71);
    --text-danger: var(--red-50);

    /* Sizing */
    --radius-100: 4px;
    --radius-200: 8px;
    --radius-300: 12px;
    --radius-full: 9999px;

    --space-100: 4px;
    --space-200: 8px;
    --space-300: 12px;
    --space-400: 16px;
    --space-500: 24px;
    --space-600: 20px;
    --space-800: 32px;
    --space-1200: 40px;
    --space-1400: 56px;

    /* Typography Scale */
    --scale-01: 10px;
    --scale-02: 12px;
    --scale-03: 14px;
    --scale-04: 16px;
    --scale-05: 20px;
    --scale-06: 24px;
    --scale-07: 32px;
    --scale-08: 40px;
    --scale-09: 48px;

    /* Typography */
    --font-body-large: var(--scale-04);
    --font-button-medium: var(--scale-03);

    /* Shadows */
    --shadow-xs: 0px 1px 3px rgba(0, 0, 0, 0.2);
    --shadow-s: 0px 2px 6px rgba(0, 0, 0, 0.2);
    --shadow-m: 0px 5px 15px rgba(0, 0, 0, 0.2);
    --shadow-l: 0px 10px 24px rgba(0, 0, 0, 0.2);
    --shadow-xl: 0px 15px 35px rgba(0, 0, 0, 0.2);
}

/**********************/
/* Navigation */
/**********************/

.woocommerce-account .woocommerce-MyAccount-content:has(.subscription-cards-container) {
    width: 100% !important;
}

.page-title .breadcrumbs {
    color: var(--yellow-73) !important;
}

.woocommerce-MyAccount-navigation ul li a {
    background: var(--surface-default) !important;
    border-radius: var(--radius-200);
    color: var(--text-default);
    padding: var(--space-300) var(--space-400);
}

.woocommerce-MyAccount-navigation ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout) a {
    font-size: var(--font-body-large) !important;
    font-weight: 400;
    border: 1px solid var(--border-default);
    box-shadow: none;
}

.woocommerce-MyAccount-navigation ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout) a:hover {
    background: var(--surface-secondary) !important;
    border-color: var(--gray-83);
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: var(--surface-brand) !important;
    color: var(--text-on-dark);
    border-color: var(--surface-brand);
}

.woocommerce-MyAccount-navigation ul li:not(.woocommerce-MyAccount-navigation-link--customer-logout).is-active a:hover {
    background: var(--surface-brand-hover) !important;
    color: var(--text-on-dark);
    box-shadow: none;
    border-color: var(--surface-brand-hover);
}

.woocommerce-MyAccount-navigation ul li a i {
    width: 24px;
    text-align: center;
    font-size: 20px;
}

/**********************/
/* Buttons */
/**********************/

.woocommerce-button,
button[type="submit"] {
    border-radius: var(--radius-100) !important;
    padding: var(--space-300) var(--space-400) !important;
    font-weight: 600 !important;
    font-size: var(--font-button-medium) !important;
    text-transform: none !important;
    box-shadow: none !important;
    background: var(--surface-default) !important;
    color: var(--text-brand) !important;
    border: 1px solid var(--border-brand) !important;
}

.woocommerce-button:hover,
button[type="submit"]:hover {
    box-shadow: var(--shadow-s) !important;
}

/* Primary CTA */
.woocommerce-button.change_payment_method {
    background: var(--surface-brand) !important;
    color: var(--text-on-dark) !important;
    border: 1px solid var(--surface-brand) !important;
}

.woocommerce-button.change_payment_method:hover {
    background: var(--surface-brand-hover) !important;
    border-color: var(--surface-brand-hover) !important;
}

/* Secondary Yellow */
.woocommerce-button.button.pay,
.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce-button.button.reactivate,
.woocommerce-button.button.resubscribe,
button[name="save_address"],
button[name="save_account_details"],
button[type="submit"]  {
    background: var(--yellow-73) !important;
    color: var(--white-100) !important;
    border: 1px solid var(--yellow-73) !important;
}

.woocommerce-button.button.pay:hover,
.woocommerce-button.button.woocommerce-form-login__submit:hover,
.woocommerce-button.button.reactivate:hover,
.woocommerce-button.button.resubscribe:hover,
button[name="save_address"]:hover,
button[name="save_account_details"]:hover,
button[type="submit"]:hover  {
    background: var(--yellow-76) !important;
    border-color: var(--yellow-76) !important;
    color: var(--white-100) !important;
}

/* Secondary Alt */
.woocommerce-button.button.view,
.woocommerce-button.button.pdf,
.woocommerce-button.button.cancel,
.woocommerce-button--next,
.woocommerce-button--previous {
    background: var(--surface-default) !important;
    color: var(--text-brand) !important;
    border: 1px solid var(--border-brand) !important;
    box-shadow: none !important;
}

.woocommerce-button.button.view:hover,
.woocommerce-button.button.pdf:hover,
.woocommerce-button.button.cancel:hover,
.woocommerce-button--next:hover,
.woocommerce-button--previous:hover {
    background: var(--surface-secondary) !important;
    box-shadow: none !important;
}

/* Destructive */
.woocommerce-button.button.cancel-destructive {
    background: var(--red-50) !important;
    color: var(--text-on-dark) !important;
    border: 1px solid var(--red-50) !important;
}

.woocommerce-button.button.cancel-destructive:hover {
    background: var(--surface-danger-hover) !important;
    border-color: var(--surface-danger-hover) !important;
}

/**********************/
/* Login Page */
/**********************/

input[name="username"], input[name="password"], input[name="user_login"] {
    max-width: 400px;
    color: var(--text-default);
    background-color: var(--surface-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-100);
    padding: var(--space-200) var(--space-300);
}

form.lost_reset_password {
    padding: 0px !important;
    background-color: var(--surface-default) !important;
}

.user-pass-wrap {
    display: block !important;
}
.spinner {
    display: inline-block;
    width: var(--scale-02   );
    height: var(--scale-02);
    border: 2px solid var(--white-100);
    border-top: 2px solid var(--yellow-98);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: var(--space-200);
	margin-right: var(--space-200);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#login-button:disabled {
    opacity: 0.5;
}

/**********************/
/* Page title */
/**********************/

.logged-in .site-header-new {
    margin-top: 0px !important;
}

.page-title.solid-bg {
    background-color: var(--surface-default) !important;
    padding-top: var(--space-1200);
}

.page-title .hgroup {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.page-title .wf-wrap {
    padding-bottom: 0px !important;
    background-image: url('/wp-content/uploads/Group-811.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    max-width: 1130px;
    border-radius: var(--radius-200);
    padding: var(--space-800) !important;
    gap: var(--space-300);
}

.woocommerce-account .page-title h1 {
    -webkit-font-smoothing: auto;
    font-size: var(--scale-08);
    line-height: var(--space-1400);
    color: var(--white-100);
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 0px;
}

.aihr-my-account-subtitle {
    color: var(--white-100);
    font-size: var(--scale-03);
    line-height: var(--scale-06);
    max-width: 600px;
}

.aihr-my-account-header {
    width: 100%;
}

.aihr-my-account-header-text {
    float: left;
    display: flex;
    flex-direction: column;
    gap: var(--space-400);
}

.aihr-my-account-header-image {
    float: right;
    width: 220px;
    top: 40px;
    position: relative;
}

@media screen and (max-width: 990px) {
    .aihr-my-account-header-image {
        display: none;
    }
}

.aihr-my-account-header-image img {
    max-width: 100%;
    height: auto;
}

.page-title .breadcrumbs {
    color: var(--text-on-dark);
    opacity: 0.7;
    margin-bottom: var(--space-400);
    text-align: left;
}

.page-title .breadcrumbs a {
    color: var(--text-on-dark) !important;
    text-decoration: none;
}

.page-title .breadcrumbs .current {
    color: var(--yellow-73) !important;
}

@media (max-width: 1040px) {
    body.page-id-960 .page-title {
      padding: 20px;
    }
  }

/**********************/
/* Orders/Subscriptions Pages */
/**********************/

.subscription-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subscription-header__info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.subscription-header__actions {
    display: flex;
    gap: 10px;
}

.order-status--nowrap {
    white-space: nowrap;
}

.woocommerce-MyAccount-content .subscription-header h2 {
    margin-bottom: 0px;
}

.subscription-details-card table td:last-child,
.billing-details-card table td:last-child {
    text-align: right;
}

.subscription-cards-container {
    display: flex;
    gap: var(--space-800);
    margin-bottom: var(--space-800);
}

@media screen and (max-width: 990px) {
    .subscription-cards-container {
        flex-direction: column;
    }
}

.card {
	box-shadow: var(--shadow-m);
    border: none;
    border-radius: var(--radius-300);
    padding: var(--space-500);
    flex: 1;
    display: flex;
    flex-direction: column;
}

.card .subscription-actions {
    margin-top: auto;
    padding-top: 1em;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.subscription-product-total {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-600);
}

.subscription-product-total .product-name strong {
    font-size: 1.2em;
}

.subscription-product-total .product-total {
    font-size: 1.2em;
    color: var(--text-brand);
    font-weight: bold;
}

.order-card,
.subscription-card {
    box-shadow: var(--shadow-m);
    border: none;
    border-radius: var(--radius-300);
    margin-bottom: var(--space-600);
    padding: var(--space-500);
}

.order-card-data,
.subscription-card-data {
    margin-bottom: var(--space-200);
}

.order-card-actions,
.subscription-card-actions {
    display: flex;
    gap: var(--space-200);
}

.order-card-status,
.subscription-status {
    padding: var(--space-100) var(--space-200);
    border-radius: var(--radius-full);
    font-size: var(--scale-02);
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1;
}

.order-card-status.Processing,
.order-card-status.Completed,
.subscription-status.Active {
    color: var(--green-62);
    background-color: var(--green-92);
    border: 1px solid var(--green-78);
}

.order-card-status.Failed,
.order-card-status.Cancelled,
.subscription-status.Cancelled {
    color: var(--red-50);
    background-color: var(--red-97);
    border: 1px solid var(--red-76);
}

.order-card-status.Pending.payment,
.order-card-status.On.hold,
.subscription-status.On.hold,
.subscription-status.on-hold,
.subscription-status.Pending.Cancellation {
    color: var(--yellow-73);
    background-color: var(--yellow-98);
    border: 1px solid var(--yellow-76);
}

td {
    min-width: 100px;
    padding-left: 0 !important;
}

.subscription-cards-container td {
    vertical-align: top;
}

.woocommerce-orders-table__cell-order-actions {
    text-align: right;
}

strong {
    font-weight: 600 !important;
}

.subscription-details-card .woocommerce-Price-amount {
    font-weight: 600 !important;
    color: var(--indigo-19);
}

/**********************/
/* Billing Address & Account Details Page */
/**********************/

form.woocommerce-EditAccountForm.edit-account,
.woocommerce-address-fields {
    box-shadow: var(--shadow-m);
    border: none;
    border-radius: var(--radius-300);
    padding: var(--space-500);
}

.woocommerce-input-wrapper > input.input-text,
#select2-billing_country-container,
.woocommerce-Input.woocommerce-Input--email.input-text,
.woocommerce-Input.woocommerce-Input--password.input-text {
    color: var(--text-default);
    background-color: var(--surface-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-100);
    padding: var(--space-300) var(--space-400) !important;
}

.woocommerce-input-wrapper > .input-text:focus,
.woocommerce-Input.woocommerce-Input--email.input-text:focus,
.woocommerce-Input.woocommerce-Input--password.input-text:focus {
    border-color: var(--border-brand);
    box-shadow: 0 0 0 2px var(--indigo-84);
}

.woocommerce-invalid .input-text,
.woocommerce-invalid .select2-selection {
    border-color: var(--red-50) !important;
}

.woocommerce-address-fields__field-wrapper > p.form-row,
.woocommerce-EditAccountForm p.form-row {
    padding-bottom: 6px !important;
    margin-bottom: 0px !important;
}

.show-password-input {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-brand);
    background: none;
    border: none;
}

.password-input {
    position: relative;
    width: 100%;
}

.woocommerce-Input.woocommerce-Input--password.input-text {
    margin-bottom: 0px !important;
}

.show-password-input::after {
    font-family: 'Font Awesome 5 Free' !important;
    content: "\f06e" !important;
    font-weight: 400;
}

.show-password-input.display-password::after {
    content: "\f070" !important;
}

#student_details_field, 
#vat_number_field {
    margin-top: 16px;
    padding-top: 22px;
    border-top: var(--border-default) solid 1px;
}

.subscription-products {
    margin-top: 15px;
}

.subscription-products .grouped-product {
    margin-bottom: 10px;
}

.subscription-products .grouped-product-name {
    font-weight: 600;
    color: var(--text-brand);
}

.subscription-products .grouped-product-children {
    list-style: none;
    margin: 5px 0 0 20px;
    padding: 0;
}

.subscription-products .grouped-product-children li {
    color: var(--text-secondary);
    font-size: 0.9em;
    margin-bottom: 3px;
}

.subscription-products .product {
    margin-bottom: 5px;
    color: var(--text-brand);
}

.order-card-data,
.subscription-card-data {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.order-card-label,
.subscription-card-label {
    font-weight: bold;
    font-size: var(--scale-03);
}

.order-card-item-products,
.subscription-card-item-products {
    grid-column: 1 / -1;
}

.order-card-products-list,
.subscription-card-products-list {
    font-size: var(--scale-03);
    color: var(--text-secondary);
}

.order-card-item-status,
.subscription-card-item-status {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
}

a.woocommerce-button.button.view-all-subscriptions {
    margin-bottom: var(--space-800);
    display: inline-block;
    background: var(--surface-default) !important;
    color: var(--text-brand) !important;
    border: 1px solid var(--border-brand) !important;
    box-shadow: none !important;
}

a.woocommerce-button.button.view-all-subscriptions:hover {
    background: var(--surface-secondary) !important;
}

.subscription-banner,
.cancellation-banner,
.lifetime-cancelled-subscription-banner {
    border-radius: var(--radius-100);
    border-left: 3px solid var(--blue-71);
    background: var(--blue-97);
    box-shadow: var(--shadow-s);
    padding: var(--space-400);
    margin: var(--space-800) 0;
}

.yellow-banner {
    border-radius: var(--radius-100);
    border-left: 3px solid var(--yellow-76);
    background: var(--yellow-98);
    box-shadow: var(--shadow-s);
    padding: var(--space-400);
    margin-top: var(--space-800);
}

.green-banner {
    border-radius: var(--radius-100);
    border-left: 3px solid var(--green-71);
    background: var(--green-92);
    box-shadow: var(--shadow-s);
    padding: var(--space-400);
    margin-top: var(--space-800);
}

.cancel-explanation {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: var(--space-300) !important;
    font-size: var(--scale-03) !important;
    color: var(--text-secondary) !important;
    font-style: italic !important;
    line-height: 1.4 !important;
    order: -1 !important;
    flex-basis: 100% !important;
}

.card .subscription-actions:has(.cancel-explanation) {
    flex-wrap: wrap !important;
}

.woocommerce-button.disabled,
.woocommerce-button.button.disabled {
    pointer-events: none !important;
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: var(--gray-91) !important;
    color: var(--text-secondary) !important;
    border-color: var(--gray-83) !important;
}

/**********************/
/* Cancellation Flow */
/**********************/

.cancellation-modal {
    display: none; 
    position: fixed; 
    z-index: 9999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0,0,0,0.4); 
}

.cancellation-modal-content {
    background-color: var(--surface-default);
    margin: 5% auto;
    padding: 0;
    width: 90%;
    height: 90%;
    border-radius: var(--radius-200);
    display: flex;
    overflow: hidden;
    position: relative;
    border: none;
    box-shadow: var(--shadow-xl);
}

.modal-main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.modal-main-content h2 {
    margin-top: 0;
    margin-bottom: var(--space-500);
}

.modal-scrollable-content {
    flex-grow: 1;
    overflow-y: auto;
    padding: var(--space-1200);
    padding-top: var(--space-1400)
}

.modal-scrollable-content textarea,
.modal-scrollable-content select {
    width: 100%;
    border-radius: var(--radius-100);
    color: var(--the7-title-color);
}

.modal-image-content {
    flex: 1;
    background-color: var(--indigo-97);
    position: relative;
    padding: 0;
}

.modal-image-content-dots {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
}

.modal-image-content-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
}

.cancellation-modal-close {
    position: absolute;
    top: var(--space-400);
    right: var(--space-500);
    color: var(--gray-66);
    font-size: var(--scale-07);
    font-weight: bold;
    z-index: 10;
}

.cancellation-modal-close:hover,
.cancellation-modal-close:focus {
    color: var(--text-default);
    text-decoration: none;
    cursor: pointer;
}

#cancellation-survey-form ul {
    list-style-type: none;
    padding: 0;
    text-align: left;
}

#cancellation-survey-form li {
    margin-bottom: var(--space-300);
}

#cancellation-survey-form .cancellation-reason-dropdown-wrapper label,
#cancellation-survey-form .early-cancellation-explanation-wrapper label,
#cancellation-survey-form .cancellation-feedback-wrapper label {
    font-weight: 600;
    display: block;
    margin-bottom: var(--space-200);
}

.cancellation-error {
    color: var(--text-danger);
    font-size: var(--scale-03);
    margin-top: var(--space-200);
    text-align: left;
    margin-bottom: var(--space-300);
}

/* New Unified Modal Footer Styling */
.modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-500) var(--space-1200) ;
    border-top: 1px solid var(--border-default);
    box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
}

/* Specific alignment for the first modal's button */
#cancellation-survey-modal .form-actions {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.cancellation-modal-content .form-actions {
    display: flex;
    gap: var(--space-300);
}

.cancellation-modal-content .go-back {
    text-decoration: none;
    color: var(--blue-71);
    font-size: var(--scale-03);
    color: var(--text-secondary);
    display: flex;
    align-items: flex-start;
}

.go-back {
    font-size: var(--scale-03);
}

#cancellation-offer-modal .cancellation-modal-content p, 
#cancellation-second-offer-modal .cancellation-modal-content p {
    font-size: var(--scale-04);
    line-height: 1.5;
    text-align: left;
}

.price-comparison,
.offer-price-info {
    border-radius: var(--radius-100);
    border-left: 3px solid var(--blue-71);
    background: var(--blue-97);
    box-shadow: var(--shadow-s);
    padding: var(--space-400);
    margin: var(--space-800) 0;
}

.cancellation-offer-features {
    list-style: none;
    padding-left: 0;
    margin-top: 24px;
	text-align: left;
}

.cancellation-offer-features li {
    margin-bottom: 12px;
	display: flex;
    align-items: flex-start;
}

.cancellation-offer-features li::before {
    content: '✓';
    color: var(--text-positive);
    margin-right: 0.5em;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1;
    position: relative;
    top: 0.1em;
}

.cancellation-offer-features li.negative-feature::before {
    content: '×';
    color: var(--text-danger);
    top: 5px;
}

.cancellation-offer-features li.payment-deduction-feature::before {
    content: '!';
    color: var(--indigo-51);
    background: var(--indigo-84);
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
    font-weight: 700;
    top: 5px;
}

@media screen and (max-width: 990px) {
    .modal-image-content {
        display: none;
    }

    .cancellation-modal-content {
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 0;
    }
}

/* My Account - Subscription Cancellation Flow */
.cancellation-modal {
    display: none;
    position: fixed;
}

.form-actions .button.is-loading {
    position: relative;
    cursor: wait;
}

.form-actions .button.is-loading::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    vertical-align: middle;
    border: 2px solid var(--indigo-84);
    border-top-color: var(--surface-brand);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Price Calculation Breakdown Table */
.price-calculation-breakdown {
    margin: var(--space-400) 0;
    border-radius: var(--radius-100);
    overflow: hidden;
}

.calculation-step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-100) var(--space-400);
    border-bottom: 1px solid var(--border-subtle);
    background: var(--surface-primary);
}

.calculation-step:last-child {
    border-bottom: none;
}

.calculation-step.total-step {
    background: var(--blue-95);
    border-top: 2px solid var(--blue-71);
    font-weight: 600;
}

.calculation-step.floor-step {
    background: var(--amber-95);
    border-left: 3px solid var(--amber-60);
}

.step-value.negative {
    color: var(--text-positive);
}

.total-step .step-label,
.total-step .step-value {
    font-size: var(--scale-04);
    font-weight: 600;
}

.floor-explanation {
    margin: var(--space-100) 0;
}

.floor-explanation p {
    margin: 0;
}

.offer-discount-notice {
    margin-left: var(--space-400);
}

.pause-duration-selector {
    display: grid;
}

#pause_duration {
    width: 400px;
}

.woocommerce-MyAccount-content .subscription-cards-container:not(:first-child) {
    margin-top: var(--space-600);
}

.woocommerce-MyAccount-content .subscription-card {
  border-radius: var(--radius-400);
  border: 1px solid var(--gray-200);
}