.elementor-572 .elementor-element.elementor-element-7338491{--display:flex;--min-height:calc(100svh - 80px);--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;--padding-top:5rem;--padding-bottom:5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-572 .elementor-element.elementor-element-7338491.e-con{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-572 .elementor-element.elementor-element-1123769.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}@media(max-width:767px){.elementor-572 .elementor-element.elementor-element-7338491{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for container, class: .elementor-element-7338491 */.elementor-widget-jet-myaccount-content {
    width: 100% !important;
    max-width: 1000px !important;
}

.elementor-jet-myaccount-content.jet-woo-builder
.woocommerce-address-fields
.form-row > label,
.elementor-jet-myaccount-content.jet-woo-builder
.woocommerce-address-fields
.form-row > label.required_field{
  color: var(--e-global-color-e3265a9) !important;

  font-family: var(--e-global-typography-b87995f-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-b87995f-font-size) !important;
  font-weight: var(--e-global-typography-b87995f-font-weight) !important;
  line-height: var(--e-global-typography-b87995f-line-height) !important;

  margin: 0 !important;
  padding: 0 0 4px 0 !important;
  text-align: left !important;
}

/* Optional: keep the required asterisk aligned and inheriting color */
.elementor-jet-myaccount-content.jet-woo-builder
.woocommerce-address-fields
.form-row > label .required{
  color: inherit !important;
}

.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .input-text {
    color: var(--e-global-color-text) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--e-global-color-primary) !important;
    color: #fff !important;
}

.select2-container .select2-selection .select2-selection__rendered {
    color: var(--e-global-color-text) !important;
    font-family: var(--hr-wc-field-font) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: var(--e-global-color-text) !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-kit-9 h2 {
    font-family: var(--e-global-typography-80a0ba0-font-family), Sans-serif;
    font-size: var(--e-global-typography-80a0ba0-font-size);
    font-weight: var(--e-global-typography-80a0ba0-font-weight);
    line-height: var(--e-global-typography-80a0ba0-line-height);
    color: var(--e-global-color-text);
    margin: 0px 0px 0px 0px;
    text-align: left;
}

/* =========================================================
   HR WooCommerce Account Address Fields (Captured + Variable Driven)
   Applies to:
   - Elementor Jet Woo Builder My Account content area
   - WooCommerce edit address forms

   Captured base values (from JFB snapshot you provided)
   - background-color: rgb(250, 250, 250)
   - border: 2px solid rgb(233, 234, 235)
   - border-radius: 8px
   - padding-left: 16px
   - padding-top: 8px
   ========================================================= */

.elementor-jet-myaccount-content.jet-woo-builder{
  --hr-wc-field-font: Manrope, sans-serif !important;

  --hr-wc-field-bg: rgb(250, 250, 250) !important;
  --hr-wc-field-border: rgb(233, 234, 235) !important;

  --hr-wc-field-text: var(--e-global-color-e3265a9) !important;
  --hr-wc-field-placeholder: rgba(113,118,128,0.90) !important;

  --hr-wc-field-border-width: 2px !important;
  --hr-wc-field-radius: 8px !important;
  --hr-wc-field-pad-x: 16px !important;
  --hr-wc-field-pad-y: 8px !important;

  --hr-wc-field-border-focus: var(--e-global-color-primary) !important;
  --hr-wc-field-focus-shadow: 0 0 0 3px rgba(0,0,0,0.08) !important;

  --hr-wc-field-trans: 140ms ease !important;
}

/* 1) Standard WooCommerce inputs */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .input-text,
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields select{
  font-family: var(--hr-wc-field-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  color: var(--e-global-color-text) !important;
  background-color: var(--hr-wc-field-bg) !important;

  border-style: solid !important;
  border-width: var(--hr-wc-field-border-width) !important;
  border-color: var(--hr-wc-field-border) !important;
  border-radius: var(--hr-wc-field-radius) !important;

  padding-top: var(--hr-wc-field-pad-y) !important;
  padding-bottom: var(--hr-wc-field-pad-y) !important;
  padding-left: var(--hr-wc-field-pad-x) !important;
  padding-right: var(--hr-wc-field-pad-x) !important;

  box-shadow: none !important;
  outline: none !important;

  transition:
    border-color var(--hr-wc-field-trans),
    box-shadow var(--hr-wc-field-trans),
    background-color var(--hr-wc-field-trans) !important;
}

/* 2) Hover */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .input-text:hover,
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields select:hover{
  border-color: color-mix(in srgb, var(--hr-wc-field-border) 70%, #0f172a 30%) !important;
}

/* 3) Focus */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .input-text:focus,
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields select:focus{
  border-color: var(--hr-wc-field-border-focus) !important;
  box-shadow: var(--hr-wc-field-focus-shadow) !important;
}

/* 4) Placeholder */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .input-text::placeholder{
  color: var(--hr-wc-field-placeholder) !important;
  opacity: 1 !important;
}

/* 5) Kill extension injected icons (chrome-extension://...) */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .input-text{
  background-image: none !important;
}

/* =========================================
   Billing Address – Save Address Button
   Styled to match Address "Edit" button
   ========================================= */

.elementor-jet-myaccount-content.jet-woo-builder
form
button.button[name="save_address"]{
  background-color: var(--e-global-color-605aa90) !important;

  font-family: var(--e-global-typography-58993d4-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-58993d4-font-size) !important;
  font-weight: var(--e-global-typography-58993d4-font-weight) !important;
  line-height: var(--e-global-typography-58993d4-line-height) !important;

  color: var(--e-global-color-text) !important;
  fill: var(--e-global-color-text) !important;

  border-style: solid !important;
  border-width: 1px !important;
  border-color: var(--e-global-color-text) !important;

  border-radius: 50px !important;
  padding: 0.5rem 2rem !important;

  transition: all 0.3s ease !important;

  cursor: pointer !important;
  text-decoration: none !important;
  
  margin-top: 1rem;
}

/* Hover / focus state */
.elementor-jet-myaccount-content.jet-woo-builder
form
button.button[name="save_address"]:hover,
.elementor-jet-myaccount-content.jet-woo-builder
form
button.button[name="save_address"]:focus{
  background-color: var(--e-global-color-dc4b922) !important;
  color: var(--e-global-color-0338b53) !important;
  border-color: var(--e-global-color-dc4b922) !important;
  outline: none !important;
}

/* Safety: prevent Woo visited state weirdness */
.elementor-jet-myaccount-content.jet-woo-builder
form
button.button[name="save_address"]:visited{
  color: var(--e-global-color-text) !important;
}


/* =========================================================
   Select2 (Country / State)
   Woo uses Select2 which renders a fake control:
   .select2-selection--single is what you see, NOT the <select>
   ========================================================= */

.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .select2-container .select2-selection--single{
  font-family: var(--hr-wc-field-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;

  color: var(--e-global-color-text) !important;
  background-color: var(--hr-wc-field-bg) !important;

  border-style: solid !important;
  border-width: var(--hr-wc-field-border-width) !important;
  border-color: var(--hr-wc-field-border) !important;
  border-radius: var(--hr-wc-field-radius) !important;

  padding-top: var(--hr-wc-field-pad-y) !important;
  padding-bottom: var(--hr-wc-field-pad-y) !important;

  /* Select2 uses internal padding rules, so we set left padding on the rendered text */
  box-shadow: none !important;
  outline: none !important;

  transition:
    border-color var(--hr-wc-field-trans),
    box-shadow var(--hr-wc-field-trans),
    background-color var(--hr-wc-field-trans) !important;
}

/* Select2 rendered label padding */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .select2-container .select2-selection__rendered{
  padding-left: var(--hr-wc-field-pad-x) !important;
  padding-right: calc(var(--hr-wc-field-pad-x) + 22px) !important;
  line-height: 1.6 !important;
}

/* Focus and open state */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .select2-container--default.select2-container--focus .select2-selection--single,
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single{
  border-color: var(--hr-wc-field-border-focus) !important;
  box-shadow: var(--hr-wc-field-focus-shadow) !important;
}

/* Arrow styling stays minimal */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-address-fields .select2-selection__arrow{
  right: 10px !important;
}/* End custom CSS */
/* Start custom CSS *//**
 * (Script) WooPayments Add Payment Method – Stripe Elements iframe detection + Appearance override with cache reset hook
 *
 * Purpose
 * - Restyle WooCommerce payment containers and WooPayments (Stripe) Elements UI to match the Elementor global design system.
 * - Override default WooCommerce payment box visuals, normalize typography, and align form controls with site-wide tokens.
 *
 * Scope
 * - Visual styling only (CSS). Applies to:
 *   - WooCommerce payment sections on Add Payment Method, Cart, and Checkout contexts.
 *   - WooPayments (Stripe) Elements rendered markup classes (for example .Label, .Input, .TermsText).
 *   - My Account payment methods empty state and the place order button inside the JetWooBuilder My Account template.
 *
 * Dependencies
 * - WooCommerce core markup for #payment, .payment_box, .wc_payment_methods, and related body.elementor-page-572s.
 * - WooPayments (WooCommerce Payments) Stripe Elements classnames (for example .Label, .Input, .p-FauxInput, .TermsText).
 * - Elementor global design tokens (var(--e-global-...)) and JetWooBuilder wrapper body.elementor-page-572s.
 *
 * Explicit non responsibilities
 * - Does not modify payment gateway availability, selection logic, validation, or submission behavior.
 * - Does not change Stripe Elements configuration, appearance API settings, or iframe internals (cannot, by design).
 * - Does not manage cache invalidation, iframe detection, or any JavaScript “hook” behavior (this is CSS only).
 * - Does not address accessibility beyond visual affordances already implied by WooCommerce and browser defaults.
 */

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    /* Target: WooCommerce payment container across Add Payment Method, Cart, and Checkout pages. */
    /* Business intent: remove Woo default panel background and apply a branded bordered card treatment. */
    /* Non responsibility: does not affect gateway ordering or whether #payment renders at all. */
    background: none !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: var(--e-global-color-2586965) !important;
    border-radius: 16px 16px 16px 16px !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    /* Target: WooCommerce “payment_box” disclosure panel (the expanded description under a payment method). */
    /* Business intent: flatten the box so gateway descriptions read like inline content, not a shaded callout. */
    /* Non responsibility: does not control whether Woo expands/collapses the payment_box. */
    background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.payment_method_woocommerce_payments label {
    /* Target: label text for the WooPayments gateway row (method title). */
    /* Business intent: match typography system used elsewhere in checkout to keep the gateway list consistent. */
    /* Non responsibility: does not change radio/button hit area or gateway selection behavior. */
    font-size: var(--e-global-typography-f609754-font-size);
    line-height: var(--e-global-typography-f609754-line-height);
    letter-spacing: var(--e-global-typography-f609754-letter-spacing);
    word-spacing: var(--e-global-typography-f609754-word-spacing);
}

#payment .payment_box {
    /* Target: all payment_box content within the #payment region (all gateways). */
    /* Business intent: normalize gateway description typography and color to site readable text standards. */
    /* Non responsibility: does not translate, truncate, or alter gateway-provided strings. */
    font-size: var(--e-global-typography-3d7fba5-font-size) !important;
    line-height: var(--e-global-typography-3d7fba5-line-height) !important;
    letter-spacing: var(--e-global-typography-3d7fba5-letter-spacing) !important;
    word-spacing: var(--e-global-typography-3d7fba5-word-spacing) !important;
    color: var(--e-global-color-e3265a9) !important;
    font-family: var(--e-global-typography-3d7fba5-font-family), Sans-serif !important;
    font-weight: var(--e-global-typography-3d7fba5-font-weight) !important;
}

#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
    /* Target: the gateway selection input (typically radio) inside the payment method list. */
    /* Business intent: align spacing between input control and label text with the rest of the form rhythm. */
    /* Non responsibility: does not change input type, name, or checked state logic. */
    margin: 0 1em 0 0;
}

.woocommerce-checkout ul.wc_payment_methods input[type="radio"].input-radio:checked {
    /* Target: checked state for WooCommerce payment method radios on Checkout. */
    /* Business intent: apply brand primary border color so “selected” state is visually obvious. */
    /* Risk note: relies on Woo adding .input-radio class and markup not being replaced by a plugin. */
    border-color: var(--e-global-color-primary) !important;
    background: #fff !important;
}

.woocommerce-checkout ul.wc_payment_methods input[type="radio"].input-radio {
    /* Target: base styling for gateway radio controls on Checkout. */
    /* Business intent: replace inconsistent browser defaults with a consistent, minimal control footprint. */
    /* Technical note: appearance:none removes the native radio UI, so any custom “inner dot” is not provided here. */
    /* Non responsibility: does not add a pseudo-element to draw the checked indicator; that must exist elsewhere if desired. */
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    position: relative !important;
    vertical-align: middle !important;
    margin-right: 0.5rem !important;
    transition: all 0.2s ease-in-out !important;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    /* Target: WooCommerce default “speech bubble arrow” triangle on payment_box. */
    /* Business intent: remove the arrow so the payment_box reads as inline copy instead of a tooltip callout. */
    /* Non responsibility: does not change spacing above/below the payment_box itself. */
    display: none !important;
}

.Label {
    /* Target: Stripe Elements label class used by WooPayments’ embedded UI components. */
    /* Business intent: make embedded card field labels match the site’s label size and motion characteristics. */
    /* Risk note: .Label is generic and may collide with other libraries if present; scope is not restricted here. */
    margin-bottom: var(--p-spacing1);
    font-size: var(--fontSizeSm) !important;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;
    color: #111111 !important;
}

.Input, .p-FauxInput {
    /* Target: Stripe Elements input wrappers (real and faux) used inside the WooPayments UI. */
    /* Business intent: harmonize padding, border, radius, and shadow so the iframe-hosted payment UI matches the site forms. */
    /* Non responsibility: does not control field masking, validation, or tokenization inside Stripe Elements. */
    padding: 16px !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease !important;
    border: 1px solid #d1d5db !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02) !important;
}

.wc-payment-form {
    /* Target: WooCommerce wrapper around gateway-specific payment fields. */
    /* Business intent: remove extra framing so the visual “card” belongs to #payment, not nested wrappers. */
    /* Non responsibility: does not hide required fields or alter gateway field rendering. */
    border: none !important;
    padding: 0 !important;
}

#wcpay-upe-element, .wcpay-upe-element {
    /* Target: WooPayments UPE mount element (Unified Payment Experience). */
    /* Business intent: remove plugin defaults that add spacing so layout is controlled by surrounding template CSS. */
    /* Non responsibility: does not influence which payment methods appear inside UPE. */
    padding: 0 !important;
    margin-bottom: .5em;
}

.TermsText {
    /* Target: WooPayments/Stripe Elements terms and disclosure text class. */
    /* Business intent: match your body-small typographic token set for legal and helper copy consistency. */
    /* Non responsibility: does not change the terms content, links, or whether terms are displayed. */
    font-size: var(--e-global-typography-3d7fba5-font-size) !important;
    line-height: var(--e-global-typography-3d7fba5-line-height) !important;
    letter-spacing: var(--e-global-typography-3d7fba5-letter-spacing) !important;
    word-spacing: var(--e-global-typography-3d7fba5-word-spacing) !important;
    color: var(--e-global-color-e3265a9) !important;
    font-family: var(--e-global-typography-3d7fba5-font-family), Sans-serif !important;
    font-weight: var(--e-global-typography-3d7fba5-font-weight) !important;
}

/* =========================================
   My Account – Add Payment Method (Submit Button)
   Matches Address Edit / Save Address buttons
   ========================================= */

.elementor-jet-myaccount-content.jet-woo-builder
button#place_order.woocommerce-Button{
  /* Target: WooCommerce primary action button (place_order) when rendered inside JetWooBuilder My Account content. */
  /* Business intent: visually align payment method submission with your established “Address Edit / Save Address” CTA styling. */
  /* Non responsibility: does not change form submission endpoint, nonce handling, or loading states beyond CSS appearance. */
  background-color: var(--e-global-color-605aa90) !important;

  /* Typography: uses Elementor global typography token set to keep CTA consistent with the rest of the account UI. */
  font-family: var(--e-global-typography-58993d4-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-58993d4-font-size) !important;
  font-weight: var(--e-global-typography-58993d4-font-weight) !important;
  line-height: var(--e-global-typography-58993d4-line-height) !important;

  /* Text/icon color tokens: intended to match the theme “text” color used on button surfaces. */
  color: var(--e-global-color-text) !important;
  fill: var(--e-global-color-text) !important;

  /* Border treatment: explicit 1px outline to mirror other account buttons and maintain contrast on light backgrounds. */
  border-style: solid !important;
  border-width: 1px !important;
  border-color: var(--e-global-color-text) !important;

  /* Pill shape: matches other account CTAs and reads as a primary action without feeling like a hard block button. */
  border-radius: 50px !important;
  padding: 0.5rem 2rem !important;

  /* Interaction: soft transition for hover/focus visual affordance (no behavioral change). */
  transition: all 0.3s ease !important;

  cursor: pointer !important;
  text-decoration: none !important;

  /* Layout: inline-flex centers label text and supports optional icons without extra wrappers. */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* Spacing: separates CTA from preceding payment fields in the My Account layout. */
  margin-top: 1rem !important;
}

/* Hover / focus */
.elementor-jet-myaccount-content.jet-woo-builder
button#place_order.woocommerce-Button:hover,
.elementor-jet-myaccount-content.jet-woo-builder
button#place_order.woocommerce-Button:focus{
  /* Target: hover/focus visual feedback for the My Account place_order button. */
  /* Business intent: provide a clear interactive state consistent with other JetWooBuilder account controls. */
  /* Non responsibility: does not manage keyboard focus trapping or ARIA attributes; this only changes visuals. */
  background-color: var(--e-global-color-dc4b922) !important;
  color: var(--e-global-color-0338b53) !important;
  border-color: var(--e-global-color-dc4b922) !important;
  outline: none !important;
}

/* Disabled / loading state (Woo adds .disabled or [disabled]) */
.elementor-jet-myaccount-content.jet-woo-builder
button#place_order.woocommerce-Button:disabled,
.elementor-jet-myaccount-content.jet-woo-builder
button#place_order.woocommerce-Button.disabled{
  /* Target: WooCommerce disabled states during submission, validation failure, or gateway processing. */
  /* Business intent: communicate “not clickable” while preserving layout stability and avoiding full hide/show jumps. */
  /* Non responsibility: does not set disabled state; WooCommerce/WooPayments controls that via attributes/classes. */
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}


/* =========================================
   My Account – Payment Methods Empty State
   - Styles "No saved methods found."
   - Styles "Add payment method" like Address Edit button
   ========================================= */

/* 1) Message: .woocommerce-info typography matches Address-title h3 */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-info{
    /* Target: WooCommerce informational notice used for empty states, including “No saved methods found.” */
    /* Business intent: present empty state messaging as plain content (not a Woo notice banner) with your typographic hierarchy. */
    /* Non responsibility: does not change notice text content, conditions, or whether the empty state appears. */
    font-family: var(--e-global-typography-b6f3e37-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-b6f3e37-font-size) !important;
    font-weight: var(--e-global-typography-b6f3e37-font-weight) !important;
    line-height: var(--e-global-typography-b6f3e37-line-height) !important;
    color: var(--e-global-color-e3265a9) !important;

  /* Spacing: align with account section spacing rather than Woo default notice block spacing. */
  margin: 16px 0 0 0 !important;
  text-align: left !important;

  /* Neutralize Woo notice visuals to avoid double borders and background fills within your card layout. */
  /* Non responsibility: does not remove the element from the DOM; it only removes visible notice chrome. */
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Woo sometimes adds an icon via :before on notices */
.elementor-jet-myaccount-content.jet-woo-builder .woocommerce-info:before{
  /* Target: WooCommerce notice icon pseudo-element. */
  /* Business intent: keep the empty state clean and consistent with your account UI (no Woo iconography). */
  display: none !important;
}

/* 2) Button link: style like Address Edit button */
.elementor-jet-myaccount-content.jet-woo-builder a.button[href*="add-payment-method"]{
  /* Target: “Add payment method” link styled as a Woo button on the My Account payment methods page. */
  /* Business intent: make this CTA visually identical to other account CTAs to reduce UI inconsistency. */
  /* Non responsibility: does not change link destination, query args, or security checks. */
  background-color: var(--e-global-color-605aa90) !important;

  font-family: var(--e-global-typography-58993d4-font-family), Sans-serif !important;
  font-size: var(--e-global-typography-58993d4-font-size) !important;
  font-weight: var(--e-global-typography-58993d4-font-weight) !important;
  line-height: var(--e-global-typography-58993d4-line-height) !important;

  color: var(--e-global-color-text) !important;
  fill: var(--e-global-color-text) !important;

  border-style: solid !important;
  border-width: 1px !important;
  border-color: var(--e-global-color-text) !important;

  border-radius: 50px !important;
  padding: 0.5rem 2rem !important;

  transition: all 0.3s ease !important;

  cursor: pointer !important;
  text-decoration: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-top: 1rem !important;
}

/* Hover / focus */
.elementor-jet-myaccount-content.jet-woo-builder a.button[href*="add-payment-method"]:hover,
.elementor-jet-myaccount-content.jet-woo-builder a.button[href*="add-payment-method"]:focus{
  /* Target: hover/focus state for the “Add payment method” CTA link. */
  /* Business intent: consistent interaction feedback with the place_order button and other account actions. */
  /* Non responsibility: does not handle :active state or prevent navigation; link behavior remains standard. */
  background-color: var(--e-global-color-dc4b922) !important;
  color: var(--e-global-color-f5d2f7b) !important;
  border-color: var(--e-global-color-dc4b922) !important;
  outline: none !important;
}

/* Safety: visited state */
.elementor-jet-myaccount-content.jet-woo-builder a.button[href*="add-payment-method"]:visited{
  /* Target: visited state normalization so the CTA does not turn purple or inherit browser visited styling. */
  /* Business intent: maintain brand-consistent CTA color regardless of navigation history. */
  /* Non responsibility: does not disable browser history; only overrides the visual visited color. */
  color: var(--e-global-color-text);
}/* End custom CSS */