/* =========================================================
THANK YOU
========================================================= */

.woocommerce-thankyou-order-received{

    display:none !important;

}

/* =========================================================
HEADER
========================================================= */

.unlocked-thankyou{

    margin-bottom:50px;

}

.thankyou-top{
    
     margin-top:50px;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:80px;

    border-bottom:2px solid #4B1F83;

}

.thankyou-left{

    flex:1;

}

.thankyou-left h1{

    margin:0 0 28px;

    font-family:'Montserrat',sans-serif;

    font-size:110px;

    font-weight:700;

    line-height:1;

    color:#412374;

    letter-spacing:-3px;

}

.thankyou-left p{

    max-width:760px;

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:16px;

    line-height:1.3;

    color:#412374;

}

.thankyou-left strong{

    color:#412374;

}

.thankyou-right{

    width:360px;

    position:relative;

}

.thankyou-dot{

    width:28px;
    height:28px;

    border-radius:999px;

    background:#2C005A;

    margin-left:auto;

}

.thankyou-content{

    margin-top:100px;

}

.thankyou-dot{

    width:28px;

    height:28px;

    border-radius:50%;

    background:#2C005A;

    margin-left:auto;

    margin-bottom:70px;

}

/* =========================================================
TRACK ORDER
========================================================= */

.thankyou-track{

    margin:42px 0 36px;

}

.thankyou-track p{

    margin:0;

    font-family:'Montserrat',sans-serif;

    font-size:16px;

    line-height:1.6;

    color:#666;

}

.thankyou-track a{

    color:#412374;

    font-weight:700;

    text-decoration:none;

    transition:.2s;

}

/* =========================================================
UPLOAD BOX
========================================================= */

.thankyou-upload{

    margin:48px 0;

    background:#412374;

    border-radius:36px;

    padding:34px 42px;

}

.thankyou-upload h3{

    margin:0 0 28px;

    font-family:'Montserrat',sans-serif;

    font-size:15px;

    font-weight:800;

    color:#FFF;

}

.thankyou-upload-box{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    background:#FFF;

    border-radius:22px;

    min-height:118px;

    padding:0 38px;

}

.upload-email{

    flex:0 0 62%;

    text-align:center;

    font-family:'Montserrat',sans-serif;

    font-size:25px;

    font-weight:700;

    color:#412374;

}


.upload-btn{

 
    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:auto;

    min-width:300px;

    height:72px;

    padding:0 42px;

    border-radius:999px;

    background:#412374;

    color:#FFFFFF

    font-size:18px;

    font-weight:900;

    text-decoration:none;

}




/* ==========================================
UPLOAD TITLE
========================================== */

.thankyou-upload h3{

    display:block !important;

    margin:0 0 24px !important;

    padding:0 !important;

    font-family:'Montserrat',sans-serif !important;

    font-size:24px !important;

    font-weight:800 !important;

    line-height:1.2 !important;

    letter-spacing:0 !important;

    color:#FFFFFF !important;

}

/* =========================================
DEFAULT ORDER SUMMARY
========================================= */

.woocommerce-order-overview{

    display:none !important;

}

.woocommerce-order-details,
.woocommerce-customer-details{

    display:none !important;

}
/* =========================================================
ORDER SUMMARY
========================================================= */

.thankyou-summary{

    display:flex;

    align-items:flex-start;

    margin:42px 0 50px;

    border-bottom:1px solid #E8E8E8;

    padding-bottom:20px;

}

.summary-item{

    flex:1;

    padding:0 26px;

    border-right:2px dashed #E5E5E5;

}

.summary-item:first-child{

    padding-left:0;

}

.summary-item:last-child{

    border-right:none;

    padding-right:0;

}

.summary-label{

    display:block;

    margin-bottom:8px;

    font-family:'Montserrat',sans-serif;

    font-size:12px;

    font-weight:700;

    color:#7A7A7A;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.summary-value{

    display:block;

    font-family:'Montserrat',sans-serif;

    font-size:12px;

    font-weight:700;

    line-height:1.2;

    color:#5A6573;

    word-break:break-word;

}

/* =========================================================
THANK YOU PAGE
HIDE DEFAULT ELEMENTOR HEADER
========================================================= */

.woocommerce-order-received
.elementor-element-6d6ac9c,

.woocommerce-order-received
.elementor-element-e5a48a8,

.woocommerce-order-received
.elementor-element-d8ce0eb{

    display:none !important;

}

/* =========================================================
THANK YOU - UPLOAD BUTTON
========================================================= */

.woocommerce-order-received .upload-btn:hover,
.woocommerce-order-received .upload-btn:focus,
.woocommerce-order-received .upload-btn:active{

    background:#9901FD !important;

    color:#FFFFFF !important;

    text-decoration:none !important;

    border:none !important;

    outline:none !important;

    box-shadow:none !important;

    transform:none !important;

    transition:none !important;

}

/* =========================================================
SHOP MORE
========================================================= */

.thankyou-shop{

    margin:90px 0 60px;

}

.shop-more-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    width:200px;

    height:60px;

    margin:0 auto 60px;

    border:3px solid #412374;

    border-radius:999px;

    background:#FFF;

    color:#412374;

    font-family:'Montserrat',sans-serif;

    font-size:20px;

    font-weight:700;

    text-decoration:none;

}

.thankyou-shop-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:28px;

}

.shop-card{

    text-decoration:none;

    color:inherit;

}

.shop-card-image{

    overflow:hidden;

    border-radius:22px;

}

.shop-card-image img{

    display:block;

    width:100%;

    height:auto;

    border-radius:22px;

}

.shop-card{

    display:block;

    overflow:hidden;

    text-decoration:none;

    color:inherit;

}

.shop-card-content{

    margin-top:18px;

}

.shop-card-content h4{

    margin:16px 0 10px;

    font-family:inherit;

    font-size:18px;

    font-weight:700;

    line-height:1.3;

    color:inherit;

}

.shop-card-content p{

    margin:0;

    font-family:inherit;

    font-size:16px;

    line-height:1.5;

    color:inherit;

}

.shop-card:hover{

    transform:translateY(-4px);

    transition:.25s;

}

/* =========================================================
HIDE DEFAULT PAYMENT MESSAGE
========================================================= */

.woocommerce-order-received
.woocommerce-order
> p{

    display:none !important;

}

/* =========================================================
THANK YOU PAGE - MOBILE
========================================================= */

@media (max-width:767px){

    /* =========================
       PAGE SPACING
    ========================= */

    .unlocked-thankyou{
        margin-bottom:30px !important;
        padding:0 16px !important;
        box-sizing:border-box !important;
    }


    /* =========================
       TOP HEADER
    ========================= */

    .thankyou-top{
        margin-top:24px !important;

        display:flex !important;
        flex-direction:column !important;

        gap:18px !important;

        padding-bottom:20px !important;

        border-bottom:1px solid #4B1F83 !important;
    }

    .thankyou-left{
        width:100% !important;
    }

    .thankyou-left h1{
        margin:0 0 14px !important;

        font-size:48px !important;
        line-height:.95 !important;

        letter-spacing:-1.5px !important;
    }

    .thankyou-left p{
        max-width:100% !important;

        font-size:14px !important;
        line-height:1.5 !important;
    }

    .thankyou-right{
        width:100% !important;
    }

    .thankyou-dot{
        width:18px !important;
        height:18px !important;

        margin:0 0 0 auto !important;
    }

    .thankyou-content{
        margin-top:40px !important;
    }


    /* =========================
       TRACK ORDER
    ========================= */

    .thankyou-track{
        margin:28px 0 !important;
    }

    .thankyou-track p{
        font-size:14px !important;
        line-height:1.6 !important;
    }


    /* =========================
       ORDER SUMMARY
    ========================= */

    .thankyou-summary{
        display:grid !important;

        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:0 !important;

        margin:28px 0 34px !important;

        padding-bottom:16px !important;
    }

    .summary-item{
        width:100% !important;

        padding:14px 16px !important;

        border-right:1px dashed #E5E5E5 !important;
        border-bottom:1px dashed #E5E5E5 !important;

        box-sizing:border-box !important;
    }

    .summary-item:first-child{
        padding-left:16px !important;
    }

    .summary-item:nth-child(2n){
        border-right:none !important;
    }

    .summary-item:last-child{
        padding-right:16px !important;
    }

    .summary-label{
        margin-bottom:5px !important;

        font-size:10px !important;
        line-height:1.3 !important;
    }

    .summary-value{
        font-size:12px !important;
        line-height:1.4 !important;

        overflow-wrap:anywhere !important;
    }


    /* =========================
       UPLOAD BOX
    ========================= */

    .thankyou-upload{
        margin:32px 0 !important;

        padding:24px 18px !important;

        border-radius:22px !important;
    }

    .thankyou-upload h3{
        margin:0 0 18px !important;

        font-size:18px !important;
        line-height:1.3 !important;
    }

    .thankyou-upload-box{
        min-height:0 !important;

        display:flex !important;
        flex-direction:column !important;

        align-items:stretch !important;

        gap:16px !important;

        padding:22px 16px !important;

        border-radius:16px !important;
    }

    .upload-email{
        flex:none !important;

        width:100% !important;

        font-size:16px !important;
        line-height:1.4 !important;

        text-align:center !important;

        overflow-wrap:anywhere !important;
    }

    .upload-btn{
        width:100% !important;
        min-width:0 !important;

        height:52px !important;

        padding:0 20px !important;

        font-size:15px !important;

        box-sizing:border-box !important;
    }


    /* =========================
       SHOP MORE
    ========================= */

    .thankyou-shop{
        margin:50px 0 30px !important;
    }

    .shop-more-btn{
        width:170px !important;
        height:50px !important;

        margin:0 auto 30px !important;

        border-width:2px !important;

        font-size:16px !important;
    }

    .thankyou-shop-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:16px !important;
    }

    .shop-card-image{
        border-radius:16px !important;
    }

    .shop-card-image img{
        border-radius:16px !important;
    }

    .shop-card-content{
        margin-top:10px !important;
    }

    .shop-card-content h4{
        margin:10px 0 6px !important;

        font-size:14px !important;
        line-height:1.3 !important;
    }

    .shop-card-content p{
        font-size:12px !important;
        line-height:1.4 !important;
    }


    /* =========================
       REMOVE MOBILE HOVER SHIFT
    ========================= */

    .shop-card:hover{
        transform:none !important;
    }

}
/* FORCE SEND NOW TEXT WHITE */

.upload-btn,
.upload-btn:link,
.upload-btn:visited,
.upload-btn:hover,
.upload-btn:focus,
.upload-btn:active{
    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;
    text-decoration:none !important;
}

@media(max-width:767px){

    .thankyou-upload h3{
        font-size:15px !important;
        line-height:1.3 !important;
        text-align:center !important;
    }

}

@media(max-width:767px){

    .thankyou-track p{
        padding-left:15px !important;
    }

}