h1.woocommerce-thankyou-order-received {
    color:var(--primary-color, #2a1f4a) ;
    font-size: 30px ;
    margin-bottom: 20px ;
    font-weight: 700;
    letter-spacing: 0.2px !important;
}

.detail-row {
    font-size: 16px;
    color: var(--text_color-color, #58595b) !important;
}

.sprink-thankyou p.woocommerce-order-details__title, .sprink-thankyou .woo-split-shipping-addresses-container h4,
.sprink-thankyou p.woocommerce-order-overview__notice,
.sprink-thankyou .woocommerce-order-shipping,
.sprink-thankyou .woocommerce-table td.product-name,
.sprink-thankyou .woocommerce-table tr td:first-child,
.sprink-thankyou .product-name small, .sprink-thankyou small span.woocommerce-Price-amount {
    color: var(--text_color-color, #58595b) !important;
}

.sprink-thankyou .woocommerce-table tr td:first-child {
    width: 25%;
}

.sprink-thankyou button.show-version-btn {
    color: var(--dark_link-color, #3157ce);
 }

.sprink-checkout input#custom_coupon_code::placeholder,
.sprink-checkout input#custom_coupon_code::-webkit-input-placeholder,
.sprink-checkout input#custom_coupon_code::-moz-placeholder,
.sprink-checkout input#custom_coupon_code::-ms-input-placeholder {
    color: var(--text_color-color, #58595b) !important;
    opacity: 1;
 }


 .sprink-thankyou button.show-version-btn:hover {
    border: initial !important;
    padding: 1px !important;
 }

 .version-popup-content {
    max-width: 945px;
 }

 #versionDetailsPopup h1.version-popup-title {
    letter-spacing: 0.2px !important;
 }

 #add-design-version-cta {
        color: var(--dark_link-color, #3157ce) !important;
        background: none !important;
        border: none !important;
 }


 #add-design-version-cta {
        color: #3157ce !important;
        background: none !important;
        border: none !important;
 }

#add-design-version-cta:hover {
    text-decoration: underline;
}

#add-design-version-cta:focus {
    color: #800080 !important;
    border: none;
    outline: none !important;
}

.sprink-cart .woocommerce-coupon-form .button:hover,
.sprink-cart .woocommerce-coupon-form .button:focus,
.sprink-checkout button#custom_apply_coupon:focus,
.sprink-checkout button#custom_apply_coupon:hover {
     border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
} 

.woocommerce-MyAccount-content #payment .payment_methods li .payment_box {
    padding: 0 20px;
}

.sprink-btn.sprink-btn-secondary{
margin-top: 10px;
}

h1#h-design-now,
h2.b2bking_b2bregistration_only_register_header,
ul#shipping_method li label {
    color: var(--primary-color, #2a1f4a);
}

.has-text-align-center,
.design-header div,
.woocommerce form label {
    color: var(--text_color-color, #58595b);
}

.has-text-align-center a {
    color: var(--dark_link-color, #3157ce) !important;
    text-decoration: underline;
}

input[type=checkbox]:checked:before {
 color: var(--dark_link-color, #3157ce);
} 

input[type=checkbox].version-select-item:checked:before {
background-color: var(--primary-color, #2a1f4a);
color: var(--white-color, #ffffff);
width: 20px;
font-size: 14px;
height: 20px;
margin-top: -2px;
margin-left: -2px;
border-radius: 4px;
padding-top: 3px;
}

.sprink-thankyou .design-proof-status .status.not-approved {
color: var(--error_back-color, #e60000);
}

.sprink-thankyou .design-proof-status .status.approved {
color: var(--success_back-color, #0F6F6A);
}

ul.woocommerce-error {
    background-color: var(--error_back-color, #e60000) !important;
    color: var(--error_font-color, #ffffff) !important;
}

.woocommerce #customer_login label,
.woocommerce form .form-row label,
.woocommerce .lost_reset_password p,
.woocommerce table.shop_table thead th {
    color: var(--text_color-color, #58595b) !important;
}

.form-label.row:hover,
.cb_cat_product_card .woo-entry-inner,
table.woocommerce-MyAccount-paymentMethods th,
.woocommerce-MyAccount-content #payment .payment_methods li .payment_box,
.woocommerce-MyAccount-content #payment ul.payment_methods .woocommerce-PaymentMethod>label {
    background-color: var(--light_background-color, #f9f8f6) !important;
}

.cb_cat_product_card .woo-entry-inner{
    border: 1px solid #EEEDED;
    border-radius: 10px;
}

.cb_cat_product_card .woo-entry-inner li.image-wrap .woo-entry-image{
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}

.woocommerce-message, .woocommerce-message::before,
.woocommerce-info, select.quoter-qty-dropdown {
    color: var(--text_color-color, #58595b) !important;
    border-color: var(--light_border-color, #e5e6e7) !important;
}

select.quoter-qty-dropdown {
    background-color: var(--white-color, #ffffff);
}

.woocommerce-checkout .woocommerce-info a.showlogin {
   color: var(--dark_link-color, #3157ce) !important;
   text-decoration: underline;
}

.form-row .required {
    color: var(--error_back-color, #e60000) !important;
}

.woocommerce ul.products li.product.cb_cat_product_card li.title h2 , 
.woocommerce ul.products li.product.cb_cat_product_card li.title a {
font-size: 24px !important; 
color: var(--primary-color, #2a1f4a) !important;
}

.woocommerce ul.products li.product .woo-entry-inner li:last-child {
    padding-bottom: 25px;
}

.woocommerce .woocommerce-checkout #customer_details h3 {
    text-transform: capitalize !important;
    border-color: var(--light_border-color, #e5e6e7) !important;
    margin-bottom: 0px;
}

.woo_split_saved_address_select, .sprink-checkout select[class$="_speed_select"] {
    font-size: 16px !important;
}

.owp-quick-view {
display: none;
}

.pending_digital_proof{
    width: 16px;
    background-color: var(--error_back-color, #e60000);
    color: var(--white-color, #ffffff);
    text-align: center;
    border-radius: 50%;
    height: 15px;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 16px;
    display: inline-block;
    margin-right: 5px;
}

.approve_digital_proof{
    width: 16px;
    background-color: var(--success_back-color, #0F6F6A);
    color: var(--white-color, #ffffff);
    text-align: center;
    border-radius: 50%;
    height: 15px;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 16px;
    display: inline-block;
    margin-right: 5px;
}

form input[type="text"], form input[type="password"], 
form input[type="email"], form input[type="url"], 
form input[type="date"], form input[type="month"], 
form input[type="time"], form input[type="datetime"], 
form input[type="datetime-local"], 
form input[type="week"], form input[type="number"], 
form input[type="search"], form input[type="tel"], 
form input[type="color"], form select, form textarea {
background-color: var(--white-color, #ffffff);
color: var(--text_color-color, #58595b);
border-color: var(--light_border-color, #e5e6e7);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--text_color-color, #58595b);
border-color: var(--light_border-color, #e5e6e7);
}

/* Image Gallery Section */
#image_gallery {

}
#image_gallery .main_img {
text-align: center;
border: 1.5px solid var(--light_border-color, #e5e6e7);
border-radius: 10px;
}
#image_gallery .main_img a img{
margin: 0 auto;
border-radius: 10px;
min-height: 450px;
width: auto;
}
#image_gallery .preview_img {
    display: flex;
justify-content: start;
gap: 10px;
margin-top: 15px;
}
#image_gallery .preview_img .single_img{
max-width: 120px;
height: auto;
}
#image_gallery .preview_img .single_img a.image{
cursor: pointer;
max-width: 120px;
height: auto;
}
#image_gallery .preview_img .single_img a.image img{
opacity: 0.5;
}
#image_gallery .preview_img .single_img a.image.active img{
opacity: 1;
}

@media screen and (min-width: 1200px) and (max-width: 1441px) {

#image_gallery .main_img a img{
min-height: 300px;
}

#versionDetailsPopup h1.version-popup-title {
    font-size: 24px !important;
}

.version-popup-info .version-popup-subtitle,.version-popup-info .version-popup-tagline {
        font-size: 16px;
    margin-bottom: 10px;
}

.col-artwork {
    padding-right: 0px;
    padding-left: 0px;
}

.version-item input[type="text"], .version-item input[type="number"] {
    font-size: 14px !important;
}

.version-item input[type="text"] {
    width: 200px !important;
}

.version-item {
    gap: 0px !important; 
}

.version-item img {
    width: 40px !important;
    height: 40px !important;
}

.version-item .design-link, .version-item .upload, .proof-status-value,
.version-item .edit-artwork-link,.version-item  .upload-new-link {
    font-size: 14px !important;
    line-height: 18px !important;
}

.version-item input[type="number"] {
    width: 50px !important;
    max-width: 50px !important;
}

.col-proof-status {
    width: max-content !important;
}

.version-item {
    grid-template-columns: 50px 0.70fr 0.80fr 0.35fr 130px 30px !important;
}

}


@media screen and (min-width: 767px) and (max-width: 1200px) {

#image_gallery .main_img a img{
min-height: 200px;
}

#versionDetailsPopup h1.version-popup-title {
    font-size: 24px !important;
}

.version-popup-info .version-popup-subtitle,.version-popup-info .version-popup-tagline {
        font-size: 16px;
    margin-bottom: 10px;
}

.col-artwork {
    padding-right: 0px;
    padding-left: 0px;
}

.version-item input[type="text"], .version-item input[type="number"] {
    font-size: 14px !important;
}

.version-item input[type="text"] {
    width: 150px !important;
}

.version-item {
    gap: 0px !important;
}

.version-item img {
    width: 40px !important;
    height: 40px !important;
}

.version-item .design-link, .version-item .upload, .proof-status-value,
.version-item .edit-artwork-link,.version-item  .upload-new-link {
    font-size: 14px !important;
    line-height: 16px !important;
} 

.version-item input[type="number"] {
    width: 50px !important;
    max-width: 50px !important;
}

.col-proof-status {
    width: max-content !important;
}

.version-item {
    grid-template-columns:35px 0.70fr 0.80fr 0.35fr 125px 30px !important
}

}

@media screen and (min-width: 600px) and (max-width: 767px) {

 #image_gallery .main_img a img{
min-height: 150px;
}   

} 

@media (max-width: 767px) {

#versionDetailsPopup h1.version-popup-title {
    font-size: 24px !important;
}

.version-popup-info .version-popup-subtitle,.version-popup-info .version-popup-tagline {
        font-size: 16px;
    margin-bottom: 10px;
}

.col-artwork {
    padding-right: 0px;
    padding-left: 0px;
}

.version-item input[type="text"], .version-item input[type="number"] {
    font-size: 14px !important;
}

.version-item input[type="text"] {
    width: 200px !important;
}

.version-item {
    gap: 0px !important; 
}

.version-item img {
    width: 40px !important;
    height: 40px !important;
}

.version-item .design-link, .version-item .upload, .proof-status-value,
.version-item .edit-artwork-link,.version-item  .upload-new-link {
    font-size: 14px !important;
    line-height: 18px !important;
} 

.version-item input[type="number"] {
    width: 50px !important;
    max-width: 50px !important;
}

.col-proof-status {
    width: max-content !important;
}

    #versionDetailsPopup .version-item {
        width: fit-content;
        grid-template-columns: 30px 200px 215px 120px 140px 30px !important;
    }

    #versionDetailsPopup .version-popup-info {
        padding-bottom: 12px;
    }


}


 @media (max-width: 600px) {
    /* Mobile Changes */

     #image_gallery .main_img a img{
    min-height: 150px;
    }

    .woocommerce table.shop_table td {
    display: block;
    width: 100% !important;
    }

    .sprink-thankyou .woocommerce-table tr td:nth-child(2) img {
        width: 100px;
        height: auto;
    }

 }