/*
 * Cancel action on YITH's subscription page in the customer area (SubscriptionView, KF9).
 * The button matches the size of YITH's yellow "Höheres Abonnement jetzt buchen" link
 * (13px, weight 500, 39px high, radius 4px) and stays a plain outline on the dark account page.
 */
.ywsbs-change-status-buttons-wrapper button.kew-cancel-subscription {
    display: inline-block;
    min-height: 39px;
    margin: 6px 0 0;
    padding: 7px 15px;
    border: 1px solid rgba(255, 255, 255, 0.75);
    border-radius: 4px;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 23.4px;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    cursor: pointer;
}

.ywsbs-change-status-buttons-wrapper button.kew-cancel-subscription:hover,
.ywsbs-change-status-buttons-wrapper button.kew-cancel-subscription:focus-visible {
    background: #fff;
    color: #181e2e;
}

.ywsbs-change-status-buttons-wrapper button.kew-cancel-subscription:focus-visible {
    outline: 2px solid #ffc107;
    outline-offset: 2px;
}

/*
 * Dialog. The modal box is white, but the account page is an Elementor "My account" widget whose
 * page-specific rules (".elementor-2063 .elementor-element-722c87ed button.button", "… .woocommerce strong",
 * "… .woocommerce a") paint text white or yellow and set buttons in 20px capitals. Their ids change
 * with every Elementor edit, so the contested properties are marked important instead of chasing them.
 */
.ywsbs-modal .ywsbs-modal-body .kew-cancel-question,
.ywsbs-modal .ywsbs-modal-body .kew-cancel-question p,
.ywsbs-modal .ywsbs-modal-body .kew-cancel-question strong {
    color: #181e2e !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

.ywsbs-modal .ywsbs-modal-body .kew-cancel-question p {
    margin: 0 0 8px !important;
}

.ywsbs-modal .ywsbs-modal-body .kew-cancel-question strong {
    font-weight: 700 !important;
}

.ywsbs-modal .ywsbs-modal-body button.kew-cancel-confirm,
.ywsbs-modal .ywsbs-modal-body a.kew-cancel-keep {
    display: inline-block;
    box-sizing: border-box;
    min-width: 220px;
    min-height: 39px;
    padding: 7px 16px !important;
    border: 1px solid #181e2e !important;
    border-radius: 4px !important;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 23.4px !important;
    letter-spacing: normal !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap;
    cursor: pointer;
}

.ywsbs-modal .ywsbs-modal-body button.kew-cancel-confirm {
    background: #181e2e !important;
    color: #fff !important;
}

.ywsbs-modal .ywsbs-modal-body a.kew-cancel-keep {
    background: #fff !important;
    color: #181e2e !important;
}

.ywsbs-modal .ywsbs-modal-body button.kew-cancel-confirm:hover,
.ywsbs-modal .ywsbs-modal-body a.kew-cancel-keep:hover {
    background: #2b3448 !important;
    color: #fff !important;
}