/* Stiluri pentru checkbox-ul de plătitor TVA */
 #billing_company_vat_field{
     height: 31px;
 }
/* hide the native checkbox */
label.checkbox input.styled-checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* hover state */
label.checkbox:hover::before {
    border-color: #000;
}

/* Stiluri pentru mesajele de eroare */
span.optional {
    display: none;
}
.company-fields-show {
    display: block!important;
}
.checkout-fields-pers-heading{
    margin-top: 100px;
}
/* stiluri pentru partea de sus */
#ship-to-different-address span,
#customer_details * h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(30, 30, 30, 0.3);
   /*margin-bottom: 34px;
    margin-top: 45px;*/
}
.woocommerce-billing-fields .checkout-title-wrapper {
    /*margin-bottom: 0px!important;*/
    border-bottom: none!important;
    margin-top: 0px!important;
}
.checkout-title-wrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(30, 30, 30, 0.3);
    align-items: center;
}
.checkout-extra-text {
    color: #ffffff!important;
    font-size: 16px!important;
    font-weight: 400;
}
.woocommerce-billing-fields__field-wrapper .checkout-headings.checkout-fields-pers-heading {
    display: flex;
    width: 100%;
}
.checkout-title-wrapper, .checkout-headings {
    background: var(--bricks-color-jcumji);
    padding: 11px 13px;
    margin-bottom: 30px;
    margin-top: 40px
}
#customer_details * h3 > span {
    font-weight: 400;
}
.leonidas-cost-livrare {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.woocommerce-checkout #payment .payment_methods input[type=radio]+label{
    font-size: 18px;
}
.woocommerce-checkout #payment .payment_methods .payment_box {
    background: transparent;
    margin: 0;
    padding: 0 0 0 42px;
}

.woocommerce-checkout #payment {
    padding: 0;
}
/*shipping form and titles */
.woocommerce-shipping-fields h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox{
    color: #1e1e1e;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}
#ship-to-different-address{
    border-bottom: none!important;
    margin-top: 34px!important;
}
#ship-to-different-address-checkbox + label{
    font-size: 18px!important;
    line-height: 30px!important;
    font-weight: 400!important;
}

.woocommerce-shipping-fields #ship-to-different-address .woocommerce-form__label.woocommerce-form__label-for-checkbox {
    border-top: 1px rgba(30, 30, 30, 0.3) solid;
    padding-top: 24px;
    margin-top: 34px;
    position: relative;
}
.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address input{
    width: 0px;
    height: 0px;
}


/*stiluri pentru forms*/
.client-type-select {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.client-type-select label {
    display: flex;
}

/* Hide native radio and checkboxes */
/*checkout style the checkboxes*/
.woocommerce-checkout input.styled-checkbox,
input.styled-payment-radio {
    display: none!important;
}


/* Style the label to look like a checkbox */
label.checkbox,
.woocommerce-input-wrapper .checkbox + label,
.woocommerce-checkout input.styled-checkbox + label,
input.styled-payment-radio + label {
    position: relative;
    padding-left: 42px;
    cursor: pointer;
    display: flex;
    align-items: center;
    min-height: 34px;
}
input.styled-payment-radio + label {
    justify-content: space-between;
}
.woocommerce-checkout #payment .payment_methods img {
    max-width: 100%;
}
label.checkbox::before,
.woocommerce-checkout input.styled-checkbox + label:before,
input.styled-payment-radio + label:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #333;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    transition: border-color 0.2s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 12px;
}

/* Show SVG only when checked */
#cioc_terms_privacy_field span label {

    display: block;
}
.cioco-terms-label{
    display: block!important;
}
.cioco-terms-label:before{
    top: 20px !important;
}
.cioc-first-label{
    font-size: 17px;
    line-height: 30px;
    font-weight: 400!important;
}
.cioc-first-label p{
    margin-bottom: 10px;
}
.cioc-second-label{
    font-size: 14px;
    font-weight: 400!important;
}
label.checkbox:has(input:checked)::before,
.woocommerce-checkout input.styled-checkbox + label:before,
input#cioc_terms_privacy:checked + label:before,
input.styled-payment-radio:checked + label:before {
    background-image: url('../assets/check-box.svg');
}
/* default: privacy box has no image */
.woocommerce-checkout input#cioc_terms_privacy + label::before {
    background-image: none;
}

/* only when privacy box is checked */
.woocommerce-checkout input#cioc_terms_privacy:checked + label::before {
    background-image: url('../assets/check-box.svg');
}
.woocommerce-checkout input.styled-checkbox:checked + label:before{
    background-image: none;
}
input.styled-payment-radio + label:hover:before {
    border-color: #000;
}

.client-type-select input[type="radio"],
.client-type-select input[type="radio"] {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    accent-color: #222;
}

#billing_first_name_field{
    margin-bottom: 1.2em;
}

#customer_details + div {
    background-color: rgba(246, 246, 246, 1);
    padding: 40px;
    height: fit-content;
    max-width: 400px;
}
#billing_email_field,
.woocommerce-shipping-fields__field-wrapper > p {
    margin: 0 0 1.2em!important;
}


/*style the order detail */

.checkout-product-box {
    display: flex;
    align-items: center;
    gap: 20px;
}
.checkout-product-thumb img {
    width: 88px!important;
    height: 88px!important;
    object-fit: cover;
    background: #fff;
    max-width: fit-content;
}
.checkout-product-info {
    display: flex;
    flex-direction: column;

}
.checkout-product-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.checkout-product-qty {
    color: #a7997a;
    font-size: 12px;
    line-height: 18px;
}
.checkout-product-price {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    width: 100%;
    display: block;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    box-sizing: border-box;
    padding: 0;
    border: none;
}
.woocommerce-Price-currencySymbol,
.woocommerce-checkout-review-order-table * th {
    text-transform: uppercase!important;
}
.woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 5%;
}
.woocommerce-checkout-review-order-table tfoot .woocommerce-Price-amount {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
}

.woocommerce-checkout-review-order-table {
    display: block;
    width: 100%;
}
.checkout-product-row td {
    border-bottom: none!important;
    padding: 5px!important;
}
.woocommerce-checkout .shop_table td, .woocommerce-checkout .shop_table th{
    padding: 5px!important;
}
form.woocommerce-checkout.bricks-default-checkout{
    gap: 50px!important;
    grid-template-columns: 66% auto;
}
.woocommerce-checkout-review-order-table tfoot tr {
    display: flex;
}
.woocommerce-checkout-review-order-table tfoot .order-total{
    padding-top: 10px;
    border-top: 1px solid #dddedf;
}
.woocommerce-checkout-review-order-table tfoot tr td {
    text-align: right;
}
.cart-subtotal {
    padding-top: 30px;
}
.woocommerce-checkout .shop_table tfoot {
    border-bottom: none!important;
}
/*accordion checkout page*/
.cart-accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    color: #a7997a;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 0 0 0 2px;
    user-select: none;
    width: 300px;

}
.cart-accordion-chevron {
    display: flex;
    align-items: center;
    margin-left: 10px;
    cursor: pointer;
}

.cart-accordion-chevron svg {
    display: block;
    width: 28px;
    height: 28px;
}

.cart-accordion-header.is-open .cart-accordion-chevron {
    transform: rotate(0deg);
}
.cart-accordion-header .cart-accordion-chevron {
    font-size: 16px;
    transition: transform 0.2s;
    margin-left: 14px;
}
.cart-accordion-content {
    padding-top: 10px;
    display: block;
    transition: max-height 0.25s;
}
.cart-accordion-content:not(.is-open) {
    display: none;
}
.woocommerce-checkout-review-order-table tfoot {
    display: block;
}

@media screen and (max-width: 478px) {
	.checkout-title-wrapper {
		flex-direction: column;
        align-items: flex-start;
	}
    #payment_method_plationline + label{
        display: block;
    }
	.client-type-select {
		width: 100%;
	}
    #payment_method_bacs + label{
        text-wrap: nowrap;
    }

    .payment_method_plationline{
        min-height: 66px;
    }
    .payment_method_cod p,
    .payment_method_bacs p{
        margin-top: 0px!important;
    }
    form.woocommerce-checkout.bricks-default-checkout {
        display: flex!important;
    }
    .select2-container, .cart-accordion-header.is-open, .cart-accordion-header {
        width: 100%!important;
    }
    .woocommerce-checkout #payment {
        padding: 0!important;
    }
    .leonidas-pickup-locations{

    }
}


/* shipping styles*/
.checkout-inline-error-message,
.woocommerce-shipping-totals,
.woocommerce-shipping-methods {
    display: none !important;
}


.leonidas_shipping td {
    font-size: 18px;
}


.location_logo img{
    max-width: 33px;
    height: 40px;
}

@media screen and (max-width: 480px) {
    .location_logo{
        display: none;
    }
    .mobile_location_logo img{
        display: block!important;
        margin-right: 20px;
    }
    .check_mark_logo{
        top: 20px;
    }
    .mobile_location_logo{
        display: flex;
    }
}


.check_mark_logo {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 12px;
    top: 10px;
}

.check_mark_logo img {
    display: none;
}


.custom-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
}


.custom-radio-mark {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 2px solid #1E1E1E;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin-right: 15px;
    transition: border-color 0.2s;
    background: #fff;
    box-sizing: border-box;
}

.custom-radio {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
}

.leonidas-livrare-title {
    display: flex;
    gap: 3px;
    flex-direction: column;
    flex: 1;
}

.custom-radio input[type="radio"]:checked + .custom-radio-mark::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    background: #181716;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.custom-radio:hover .custom-radio-mark {
    border-color: #d9b664;
}

/* Terms and conditions */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    display: none;
}


/* Pickup location */
/* container must be position:relative for the pseudo-elements */
.leonidas-pickup-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 70%;
    margin: 1em 0;
}
#leonidas-pickup-locations{
    display: flex;
    justify-content: flex-start;
    margin-left: 39px;
}
/* hide the native select arrow & set some base styles */
#leonidas_pickup_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 60px;
    font-size: 16px!important;
    padding: 17px 40px;
    font-size: 1rem;
    line-height: 1.2;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}

/* left-side “pickup” icon */
.leonidas-pickup-dropdown::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0.75em;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24' fill='none'><path d='M10 20.4353C12.3571 18.5529 14.1371 16.7412 15.34 15C16.5419 13.2588 17.1429 11.6235 17.1429 10.0941C17.1429 8.77647 16.899 7.65271 16.4114 6.72282C15.9229 5.79388 15.3214 5.04094 14.6071 4.464C13.8929 3.888 13.119 3.47059 12.2857 3.21177C11.4524 2.95294 10.6905 2.82353 10 2.82353C9.30952 2.82353 8.54762 2.95294 7.71429 3.21177C6.88095 3.47059 6.10714 3.888 5.39286 4.464C4.67857 5.04094 4.07762 5.79388 3.59 6.72282C3.10143 7.65271 2.85714 8.77647 2.85714 10.0941C2.85714 11.6235 3.4581 13.2588 4.66 15C5.86286 16.7412 7.64286 18.5529 10 20.4353ZM10 24C6.64286 21.5529 4.13667 19.1765 2.48143 16.8706C0.827143 14.5647 0 12.3059 0 10.0941C0 8.42353 0.30381 6.95859 0.911429 5.69929C1.5181 4.44094 2.29762 3.38824 3.25 2.54118C4.20238 1.69412 5.27381 1.05882 6.46429 0.635294C7.65476 0.211765 8.83333 0 10 0C11.1667 0 12.3452 0.211765 13.5357 0.635294C14.7262 1.05882 15.7976 1.69412 16.75 2.54118C17.7024 3.38824 18.4824 4.44094 19.09 5.69929C19.6967 6.95859 20 8.42353 20 10.0941C20 12.3059 19.1724 14.5647 17.5171 16.8706C15.8629 19.1765 13.3571 21.5529 10 24ZM10 12.7059C10.7857 12.7059 11.4586 12.4292 12.0186 11.8758C12.5776 11.3233 12.8571 10.6588 12.8571 9.88235C12.8571 9.10588 12.5776 8.44094 12.0186 7.88753C11.4586 7.33506 10.7857 7.05882 10 7.05882C9.21429 7.05882 8.54191 7.33506 7.98286 7.88753C7.42286 8.44094 7.14286 9.10588 7.14286 9.88235C7.14286 10.6588 7.42286 11.3233 7.98286 11.8758C8.54191 12.4292 9.21429 12.7059 10 12.7059Z' fill='%23FFD14D'/></svg>") no-repeat center center;
    background-size: contain;
    pointer-events: none;
}

/* right-side custom arrow */
.leonidas-pickup-dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.75em;
    transform: translateY(-50%);
    width: 16px;
    height: 10px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'><path fill='%231E1E1E' d='M1.88 0L8 6.18084L14.12 0L16 1.90283L8 10L0 1.90283L1.88 0Z'/></svg>") no-repeat center center;
    background-size: contain;
    pointer-events: none;
}
.place-order{
    margin: 20px 0px;
}
/* optional: focus state */
#leonidas_pickup_select:focus {
    border-color: #888;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}