/* Payment Methods Styles */

/* ===== PAYMENT CONTAINER RESET ===== */
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
    border: none;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: transparent;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 0;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    padding: 0;
    margin: 0;
    font-size: 15px;
    border: none;
    background: none;
    color: rgb(0, 0, 0);
    font-weight: 400;
    font-family: sans-serif;
}

#add_payment_method #payment div.payment_box p,
.woocommerce-cart #payment div.payment_box p,
.woocommerce-checkout #payment div.payment_box p {
    color: rgba(255, 255, 255, 0.717);
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    margin-bottom: 10px;
}

/* ===== PAYMENT METHOD IMAGES ===== */
/* Styling for payment method images Coinbase */
.woocommerce-checkout #payment .payment_method_coinbase img {
    max-width: 24px;
}

/* Hide Maestro and JCB payment icons in checkout */
.woocommerce-checkout #payment .osp-3sc-payment-icons img[alt="Maestro"],
.woocommerce-checkout #payment .osp-3sc-payment-icons img[alt="JCB"],
.woocommerce-checkout #payment .osp-3sc-payment-icons img[alt="Discover"] {
    display: none !important;
}

.woocommerce-checkout #payment .osp-3sc-payment-icons img[alt="PayPal"] {
    max-width: 100px;
}


/* ===== OSP CUSTOM PAYMENT LAYOUT ===== */
/* Payment method content wrapper - flex layout for same line */

.osp-3sc-payment-method {
    margin-bottom: 20px;
    border-radius: 11px;
    transition: border-color 0.3s ease;
    border: 1px solid #ffffff38;
    cursor: pointer;
}

.osp-3sc-payment-title label {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #ffffffdb;
}

.osp-3sc-payment-radio {
    display: flex;
}

#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 {
    margin: 0;
}

/* Selected payment method styling */
.osp-3sc-payment-method:has(input[type="radio"]:checked) {
    background-color: #ffffff1a;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    padding: 0 30px 29px 30px;
}

.osp-3sc-payment-method-content {
    display: flex;
    align-items: center;
    padding: 15px;
    gap: 15px;
    min-height: 50px;
}

/* Radio button styling */
.osp-3sc-payment-radio {
    flex-shrink: 0;
}

.osp-3sc-payment-radio input[type="radio"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* Payment method title */
.osp-3sc-payment-title {
    flex: 1;
    min-width: 0;
    /* Allow text to wrap if needed */
}

/* Payment icons container */
.osp-3sc-payment-icons {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* ===== PAYMENT STEP LAYOUT ===== */
/* Payment step - full width */
.osp-3sc-checkout-container.payment-step {
    display: flex;
}

/* ===== SECURE PAYMENT MESSAGE ===== */
/* Simple secure payment message for payment form */
.secure-payment-message {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    color: #adc980;
    gap: 5px;
}

.secure-payment-message svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* ===== OTHER PAYMENT-RELATED STYLES ===== */
/* Hides a "get funded" button on the checkout page */
.woocommerce-checkout .fp-get-funded-btn {
    display: none !important;
}

/* Styles for recurring total section in checkout */
.woocommerce-checkout .recurring-total th {
    font-size: 18px !important;
    color: #bec3cf !important;
}

.woocommerce-checkout .recurring-total td {
    font-size: 16px !important;
    color: #bec3cf !important;
}

#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number {
    font-size: 17px;
    height: 50px;
    background-color: #050d1c;
}


#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
    border-color: #ffffff54;
}

#nmi-card-cvc {
    width: 100% !important;
}

.woocommerce-SavedPaymentMethods li {
    display: flex;
}

/* Mobile Portrait - < 478px */
@media (max-width: 477px) {

    #add_payment_method #payment div.payment_box,
    .woocommerce-cart #payment div.payment_box,
    .woocommerce-checkout #payment div.payment_box {
        padding: 0 20px 20px 20px;
    }

    .osp-3sc-payment-method-content {
        gap: 10px;

    }

}