/* 
Add prefix [data-call-checkout] selector 
for call checkout popup design
*/

[data-call-checkout].checkout-popup-wrapper:after{
    width: 25rem;
    z-index: -1;
    left: unset;
    right: 0;
    background: rgba(0,0,0,.5) !important;
}

[data-call-checkout].checkout-popup-wrapper .woocommerce-checkout{
    padding: 0rem;
}

[data-call-checkout] [data-checkout-container-inner-wrapper] {
    padding: 1rem;
    height: 100dvh;
}

/* Hide on call checkout */ 
#checkout-popup:not([data-call-checkout]) [data-show-on-call-checkout],
[data-call-checkout] [data-hide-on-call-checkout],

[data-call-checkout] [data-loader] .checkout-skeleton-wrapper-desktop,
[data-call-checkout] [data-loader] .checkout-skeleton-wrapper-mobile,
[data-call-checkout] [data-checkout-popup-close-icon] {
    display: none;
}

/* Show on call checkout ( flex ) */
[data-call-checkout] [data-mobile-popup-close]{
    display: flex;
    margin-top: 0;
}

[data-call-checkout] [data-checkout-container-inner-wrapper] {
    flex-direction: column;
}

[data-call-checkout] [data-checkout-container-left], 
[data-call-checkout] [data-checkout-container-right] {
    height: 100%;
    width: 100%;
}

[data-call-checkout] .new-payment-method-skeleton .w--360,
[data-call-checkout] .new-payment-method-skeleton,
[data-call-checkout] .payment-method-skeleton .w--360,
[data-call-checkout] .payment-method-skeleton,
[data-call-checkout] .data-payment-method-edit-container-cls,
[data-call-checkout] [data-checkout-payment-card] {
    width: 100%;
}

[data-call-checkout] [data-checkout-payment-card],
[data-call-checkout] div.wpwl-container.wpwl-container-card {
    min-height: auto;
    background: transparent;
    border: 0px;
    padding: 0rem;
}

[data-call-checkout] .wpwl-form.wpwl-form-card .wpwl-group.wpwl-group-submit{
    order: 6;
}

[data-call-checkout] .woocommerce-checkout-payment{
    height: auto;
    flex: auto;
}

[data-call-checkout] [data-checkout-inner-wrapper-top-content]{
    overflow-y: auto;
    flex: auto;
}
[data-call-checkout] [data-checkout-container-inner-wrapper]{
    overflow: hidden;
}

[data-call-checkout] .wpwl-group-cardNumber, 
[data-call-checkout] .wpwl-group-cardHolder{
    width: 100%!important;
}

[data-call-checkout] .wpwl-group-expiry, 
[data-call-checkout] .wpwl-group-cvv{
    width: 47%!important;
}

[data-call-checkout] .wpwl-group-cardHolder{
    order: 1!important;
}

[data-call-checkout] .wpwl-group-cardNumber{
    order: 2!important;
}

[data-call-checkout] .woocommerce-checkout-payment p{
    color: white;
}

[data-call-checkout] [data-change-address] [data-bs-dropdown]{
    max-width: 23rem;
}
[data-call-checkout] .data-payment-method-edit-container-cls,
[data-call-checkout] .checkout-skeleton,
[data-call-checkout] .new-payment-method-skeleton{
    max-height: 13rem;
}

[data-call-checkout] [data-payment-last4] {
    font-size: 20px;
}

[data-call-checkout] [data-button-proceed-payment]::before,
[data-call-checkout] [data-button-proceed-payment]::after{
    display: none;
}

[data-call-checkout] .place-order button[name="woocommerce_checkout_place_order"] {
    border-radius: 3.125rem;
}
[data-call-checkout] .place-order button[name="woocommerce_checkout_place_order"]:hover{
    background-color: #0C111D;
}
[data-call-checkout] .place-order button[name="woocommerce_checkout_place_order"]:hover [data-button-text-wrap] .black{
    color: var(--color-brand-green, #07F468);
}
[data-call-checkout] .place-order button[name="woocommerce_checkout_place_order"]:hover [data-button-text-wrap] svg path{
    stroke: var(--color-brand-green, #07F468);
}

[data-call-checkout] [data-payment-method-edit-container-text]{
    gap: 1.5rem;
}
[data-call-checkout-style="tablet-mobile"]:before,
[data-call-checkout].checkout-popup-wrapper:after,
[data-call-checkout] [data-checkout-container]:before,
[data-call-checkout] .checkout-popup-wrapper:after{
    display: none;
}

[data-call-checkout] #checkout {
    border-radius: 0.625rem;
    max-height: 47.063rem;
    backdrop-filter: blur(15px);
    background: rgba(0,0,0,.5) !important;
    max-height: 100dvh;
}

[data-call-checkout] [data-checkout-container],
[data-call-checkout] #checkout .woocommerce-checkout,
[id="checkout-popup"][data-call-checkout]>.elm_yNwqwJ>.elm_qJBugX,
[data-call-checkout]#checkout-popup,
[data-call-checkout]#checkout-popup .checkout-popup-inner-wrapper {
    /* height: auto!important;
    min-height: 36.875rem; */
}

[data-call-checkout] .text-heading{
    color: var(--color-athens-gray2, #F9FAFB) !important;
}

[data-call-checkout] .new-subscription-label{
    color: var(--Gray-50, #F9FAFB);
    font-family: Poppins;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 171.429% */
    letter-spacing: 0.00438rem;
}

[data-call-checkout] .woocommerce-checkout [data-checkout-container]{
    max-width: 100%;
}

@media screen and (max-width: 1010px) {
    [data-call-checkout] [data-checkout-type="subscription"][data-checkout-step="2"] [data-checkout-container-inner-wrapper] {
        padding-bottom: 1rem !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    [data-call-checkout] [data-checkout-payment-card], div.wpwl-container.wpwl-container-card {
        width: 100% !important;
    }
}
@media screen and (max-width: 479px){
    [data-call-checkout] #checkout{
        border-radius: 0 !important;
    }
    [data-call-checkout] div.wpwl-container.wpwl-container-card{
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
    }
    [data-call-checkout][data-call-checkout-style="tablet-mobile"],
    [data-call-checkout][data-call-checkout-style="tablet-mobile"] .elm_qJBugX{
        max-width: none !important;
        width: 100% !important;
    }
}
@media screen and (max-width: 932px) and (orientation: landscape){
    [data-call-checkout] [data-checkout-container-inner-wrapper]{
        overflow-y: auto;
        height: 100dvh;
        max-height: 100dvh;
    }
    [data-call-checkout] [data-checkout-inner-wrapper-top-content]{
        overflow-y: visible;
    }
}
/* 
Add prefix [data-call-checkout] selector 
for call checkout popup design
*/