/* Payment method icons in checkout */
.wc_payment_methods [class*="payment_method_paychef"] img {
    margin-left: 10px;
    max-height: 30px;
    max-width: 32px;
    vertical-align: middle;
}

img#paychef-heidipay,
img#paychef-powerpay {
    max-width: 75px;
}

.wc-block-components-radio-control__label img[id^="paychef"] {
    display: inline-flex;
    margin-right: 8px;
}

/* ======================================
   ACCOUNT PAGE STYLING
   ====================================== */

/* Main payment methods list - remove bullets */
.woocommerce-MyAccount-content .woocommerce-PaymentMethods {
    list-style: none;
    padding: 0;
}

/* Account page saved payment methods container */
.woocommerce-MyAccount-content .woocommerce-SavedPaymentMethods {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}


/* Existing payment methods (tokens) - with indentation */
.woocommerce-MyAccount-content .woocommerce-SavedPaymentMethods li.woocommerce-SavedPaymentMethods-token, .woocommerce-MyAccount-content .woocommerce-SavedPaymentMethods li.woocommerce-SavedPaymentMethods-new {
    margin: 10px 0 10px 30px;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f9f9f9;
    transition: background 0.3s ease;
}

.woocommerce-MyAccount-content .woocommerce-SavedPaymentMethods li.woocommerce-SavedPaymentMethods-token:hover, .woocommerce-MyAccount-content .woocommerce-SavedPaymentMethods li.woocommerce-SavedPaymentMethods-new:hover {
    background: #f0f0f0;
}

/* Style labels for existing tokens */
.woocommerce-MyAccount-content .woocommerce-SavedPaymentMethods li.woocommerce-SavedPaymentMethods-token label, .woocommerce-MyAccount-content .woocommerce-SavedPaymentMethods li.woocommerce-SavedPaymentMethods-new label {
    margin-left: 8px;
    cursor: pointer;
}


/* Payment method icons in account */
.woocommerce-account .woocommerce-PaymentMethods img,
.woocommerce-MyAccount-content .wc-saved-payment-methods img {
    max-height: 30px;
    max-width: 32px;
    vertical-align: middle;
    margin-left: 10px;
}

.woocommerce-account .woocommerce-PaymentBox .woocommerce-SavedPaymentMethods-token {
    display:none;
}

/* ======================================
   BLOCKS CHECKOUT TOKENIZATION STYLING
   ====================================== */

/* Saved payment methods section in blocks */
.wc-saved-payment-methods {
    margin: 15px 0;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
}

.wc-saved-payment-methods p {
    margin: 0 0 12px 0;
    font-weight: 500;
    color: #495057;
}

/* Radio button labels for saved tokens */
.wc-saved-payment-methods label {
    display: flex !important;
    align-items: center;
    margin-bottom: 8px !important;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wc-saved-payment-methods label:hover {
    background: #e9ecef;
    border-color: #adb5bd;
}

.wc-saved-payment-methods input[type="radio"] {
    margin-right: 8px !important;
    margin-top: 0 !important;
}

/* Save payment method checkbox styling */
.wc-block-checkout__payment-method label[style*="margin-top"] {
    display: flex !important;
    align-items: center;
    margin-top: 12px !important;
    padding: 10px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    font-size: 14px;
}

.wc-block-checkout__payment-method input[type="checkbox"] {
    margin-right: 8px !important;
}

/* Payment method icons in blocks */
.wc-block-components-radio-control__label img[id^="paychef"] {
    display: inline-flex;
    margin-left: 8px;
    max-height: 24px;
    max-width: 30px;
    vertical-align: middle;
}
