/* Template styles */
[data-is-call-tip-and-topup] .max--w--317 { max-width: 19.813rem; }

[data-is-call-tip-and-topup] .br--col--warm--gray { border-color: rgba(234, 236, 240, 0.50); }

/* default (expanded) */
[data-tip-call-pricing-table-action] svg {
    transform: rotate(0deg);
    transition: transform 0.3s ease;
  }
  
  /* collapsed → rotate */
  [data-tip-call-pricing-table="collapsed"] 
  [data-tip-call-pricing-table-action] svg {
    transform: rotate(180deg);
  }
  
/* End Tempalte styles */

/* Custom CSS Need to set [data-is-call-tip-and-topup] seletor */
[data-call-tip-checkout] [data-is-call-tip-and-topup] {
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25)!important;
    border-radius: 0.625rem!important;
    max-width: 19.813rem!important;
    height: auto!important;
}
[data-call-tip-checkout] [data-tip-call-checkout-wrapper] [data-delete-card]{
    display: none;
}
[data-call-tip-checkout] [data-payment-method-edit-container-text] [data-payment-last4]{
    display: flex;
    justify-content: flex-end;
}

[data-call-tip-checkout] [data-exp-visa-card-row]{
    width: 100%;
    justify-content: space-between;
}

[data-call-tip-checkout] [data-payment-title-wrapper-inner]{
    align-items: center;
}

[data-call-tip-checkout] [data-cards-selector] [data-bs-trigger-label="true"]{
    font-size: 0.75rem;
    line-height: 1.125rem;
}

[data-call-tip-checkout] [data-token-popup-right-column]{
    min-height: 37.375rem;
}

[data-is-call-tip-and-topup] [data-portrait-mobile-responsive-navbar],
[data-is-call-tip-and-topup] [data-token-popup-close-icon],
[data-is-call-tip-and-topup] [data-token-popup-left-column] {
    display: none;
}

[data-is-call-tip-and-topup] [data-token-popup-right-column] {
    /* background-color: rgba(0, 0, 0, 0.5); */
    background-color: transparent;
}

[data-is-call-tip-and-topup] [data-tip-sending-loader],
[data-is-call-tip-and-topup] [data-tip-buttons],
[data-is-call-tip-and-topup] [data-token-tip-button-wrapper-mobile],
[data-is-call-tip-and-topup] [data-tip-buttons] [data-token-tip-button-wrapper-desktop],
[data-is-call-tip-and-topup] [data-tip-buttons] [data-token-tip-button-container],
[data-is-call-tip-and-topup] [data-tip-buttons] [data-token-tip-button-container] [data-token-tip-button],
[data-is-call-tip-and-topup] [data-payment-method-edit-container-text] .w--280,
[data-is-call-tip-and-topup] [data-checkout-payment-card], 
[data-is-call-tip-and-topup] div.wpwl-container.wpwl-container-card,
[data-is-call-tip-and-topup] .new-payment-method-skeleton .w--360,
[data-is-call-tip-and-topup] .new-payment-method-skeleton,
[data-is-call-tip-and-topup] .payment-method-skeleton .w--360,
[data-is-call-tip-and-topup] .payment-method-skeleton,
[data-is-call-tip-and-topup] .data-payment-method-edit-container-cls,
[data-is-call-tip-and-topup] [data-checkout-payment-card] {
    width: 100%!important;
}

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

[data-is-call-tip-and-topup] .wpwl-form.wpwl-form-card .wpwl-group.wpwl-group-submit{
    order: 6;
}

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

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

[data-is-call-tip-and-topup] .wpwl-group-cardHolder{
    order: 1!important;
}

[data-is-call-tip-and-topup] .wpwl-group-cardNumber{
    order: 2!important;
}

[data-is-call-tip-and-topup] [data-bs-dropdown]{
    max-width: 17rem;
}

[data-is-call-tip-and-topup] [data-token-popup-right-column]{
    /* max-height: 100%!important; */
    /* padding: 0; */
    height: auto!important;
}

[data-is-call-tip-and-topup] [data-delete-card] svg,
[data-is-call-tip-and-topup] [data-tip-payment-card] [data-bs-trigger-label] + img,
[data-is-call-tip-and-topup] [data-checkout-payment-card-wrapper] .payment-method-container-inner svg{
    filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%) hue-rotate(176deg) brightness(107%) contrast(100%);
}

[data-is-call-tip-and-topup] [data-checkout-payment-card-wrapper] .payment-method-container-inner span{
    color: var(--color-athens-gray2, #F9FAFB);
    line-height: 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
}

[data-is-call-tip-and-topup] [data-payment-method-edit-container-text]{
    flex-wrap: wrap;
    justify-content: left;
}

[data-is-call-tip-and-topup] [data-payment-information-wrapper] [data-payment-method-edit-container] [data-payment-last4]{
    -webkit-text-fill-color: var(--color-athens-gray2, #F9FAFB);
}

[data-is-call-tip-and-topup] [data-payment-method-edit-container-text] span.col--oxford-blue,
[data-is-call-tip-and-topup] [data-payment-holder-expiry],
[data-is-call-tip-and-topup] [data-payment-last4],
[data-is-call-tip-and-topup] [data-payment-holder-name],
[data-is-call-tip-and-topup] [data-tip-payment-card] [data-bs-trigger-label] {
    color: var(--color-athens-gray2, #F9FAFB) !important;
}

[data-is-call-tip-and-topup] [data-payment-information-wrapper] [data-payment-method-edit-container]{
    height: 3.5rem !important;
}
[data-is-call-tip-and-topup] [data-payment-information-wrapper] {
    background: rgba(0, 0, 0, .5);
    border: 1px solid #00000080;
}

[data-is-call-tip-and-topup] [data-tip-buttons] [data-token-tip-button-wrapper-desktop]{
    padding: 1rem 1rem;
}

[data-is-call-tip-and-topup] [data-token-tip-button]>svg,
[data-is-call-tip-and-topup] [data-token-tip-button]::before,
[data-is-call-tip-and-topup] [data-payment-method-edit-container]:after{
    display: none;
}

[data-is-call-tip-and-topup] [data-token-tip-button-wrapper-mobile],
[data-is-call-tip-and-topup] [data-token-tip-button-wrapper-desktop]{
    justify-content: center;
}

[data-is-call-tip-and-topup] [data-token-tip-button-container]{
    box-shadow: none;
}

[data-is-call-tip-and-topup] [data-token-tip-button]{
    border-radius: 3.125rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

[data-is-call-tip-and-topup][data-active-tip-step][data-tip-empty-amount="true"] [data-hide-on-tip-amout-empty][data-token-tip-button-wrapper-desktop] {
    display: inline-flex;
}

[data-is-call-tip-and-topup] [data-tip-call-checkout-wrapper] {
    /* padding-bottom: 4.5rem; */
}

[data-is-call-tip-and-topup] [data-token-tip-button],
[data-is-call-tip-and-topup] [data-token-tip-button-container] {
    height: 2.75rem;
}

[data-is-call-tip-and-topup] input[type="number"][data-tip-amount-input] {
    color: white !important;
    font-size: 1.875rem !important;
    font-weight: 400 !important;
    line-height: 2.375rem !important;
}
[data-is-call-tip-and-topup][data-tip-success="true"] [data-tip-token-cash-success-alert]{
    position: fixed;
    z-index: 9;
}

[data-is-call-tip-and-topup][data-tip-success="true"] [data-tip-token-cash-success-alert].visible ~ [data-tip-call-checkout-wrapper] {
    padding-top: 7rem;
}

[data-call-tip-checkout] .wpwl-form.wpwl-form-card .wpwl-group{
    gap: 0 !important;
}

[data-call-tip-checkout] .wpwl-form.wpwl-form-card .wpwl-group.wpwl-group-submit.wpwl-clearfix{
    display: none;
}

[data-call-tip-checkout] [data-checkout-payment-card] form .wpwl-label{
    color: var(--Gray-50, #F9FAFB) !important;
    font-family: Poppins;
    font-size: 0.75rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 200% */
    letter-spacing: 0.12px;
}

[data-call-tip-checkout] [data-checkout-payment-card] .wpwl-group .wpwl-wrapper:not(.wpwl-wrapper-submit) input.wpwl-control,
[data-call-tip-checkout] [data-checkout-payment-card] .wpwl-group .wpwl-wrapper.wpwl-wrapper-cardNumber iframe.wpwl-control,
[data-call-tip-checkout] [data-checkout-payment-card] .wpwl-group .wpwl-wrapper.wpwl-wrapper-cvv iframe{
    border-radius: 6px;
    border: 1px solid rgba(208, 213, 221, 0.50) !important;
    background: rgba(255, 255, 255, 0.10) !important;
    color: var(--Gray-50, #F9FAFB);
    font-family: Poppins;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
    letter-spacing: 0.16px;
}
[data-call-tip-checkout] [data-checkout-payment-card] .wpwl-group .wpwl-wrapper.wpwl-wrapper-cardNumber iframe.wpwl-control,
[data-call-tip-checkout] [data-checkout-payment-card] .wpwl-group .wpwl-wrapper.wpwl-wrapper-cvv iframe{
    background: transparent !important;
}

@media screen and (min-width: 768px) and (max-width: 1009px) and (orientation: portrait){
    [data-is-call-tip-and-topup][data-call-checkout-style="tablet-mobile"]{
        position: fixed;
        bottom: 0;
        left: 0;
        max-width: none;
        max-height: 24rem;
        overflow-y: auto;
        padding-bottom: 5rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    [data-is-call-tip-and-topup][data-call-checkout-style="tablet-mobile"]:before{
        content: '';
        width: 100%;
        height: 100%;
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    [data-is-call-tip-and-topup][data-call-checkout-fixed-button-style="tablet-mobile"]{
        position: fixed;
        bottom: 1rem;
        left: 0;
        padding: 0 1rem;
    }
}
@media screen and (min-width: 480px) and (max-width: 932px) and (orientation: landscape){
    [data-is-call-tip-and-topup][data-call-checkout-style="tablet-mobile"]{
        overflow-y: auto;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        max-height: 100dvh;
        border-radius: 0;
    }
    [data-is-call-tip-and-topup][data-call-checkout-style="tablet-mobile"]:before{
        content: '';
        width: 100%;
        height: 100%;
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    [data-is-call-tip-and-topup][data-call-checkout-fixed-button-style="tablet-mobile"]{
        position: sticky;
        bottom: 0;
        left: 0;
        padding: 0 0.5rem;
    }
}
@media screen and (max-width: 479px){
    [data-is-call-tip-and-topup][data-call-checkout-style="tablet-mobile"]{
        position: fixed;
        bottom: 0;
        left: 0;
        max-width: none;
        max-height: 24rem;
        overflow-y: auto;
        padding-bottom: 5rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    [data-is-call-tip-and-topup][data-call-checkout-style="tablet-mobile"]:before{
        content: '';
        width: 100%;
        height: 100%;
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    [data-is-call-tip-and-topup][data-call-checkout-fixed-button-style="tablet-mobile"]{
        position: fixed;
        bottom: 1rem;
        left: 0;
        padding: 0 0.5rem;
    }
    [data-call-tip-checkout]{
        width: 100% !important;
        max-width: 100% !important;
        right: 0 !important;
        left: auto !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
    }
    [data-call-tip-checkout].elm_UoRWYY[data-token-popup]:not([data-popup-noui]) .elm_yNwqwJ:not(.no-height){
        width: 100%;
        height: 100dvh !important;
        max-height: 100dvh !important;
    }
    [data-call-tip-checkout] [data-token-popup-container]{
        width: 100% !important;
        max-width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
    }
    [data-call-tip-checkout] [data-token-tip-button-wrapper-mobile]{
        bottom: 1rem !important;
    }
    [data-is-call-tip-and-topup] [data-tip-call-checkout-wrapper]{
        max-width: 100% !important;
    }
    [data-is-call-tip-and-topup] [data-payment-information-wrapper] [data-payment-method-edit-container] {
        height: 4.5rem !important;
    }
    [data-is-call-tip-and-topup] [data-payment-method-edit-container] [data-payment-last4]{
        font-size: 1.5rem !important;
    }
    [data-is-call-tip-and-topup] div.wpwl-container.wpwl-container-card{
        aspect-ratio: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
    }
    [data-is-call-tip-and-topup] [data-token-popup-right-column]{
        max-height: fit-content !important;
    }
    [data-is-call-tip-and-topup] [data-shape-img]{
        width: 1.25rem;
        height: 1.25rem;
    }
    [data-token-tip-button-container]{
        width: 80% !important;
    }
    [data-call-tip-checkout] [data-token-tip-button]{
        width: 100% !important;
    }
    [data-token-popup] [data-token-tip-button-wrapper-mobile]{
        display: flex;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 932px) and (orientation: landscape){
    [data-token-popup] [data-enter-topup-amount-section]{
        padding-top: 0 !important;
    }
}