:root {
	/* containers */
    --mrejanet-checkout-containerspace-margin: 0 0 24px 0;
    --mrejanet-checkout-containerspace-padding: 16px 30px;
    
    	/* buttons */
    /*--mrejanet-checkout-button-bg: #0073aa;
    --mrejanet-checkout-button-text: #ffffff;*/
    --mrejanet-checkout-button-hover-bg: #005a87;
    --mrejanet-checkout-button-padding: 10px 20px;
    --mrejanet-checkout-button-radius: 5px;
    
    	/* colors */
    --mrejanet-checkout-green-color: #7ad03a;
    --mrejanet-checkout-blue-color: #2370f41a;
    
    
    	/* fonts */
    --mrejanet-checkout-thefont-font:  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}



.form-row.woocommerce-invalid input.input-text {
	box-shadow: none !important;
    border: 1px solid red !important;
}

.form-row.woocommerce-validated input.input-text {
	box-shadow: none !important;
    border: 1px solid var(--green-color) !important;
}


.woocommerce-shipping-totals:nth-child(4), .woocommerce-econt-shipping:nth-child(1) {
  display: none;
}
/* hide header and footer */
body.woocommerce-checkout header, body.woocommerce-checkout footer, .storefront-breadcrumb {
  display: none !important;
}
.product-regular-price-discounted {
  font-size: 0.9em;
  text-decoration: line-through;
  color: red;
}
.checkout-coupon {
  display: block !important;
}

/* Shopify-Style Checkout Page for WooCommerce */

body.woocommerce-checkout {
    font-family: 'Helvetica Neue', sans-serif;
    background-color: #ffffff;
    color: #333;
}

/* Centered checkout container */
.woocommerce-checkout form.checkout {
    max-width: 1320px;
    margin: 40px auto;
    padding: 0px;
    background: white;
    border-radius: 8px;
}

@media (min-width: 768px) {
    .col-full {
        max-width: 1220px !important;
        margin-left: auto;
        margin-right: auto;
        padding: 0 2.617924em;
        box-sizing: content-box;
    }
    
    
.checkout-product-qty {
    min-width: 70px; /* Adjust input width if needed */
    width: 70px;
}
    

/* Centered checkout container */
.woocommerce-checkout .container {
    max-width: 1320px;
    width: 100%;
    padding: 0px 2rem;
    margin: 0 auto;
   }
    

}


/* Form inputs styling */
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 16px;
}

/* Order review table */
.woocommerce-checkout-review-order {
    background: #f3f3f3;
    padding: 20px;
    border-radius: 8px;
    margin-top: 20px;
}

/* Checkout button */
#place_order {
    background: var(--mrejanet-checkout-button-bg) !important;
    color: var(--mrejanet-checkout-button-text);
    font-size: 18px;
    padding: 12px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    transition: background 0.3s;
}

#place_order:hover {
    background: var(--mrejanet-checkout-button-bg);
}

/* Coupon section */
.woocommerce-form-coupon-toggle {
    text-align: center;
    margin-bottom: 15px;
}

.woocommerce-form-coupon input[type="text"] {
    /*width: 60%;*/
    display: inline-block;
}

.woocommerce-form-coupon input[type="submit"] {
    background: #008060;
    color: white;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 5px;
}

/* Responsive Mobile */
@media (max-width: 768px) {
    .woocommerce-checkout form.checkout {
        max-width: 100%;
    }
    
	.woocommerce-checkout .woocommerce-checkout-payment {
    padding: 0px 10px 0px 10px !important;
	}
    
	.woocommerce ul#shipping_method li input[type="radio"]:checked + label {
   	 	background-color: #00000014 !important;
    	display: flex !important;
   	 	line-height: 1.2 !important;
    	padding: 10px 15px;
   	 	border: 1px solid #cccccc;
    	border-radius: 8px;
    	margin: 0px;
    	cursor: pointer;
   		min-height: 90px !important;
    	align-content: center;
    	flex-direction: column;
   		align-items: center;
    	justify-content: center;
}

.woocommerce ul#shipping_method li input[type="radio"]:not(:checked) + label {
    display:flex !important;
    flex-direction:column !important;
    line-height: 1.2;
    min-height: 120px !important
}
    
    .woocommerce-checkout-review-order {   
    	padding: 0px !important;
    }
    
    .woocommerce form .form-row input.input-text {
		padding: 7px 15px 7px 15px !important;
        background: #fff;
   		border: 1px solid #ddd;
    	color: grey !important;
    	font-weight: 400;
    	border-radius: 8px;
        box-shadow: unset !important;
	}
    
    .woocommerce ul#shipping_method li input[type="radio"]#shipping_method_0_flat_rate10 + label::before {
    	content: "";
   		background: url("/wp-content/plugins/mrejanet-checkout/assets/images/own.delivery.svg") no-repeat center;
   		background-size: contain;
    	min-width: 45px;
    	min-height: 45px;
    	margin: 0px 5px;
	}
    
    #speedy_shipping_to_field {
   	 	padding: 5px !important;
    	margin-left: -4px;
	}
    
    
    
	.woocommerce-checkout .container {
    	max-width: 1320px;
    	width: 100%;
    	padding: 0px 2rem;
    	margin: 0 auto;
   }
   
   
    .page-template-template-fullwidth-php #order_review {
        padding: 15px !important;
        border-radius: 8px;
        border: 1px solid #ddd;
        background: #fff;
    }
    
    
/*.cart_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}*/

.product-name {
    display: flex;
    align-items: flex-start;
    gap: 10px; /* Adjust spacing between image, text, and input */
    flex-grow: 1; /* Allow the product name to take up remaining space */
    flex-direction: row;
    flex-wrap: wrap;
}

.checkout-product-thumbnail img {
    display: block;
    width: 90px; /* Adjust size if needed */
    height: auto;
}

.checkout-product-qty {
    width: 50px; /* Adjust input width */
    text-align: center;
}

.product-total {
    white-space: nowrap; /* Prevents wrapping */
}

table.woocommerce-checkout-review-order-table .product-name {
    min-width: 100% !important;
}

.checkout-product-qty {
    max-width: 40px !important;
    width: 40px !important;
    text-align: center !important;
}

.checkout_coupon p:first-of-type {
  text-align: center !important;
}

#payment .payment_methods>.wc_payment_method>label {
    text-align: left;
}

   
	}

/* Responsive Desktop */
@media (min-width: 768px) {
.page-template-template-fullwidth-php #order_review {
        padding: 25px;
        border-radius: 8px;
        border: 1px solid #ddd;
        background:#fff;
    } 
    
    
.woocommerce ul#shipping_method li input[type="radio"]:checked + label {
    background-color: #00000014;
    display: flex;
    padding: 10px 15px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    margin: 0px;
    cursor: pointer;
    min-height: 65px;
    align-content: center;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}    


    
    
    	
.woocommerce form .form-row input.input-text {
		padding: 7px 15px 7px 15px !important;
        background: #fff;
   		border: 1px solid #ddd;
    	color: grey !important;
    	font-weight: 400;
    	border-radius: 8px;
        box-shadow: unset !important;
	}
}

#billing_company_field {
  display: none;
}

/* Hide the labels */
/*.woocommerce-billing-fields__field-wrapper label {
    display: none;
}*/

/* Add a pseudo-placeholder effect using ::before */
.woocommerce-input-wrapper {
    position: relative;
}

/* Create a fake placeholder inside the input fields */
.woocommerce-input-wrapper::before {
    content: attr(data-placeholder); /* Get text from a custom attribute */
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 14px;
    pointer-events: none; /* Prevent interaction */
}

/* Hide the pseudo-placeholder when the user types */
.woocommerce-input-wrapper input:focus + ::before,
.woocommerce-input-wrapper input:not(:placeholder-shown) + ::before {
    display;
}







.woocommerce-billing-fields h3, #order_review_heading {
	font-weight:700;
    font-size: 1.25rem;
    font-family: var(--mrejanet-checkout-thefont-font) !important;
}


/* Labels & Things */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: grey !important;
}

.select2-container--default .select2-selection--single {
    padding: 7px 15px 7px 15px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    color: grey !important;
    font-weight: 400 !important;
    border-radius: 8px !important;
    box-shadow: unset !important;
}

.select2-selection__arrow {
	top: 8px !important;
    right: 5px !important;
}

.woocommerce table.shop_table tbody th {
	border: none;
    /*padding: 15px 0px;*/
}

.woocommerce table.shop_table td {
    border: none;
    padding: 15px 0px;
}


.woocommerce ul#shipping_method li {
    border-radius: 8px;
    text-align: center;
    line-height: 0 !important;
}

input[type="radio"] {
    visibility: hidden;
    display: none;
}


.woocommerce ul#shipping_method li input[type="radio"]:checked + label {
    background-color: #00000014;
    display: block;
    padding: 10px 15px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    margin: 0px;
    cursor: pointer;
    border: solid 2px black;
    height: 120px;
}

.woocommerce-shipping-totals.shipping {
	display: flex;
    flex-direction: column;
    align-items: stretch;
}

table:not( .has-background ) th {
    background-color: #fff !important;
}

.woocommerce ul#shipping_method li input[type="radio"]:not(:checked) + label {
    display: flex;
    padding: 10px 15px;
    border: 1px solid #cccccc;
    border-radius: 8px;
    margin: 0px;
    cursor: pointer;
    min-height: 65px;
    align-content: center;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {
    background-color: #fff !important;
}

.woocommerce-checkout input, .woocommerce-checkout select, .woocommerce-checkout textarea {
    background: #fff;
    border: 1px solid #ddd;
    color: grey !important;
    font-weight: 400;
    border-radius: 8px;
    box-shadow: none !important;
}

#order_review .woocommerce-shipping-totals.shipping {
	display:none !important;
}


.checkout-product-qty[type="number"] {
    background: #00000014 !important;
    width:50px;
    float:right;
}

table.woocommerce-checkout-review-order-table .product-name {
    width: 60% !important;
}




.woocommerce-checkout .woocommerce-Price-amount {
    font-size: 1rem;
    font-weight: bold;
}



.woocommerce-checkout .checkout-product-qty {
    font-size: 1rem;
    width: 60px;
    text-align: right;
}

/* Target decimals (if they appear separately in WooCommerce) */
.woocommerce-checkout .checkout-product-qty::after {
    content: ".00"; /* Change to appropriate format */
    font-size: 0.7rem;
    position: relative;
    top: -0.7rem;
    margin-left: 3px;
    font-weight: normal;
    z-index: 9;
}


/* Style decimal part (cents) */
.price-decimal {
    font-size: 0.7rem;
    position: relative;
    top: -0.7rem;
    margin-left: 2px;
    font-weight: normal;
}

.client_id {
	width:100%!important;
}

table.speedy-table tr:last-child {
    display: none;
}

#econt_offices_map {
	height: 200px !important;
}

table:not( .has-background ) tbody tr:nth-child(2n) td {
	background-color:#fff !important;
}


.woocommerce ul#shipping_method li input[type="radio"]#shipping_method_0_flat_rate10 + label::before {
    content: "";
    background: url("/wp-content/plugins/mrejanet-checkout/assets/images/own.delivery.svg") no-repeat center;
    background-size: contain;
    min-width: 45px !important;
    min-height: 45px !important;
    margin: 0px 5px;
}

.woocommerce ul#shipping_method li input[type="radio"]#shipping_method_0_local_pickup16 + label::before {
    content: "";
    background: url("/wp-content/plugins/mrejanet-checkout/assets/images/local.pickup.svg") no-repeat center;
    background-size: contain;
    min-width: 45px !important;
    min-height: 45px !important;
    margin: 0px 5px;
}

label[for=econt_shipping_to_buttons_OFFICE], label[for=econt_shipping_to_buttons_MACHINE], label[for=econt_shipping_to_buttons_DOOR], label[for=speedy_shipping_to_OFFICE], 
label[for=speedy_shipping_to_APT], 
label[for=speedy_shipping_to_ADDRESS] {
    background: #00000014 !important;
    display: flex !important;
}



.cart-subtotal.you-saved {
	color: #8fa678;
}

.woocommerce table.shop_table td {
    padding: 8px 0px;
}

.woocommerce-checkout .woocommerce-Price-amount {
    font-size: 16px;
}

.product-regular-price-discounted {
    display: block;
    margin-top: 5px; /* Adjust spacing if needed */
}

td.product-total {
	float:right;
}

tr.order-total .includes_tax {
    width: 100%;
    display: block;
}

.woocommerce-checkout .form-row.form-row-last button[name="apply_coupon"] {
    background: var(--mrejanet-checkout-button-bg);
    color: var(--mrejanet-checkout-button-text);
    font-weight: 600;
    border-radius: 8px !important;
}

.product-regular-price-discounted {
    display: block;
    margin-top: 5px; /* Adjust spacing if needed */
}

.woocommerce-checkout .woocommerce-checkout-payment {
    display: flex;
    gap: 20px;
    margin: 0 auto;
    background: #00000014;
    padding: 0px 30px 0px 30px;
    flex-direction: column;
    border-radius: 8px !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    padding: 10px 12px 10px 12px;
    margin: 20px 0px;
    background: #fff;
    border: 1px solid #ddd;
    color: grey !important;
    font-weight: 400;
    border-radius: 8px !important;
}

.woocommerce-checkout #payment ul.payment_methods li:hover {
    cursor: pointer;
}

.wc_payment_method input[type="radio"]:checked + label {
    color: grey;
    font-weight:400;
    font-size: 16px;
}

.wc_payment_method input[type="radio"]:not(:checked) + label {
    color: grey; /* Lighter color for unchecked options */
    font-weight: 400;
    font-size: 16px;
    opacity: 0.6; /* Make it look faded */
}

.wc_payment_method input[type="radio"]:checked + label {
    color: black; /* Highlight the selected option */
    font-weight: 600;
    font-size: 18px;
    opacity: 1;
}


.wc_payment_method label {
    display: flex !important;
    padding: 10px !important;
    border-radius: 5px;
    transition: background-color 0.3s;
    justify-content: center;
    align-items: center;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #2370f4;
    border-radius: 8px;
    color: white;
}

.woocommerce-checkout #payment .payment_methods > li .payment_box {
    background-color: #F8F8F8;
    border-radius: 8px;
    color: #000;
    padding: 10px 20px;
    font-size:15px;
}

#payment .payment_methods li:last-child:not(.woocommerce-notice) {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ddd !important;
}


label[for="payment_method_bacs"],
label[for="payment_method_cod"],
label[for="payment_method_stripe"]{
    font-size: 18px; /* Adjust text size */
    font-weight: bold;
    color: #2370f4; /* Change text color */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
    border-radius: 8px;
    width: 100%;
    cursor: pointer;
}

label[for="payment_method_bacs"]::before {
    content: "";
    background: url("/wp-content/plugins/mrejanet-checkout/assets/images/bank.payment.svg") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

label[for="payment_method_mypos_virtual"]::before {
    content: "";
    background: url("/wp-content/plugins/mrejanet-checkout/assets/images/card.payment.svg") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

label[for="payment_method_cod"]::before {
    content: "";
    background: url("/wp-content/plugins/mrejanet-checkout/assets/images/cash.payment.svg") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

label[for="payment_method_stripe"]::before {
    content: "";
    background: url("/wp-content/plugins/mrejanet-checkout/assets/images/card.payment.svg") no-repeat center;
    background-size: contain;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

#payment .payment_methods>.wc_payment_method>label::before {
    content: "" !important;
}


/* Target the price inside the specific shipping method label */
label[for="shipping_method_0_flat_rate10"] .woocommerce-Price-amount.amount {
    margin:0px 5px;
}

#payment .payment_methods li .payment_box fieldset {
    padding: 20px !important;
    border-radius: 8px !important;
    margin: 5px 0px !important;
}

#payment .payment_methods li .payment_box fieldset .form-row {
    color: grey !important;
    display: flex !important;
}

#payment .place-order {
    margin-top: 0px !important;
}

#place_order {
    background: #2370f4;
}

.button.back-to-cart, .show-password-input {
    display: inline-block;
    background-color: var(--mrejanet-checkout-button-bg) !important;
    border-color: var(--mrejanet-checkout-button-bg) !important;
    border-radius: 8px;
    margin: 0px 0px 2% 2% !important;
    color:var(--mrejanet-checkout-button-text);
}

.button.back-to-cart:hover, .show-password-input:hover {
    display: inline-block;
    background-color: var(--mrejanet-checkout-button-bg) !important;
    border-color: var(--mrejanet-checkout-button-bg) !important;
    border-radius: 8px;
    margin: 0px 0px 2% 2% !important;
    color:var(--mrejanet-checkout-button-text);
}






/* Default icon for the shipping method */
.woocommerce ul#shipping_method li input[type="radio"]#shipping_method_0_local_pickup16 + label::before {
    content: "";
    background: url(/wp-content/plugins/mrejanet-checkout/assets/images/local.pickup.svg) no-repeat center;
    background-size: contain;
    display: inline-block; /* Ensure it's displayed */
    min-width: 45px !important;
    min-height: 45px !important;
    margin: 0px 5px;
}

/* Keep the icon visible when checked */
.woocommerce ul#shipping_method li input[type="radio"]#shipping_method_0_local_pickup16:checked + label::before {
    content: "";
    background: url(/wp-content/plugins/mrejanet-checkout/assets/images/local.pickup.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    min-width: 45px !important;
    min-height: 45px !important;
}

/* Default icon for "Flat Rate" shipping method */
.woocommerce ul#shipping_method li input[type="radio"]#shipping_method_0_flat_rate10 + label::before {
    content: "";
    background: url(/wp-content/plugins/mrejanet-checkout/assets/images/own.delivery.svg) no-repeat center;
    background-size: contain;
    display: inline-block; /* Ensure visibility */
    min-width: 45px !important;
    min-height: 45px !important;
    margin: 0px 5px;
}

/* Keep the icon visible when checked */
.woocommerce ul#shipping_method li input[type="radio"]#shipping_method_0_flat_rate10:checked + label::before {
    content: "";
    background: url(/wp-content/plugins/mrejanet-checkout/assets/images/own.delivery.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    min-width: 45px !important;
    min-height: 45px !important;
}

/* Style only the <td> inside .order-total */
tr.order-total td {
    background-color: #00000014;
    border-radius: 8px !important;
    padding: 1px !important;
    text-align: right;
}

ul#shipping_method {
    list-style: none;
    margin-left: 0;
}

.woocommerce-checkout ul#shipping_method {
    margin-bottom: 0;
}

#free-shipping-progress {
	border: none !important;
    background: #fff !important;
    max-width: 1320px;
    margin: 40px auto;
}

#speedy_shipping_to_field {
    overflow: visible !important;
    margin-left: -5px;
}

/*.woocommerce form .form-row .required {
    display: none;
}*/



.product-name {
    display: flex;
    align-items: center;
    gap: 10px; /* Adjust spacing between elements */
}

.checkout-product-thumbnail img {
    display: block; /* Ensures proper alignment */
}



table.woocommerce-checkout-review-order-table .product-name {
    width: 100% !important;
}

td.product-total {
    float: none;
}

ul.woocommerce-error {
    list-style: none;
    margin-left: 0;
}

.mrejanet-checkout-logo, .mrejanet-checkout-back-to-cart {
    max-width: 1320px;
    margin: 40px auto;
}

#coupon_code {
    width: 100%;
}

button[name="apply_coupon"] {
  width: 100% !important;
}

.form-row {
    margin: 0px;
}

#billing_is_invoice_field {
    padding-top: 20px;
}

table td, table th {
    padding: 0px;
}

.checkout_coupon {
    margin-bottom: 0px;
}

table tr.cart_item td.product-name img {
    display: none;
}

table tr.cart_item td.product-name span img {
    display: block;
}

h3 {
    font-weight: 700;
    font-size: 1.25rem;
    font-family: var(--mrejanet-checkout-thefont-font) !important;
}

/*.woocommerce ul.wc_payment_methods li input[type="radio"]:checked + label {
    border: solid 2px black;
}*/

.wc_payment_method:has(> input[type="radio"]:checked) {
    border: solid 2px black !important;
}



.checkout-product-thumbnail img {
    width: 20px !important;
    height: auto;
    max-width: none !important;
}

.woocommerce-checkout-review-order-table .cart_item td {
    border-bottom: 1px dashed #ccc !important;
    vertical-align: middle; /* or middle, depending on your layout */
    padding-top: 10px;
    padding-bottom: 10px;
}


.woocommerce-checkout-review-order-table thead th {
    border-bottom: 2px solid #ccc !important;
    vertical-align: middle; /* or middle, depending on your layout */
    padding-top: 10px;
    padding-bottom: 10px;
}

td.product-total {
    vertical-align: middle;
}

table.woocommerce-checkout-review-order-table td.product-total,
table.woocommerce-checkout-review-order-table th.product-total {
    text-align: right !important;
    vertical-align: middle;
}

tfoot tr.woocommerce-econt-shipping td,
tfoot tr.cart-subtotal td,
 {
    text-align: right !important;
    vertical-align: middle;
}

table.woocommerce-checkout-review-order-table tr td:last-child {
    text-align: right; /* Align to the right */
    vertical-align: middle; /* Center vertically */
}

td.product-name .wcpa_cart_meta {
    display: block;
    width: 100%;  /* Ensures the ul takes full width of the parent td */
    margin-top: 5px; /* Optional, for spacing above the ul */
}

.wd-page-title, .wd-toolbar, .mobile-nav, .wd-sidebar, .wd-search-form, .wd-prefooter, .wd-search-full-screen, .wd-fill, .wd-right {
    display: none;
}