.elementor-5258 .elementor-element.elementor-element-668991e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* ============================================================
   ACCOUNT DASHBOARD - CUSTOM CSS (CLEANED UP)
   ============================================================
   This replaces the previous CSS in full. Paste this into:
   Elementor > Account Dashboard page > Page Settings > Advanced > Custom CSS

   Remember: this also requires the companion JavaScript snippet
   in Elementor > Custom Code (see notes at the bottom of this file).
   ============================================================ */


/* ============================================================
   1. NAVIGATION TABS (Subscriptions / Edit Profile / Payments)
   ============================================================ */

.pms-account-navigation li.pms-account-navigation-link a {
    color: #424A52 !important;
    opacity: 0.8;
    text-decoration: none !important;
    padding-bottom: 8px;
    display: inline-block;
    font-weight: 400;
    box-shadow: inset 0 0 0 0 #044973;
    transition: color 0.2s ease, box-shadow 0.25s ease;
}

.pms-account-navigation li.pms-account-navigation-link a:hover,
.pms-account-navigation li.pms-account-navigation-link a.pms-account-navigation-link--active {
    color: #044973 !important;
    opacity: 1;
    box-shadow: inset 0 -2px 0 0 #044973;
}

/* Logout link is duplicated in the main site menu, so hide it here */
.pms-account-navigation-link--logout {
    display: none !important;
}

.pms-form-design-wrapper .pms-account-navigation {
    margin-bottom: 15px !important;
}


/* ============================================================
   2. "NO SUBSCRIPTION" REGISTER LINK
   ============================================================ */

.pms-register-page-link {
    color: #D10373 !important;
    font-weight: 400;
    text-decoration: none;
}

.pms-register-page-link:hover {
    color: #D10373 !important;
    background: yellow;
    text-decoration: underline;
}


/* ============================================================
   3. SUBSCRIPTION DETAILS TABLE - LAYOUT
   ============================================================ */

.pms-form-design-wrapper .pms-account-subscription-details-table {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    border-collapse: separate;
}

.pms-form-design-wrapper .pms-account-subscription-details-table td,
.pms-form-design-wrapper #pms-payment-history td {
    padding: 10px 0;
    color: #424A52;
}

.pms-form-design-wrapper #pms-payment-history {
    border: none !important;
}


/* ============================================================
   4. EDIT PROFILE LINK (this is a real submit button styled as text)
   ============================================================ */

.pms-form-design-wrapper input[name="pms_edit_profile"] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    height: auto !important;
    color: #D10373 !important;
    font-weight: 500 !important;
    font-size: 16px;
    text-decoration: none !important;
    cursor: pointer;
}

.pms-form-design-wrapper input[name="pms_edit_profile"]:hover,
.pms-form-design-wrapper input[name="pms_edit_profile"]:active {
    background: yellow !important;
    color: #D10373 !important;
    text-decoration: underline !important;
}


/* ============================================================
   5. SUCCESS MESSAGE BANNER
   ============================================================ */

.pms_success-messages-wrapper {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
    text-align: center;
}

.pms_success-messages-wrapper p {
    background-color: #d0e3cd !important;
    color: #424A52 !important;
    border: 1.5px solid #044973 !important;
    border-radius: 30px !important;
    padding: 14px 22px !important;
    margin: 0 auto;
    display: inline-flex;
    justify-content: center;
    line-height: 1.4;
}

.pms_success-messages-wrapper p::before {
    content: none !important;
    display: none !important;
}

.pms_success-messages-wrapper .pms-notice-title {
    color: #424A52 !important;
    margin-right: 12px;
}


/* ============================================================
   6. CANCEL CONFIRMATION SCREEN (Confirm / Go Back buttons)
   These are real submit buttons styled as plain text links.
   ============================================================ */

.pms-form-design-wrapper input[name="pms_confirm_cancel_subscription"],
.pms-form-design-wrapper input[name="pms_redirect_back"] {
    display: inline-flex;
    align-items: center;
    padding: 0 !important;
    margin: 0 12px 0 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    height: auto !important;
    appearance: none;
    -webkit-appearance: none;
    color: #D10373 !important;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
}

.pms-form-design-wrapper input[name="pms_confirm_cancel_subscription"]:hover,
.pms-form-design-wrapper input[name="pms_confirm_cancel_subscription"]:active,
.pms-form-design-wrapper input[name="pms_redirect_back"]:hover,
.pms-form-design-wrapper input[name="pms_redirect_back"]:active,
.pms-form-design-wrapper input[name="pms_redirect_back"]:focus {
    background: yellow !important;
    color: #D10373 !important;
    text-decoration: underline !important;
}


/* ============================================================
   7. PAYMENT METHOD TABLE LINKS (e.g. "Update")
   ============================================================ */

.pms-form-design-wrapper table.pms-account-subscription-details-table a {
    color: #D10373 !important;
    text-decoration: none;
    font-weight: 500;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table a:hover {
    color: #D10373 !important;
    background-color: yellow !important;
    text-decoration: underline;
}

.pms-form-design-wrapper table.pms-account-subscription-details-table a:not(:hover) {
    background: none !important;
    text-decoration: none !important;
}


/* ============================================================
   8. MAIN ACTION BUTTONS (solid background style)
   Update Payment Method / Change Subscription Type / Renew (the
   real plugin submit buttons that appear on sub-pages, not the
   Dashboard summary table)
   ============================================================ */

.pms-form-design-wrapper input[name="pms_update_payment_method"],
.pms-form-design-wrapper input[name="pms_change_subscription"],
.pms-form-design-wrapper input[name="pms_renew_subscription"] {
    background-color: #044973 !important;
    color: #89F684 !important;
    -webkit-text-fill-color: #89F684 !important;
    border: none !important;
    border-radius: 25px;
    padding: 12px 26px;
    font-weight: 600 !important;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pms-form-design-wrapper input[name="pms_update_payment_method"]:hover,
.pms-form-design-wrapper input[name="pms_change_subscription"]:hover,
.pms-form-design-wrapper input[name="pms_renew_subscription"]:hover {
    background-color: #89F684 !important;
    color: #424A52 !important;
    -webkit-text-fill-color: #424A52 !important;
}


/* ============================================================
   9. PAYMENT GATEWAY OPTIONS - hide PayPal, keep Stripe only
   ============================================================ */

#pms-paygates-wrapper {
    display: none !important;
}

#pms-stripe-connect li:first-child {
    display: none !important;
}


/* ============================================================
   10. DASHBOARD SUMMARY TABLE - RENEW / CHANGE / CANCEL LINKS
   ============================================================
   IMPORTANT: The PMS plugin applies its own default styling
   (a purple pill-button look) to these three links specifically
   when rendered via the [pmsc_account_dashboard] shortcode, and
   this could not be reliably overridden with CSS alone (browser
   :visited/:focus restrictions + plugin specificity).

   SOLUTION: the JavaScript snippet (see bottom of this file)
   hides the plugin's original Renew/Change/Cancel links and
   inserts new, identically-linked replacement links with the
   class "pms-custom-action-link". The rules below hide the
   originals and style the replacements.
   ============================================================ */

/* Hide the plugin's original links (replaced by JS below) */
html body .pms-form-design-wrapper table.pms-account-subscription-details-table
tr.pms-account-subscription-details-table__actions
td:last-of-type a.pms-account-subscription-action-link.pms-account-subscription-action-link__renew,
html body .pms-form-design-wrapper table.pms-account-subscription-details-table
tr.pms-account-subscription-details-table__actions
td:last-of-type a.pms-account-subscription-action-link.pms-account-subscription-action-link__change,
html body .pms-form-design-wrapper table.pms-account-subscription-details-table
tr.pms-account-subscription-details-table__actions
td:last-of-type a.pms-account-subscription-action-link.pms-account-subscription-action-link__cancel {
    display: none !important;
}

/* Style the replacement links created by the JavaScript */
.pms-custom-action-link {
    color: #D10373 !important;
    text-decoration: none !important;
    font-weight: 500;
    font-size: 16px;
    margin-right: 10px;
}

.pms-custom-action-link:hover {
    background: yellow !important;
    text-decoration: underline !important;
}/* End custom CSS */