/*
Theme Name: Xperts Club
Author: xperts.club
Description: Xperts Club
Version: 1.0.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Main container styling */
.page-content > .edd_download_purchase_form {
    display: none;
}
.custom-download .edd_price_options ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Hide native radio circles */
.custom-download .edd_price_options input[type="radio"] {
    display: none;
}

/* Style each option as a card */
.custom-download .edd_price_options li label {
    display: flex;
    align-items: center;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 1rem;
    cursor: pointer;
    font-weight: 600;
    transition: border 0.3s, background 0.3s, color 0.3s;
}

/* Add custom radio style (unselected) */
.custom-download .edd_price_options li label::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ccc;
    margin-right: 10px;
    background: #fff;
}

.custom-download .edd_price_options li:has(input[type="radio"]:checked) label {
    border-color: #5750e3;
    background-color: #eef4ff;
    color: #5750e3;
}

/* Highlight circle */
/* .custom-download .edd_price_options li:has(input[type="radio"]:checked) label::before {
        background-color: #fff;
        border-color: #ccc;
} */
.custom-download .edd_price_options li:has(input[type="radio"]:checked) label::after {
    content: "";
    position: absolute;
    left: 22px;
    width: 10px;
    height: 10px;
    background-color: #5750e3;
    border-radius: 50%;
}
.custom-download .edd_price_options input[type="radio"]:checked ~ .edd_price_option_price {
    color: #5750e3;
}

.custom-download .edd_price_options input[type="radio"]:checked ~ .edd_price_option_sep {
    color: #5750e3;
}

.custom-download .edd_price_options input[type="radio"]:checked ~ label {
    border-color: #5750e3;
    background-color: #eef4ff;
}

/* Submit Button */
.custom-download .edd_purchase_submit_wrapper .edd-add-to-cart.button.blue.edd-submit.edd-has-js,
.custom-download .edd_purchase_submit_wrapper .edd_go_to_checkout.button.blue.edd-submit {
    background: #5750E3;
    border-radius: 4px;
    width: 100%;
    display: block;
    border: none;
    padding: 12px;
    text-align: center;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    color: #FFF;
    position: relative;
    transition: all .2s ease-in-out;
}
.custom-download .edd_purchase_submit_wrapper .edd-add-to-cart:hover {
    background-color: #1e4fbd;
}

/*Checkout page*/
.post-263 .entry-title {
    font-size: 42px;
    text-align: center;
    font-weight: 600;
}
.wp-block-edd-checkout {
    grid-template-columns: 1fr 1fr;
}
#edd_checkout_cart_form {
    order: 2;
    margin-top: 10px;
}
.edd-blocks-form__cart .edd_cart_item_name {
    width: 75%;
}
.edd_cart_item_image {
    width: 16%;
}
.edd-blocks-form__cart .edd_cart_item_image img {
    width: 100%;
}

.wp-block-edd-checkout #edd_purchase_form .edd-blocks-form .edd-blocks-form__group > label {
    font-size: 12px;
}
.wp-block-edd-checkout #edd_purchase_form .edd-blocks-form input[type="email"], .wp-block-edd-checkout #edd_purchase_form .edd-blocks-form input[type="password"], .wp-block-edd-checkout #edd_purchase_form .edd-blocks-form input[type="tel"], .wp-block-edd-checkout #edd_purchase_form .edd-blocks-form input[type="text"], .wp-block-edd-checkout #edd_purchase_form .edd-blocks-form select {
    padding: 10px !important;
    border: 1px solid #ccc;
    color: #686868 !important;
    margin-bottom: 5px;
    border-radius: 4px;
}
a.edd-header-cart img {
    max-width: 25px;
}
.header-cart.edd-cart-quantity {
    color: #ffffff;
    background-color: #5750e3;
    font-size: 12px;
    padding: 0px 0 9px;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    position: absolute;
    text-align: center;
    display: inline-block;
    top:-5px;
}
.edd-price-cycle {
    font-size: 12px;
    margin-left: 3px !important;
    display: inline-block !important;
}

@media(max-width: 767px) {
    .wp-block-edd-checkout {
        grid-template-columns: 1fr;
    }
    #edd_checkout_cart_form {
        order: 0;
    }
}