/* WOO OTHER START */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-forward,
.woocommerce .add_to_cart_button,
.woocommerce .checkout-button,
.woocommerce .single_add_to_cart_button {
    background-color: var(--color-main) !important;
    border-radius: var(--radius) !important;
    padding: 10px 30px !important;
    font-family: var(--font-main) !important;
    text-align: center;
    text-transform: uppercase !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 130% !important;
    color: #fff !important;
    border: 1px solid var(--color-main) !important;
    transition: .3s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-forward:hover,
.woocommerce .add_to_cart_button:hover,
.woocommerce .checkout-button:hover,
.woocommerce .single_add_to_cart_button:hover {
    background-color: var(--txt-color) !important;
    color: #fff !important;
}

.woocommerce input, 
.woocommerce textarea, 
.woocommerce select {
    font-family: var(--font-main) !important;
    border: 1px solid #DFDDDA !important;
    padding: 10px !important;
    border-radius: 8px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce-MyAccount-navigation ul li a {
    font-weight: 500;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--color-main);
    font-weight: 700;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top-color: var(--color-main) !important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    color: var(--color-main) !important;
}


@media(max-width: 767px) {
    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        margin-bottom: 40px;
    }
    .woocommerce-MyAccount-navigation ul li {
        margin: 5px 10px;
    }

    .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce .wc-forward, .woocommerce .add_to_cart_button, .woocommerce .checkout-button, .woocommerce .single_add_to_cart_button {
        font-size: .85rem !important;
        line-height: 110% !important;
        padding: 6px 15px !important;
    }
}
/* WOO OTHER END */
/* CART PAGE START */
.woocommerce-cart-form .shop_table thead {
    background-color: var(--color-second);
}
.woocommerce-cart-form .shop_table thead th {
    padding: 20px 10px !important;
    font-weight: 600 !important;
}
.woocommerce-cart-form .shop_table .product-quantity {
    display: none;
}
.woocommerce-cart-form .shop_table .cart_item img {
    width: 120px !important;
}
.woocommerce-cart-form .shop_table .cart_item .remove {
    color: var(--color-main) !important;
    font-weight: 600 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.woocommerce-cart-form .shop_table .cart_item .remove:hover {
    color: var(--txt-color) !important;
    background-color: transparent !important;
}
.woocommerce-cart-form .shop_table .cart_item td {
    font-family: var(--font-main) !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
}
.woocommerce-cart-form .shop_table .cart_item input {
    font-family: var(--font-main) !important;
    background-color: transparent;
    border: 1px solid #DFDDDA !important;
    font-size: 1.2rem !important;
    line-height: 120%;
}

.woocommerce-cart-form .shop_table tbody tr:last-child td {
    padding: 40px 10px 40px 10px !important;
}
.woocommerce-cart-form .shop_table .coupon input {
    height: 40px;
    font-family: var(--font-main) !important;
    width: 160px !important;
    min-width: 160px !important;
    border: 1px solid #DFDDDA !important;
    padding: 10px !important;
    margin-right: 15px !important;
}
.woocommerce-cart-form .shop_table .coupon button {
    font-size: .85rem !important;
}

.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .cart-collaterals {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 40px !important;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none !important;
    width: 400px !important;
    max-width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.woocommerce-page .cart-collaterals .cart_totals h2,
.woocommerce .cart-collaterals h2 {
    display: none !important;
}
.woocommerce-page .cart-collaterals table,
.woocommerce .cart-collaterals table{
    border: none !important;
}
.woocommerce-page .cart-collaterals table th,
.woocommerce .cart-collaterals table th {
    font-weight: 600 !important;
}
.woocommerce-page .cart-collaterals table td,
.woocommerce .cart-collaterals table td {
    font-weight: 400 !important;
    text-align: right !important;
}
.woocommerce-page .cart-collaterals a.button,
.woocommerce .cart-collaterals a.button {
    background: var(--color-main) !important;
    color: #fff !important;
    border: none !important;
    padding: 15px 30px !important;
}
.woocommerce-page .cart-collaterals a.button:hover,
.woocommerce .cart-collaterals a.button:hover {
    transform: scale(1.05);
}


@media(max-width: 1100px) {

    .woocommerce-cart-form .shop_table .cart_item td {
        font-size: 1rem !important;
        min-height: 40px !important;
    }
}

@media(max-width: 767px) {
    
    .woocommerce-cart-form .shop_table .cart_item td:before {
        font-family: var(--font-main) !important;
        font-weight: 500 !important;
    }
    .woocommerce-cart-form .shop_table .cart_item td.product-thumbnail {
        display: block !important;
        text-align: left !important;
    }
    .woocommerce-cart-form .shop_table .cart_item td.product-thumbnail:before {
        display: none !important;
    }
    .woocommerce-cart-form .shop_table .cart_item .remove {
        width: 20px !important;
        height: 20px !important;
        font-size: 1.2rem !important;
    }

    
    .woocommerce-page .cart-collaterals .cart_totals,
    .woocommerce .cart-collaterals {
        justify-content: center !important;
        margin-top: 0 !important;
    }
    .woocommerce-page .cart-collaterals .wc-proceed-to-checkout, .woocommerce .cart-collaterals .wc-proceed-to-checkout {
        margin-left: auto;
        margin-right: auto;
    }
}
/* CART PAGE END */
/* CHECKOUT START */
.woocommerce-form-login-toggle .woocommerce-info {
    background-color: transparent;
}
.woocommerce-form-login-toggle .woocommerce-info .showlogin {
    font-weight: 500;
    color: var(--txt-color);
}

#order_review_heading {
    margin-top: 60px;
}

.woocommerce-checkout #customer_details .create-account {
    position: relative;
    padding: 25px;
    border-radius: var(--radius);
    background-color: var(--color-second);
    font-style: var(--font-second);
    margin-top: 20px;
    margin-bottom: 20px;
}
.woocommerce-checkout #customer_details .create-account:after {
    content: 'Zakładam konto użytkownika, dzięki któremu będę mieć dostęp do wszystkich aktualizacji';
    position: relative;
    display: block;
    font-size: .9rem;
    line-height: 130%;
    margin-bottom: 10px;
    font-style: var(--font-main);
    display: inline-block;
}
.woocommerce-checkout #customer_details .create-account span {
    font-size: 1.25rem;
    line-height: 130%;
    color: #000;
    font-style: var(--font-second);
    display: inline-block;
    font-weight: 600;
}

.woocommerce-checkout .shop_table {
    border: none !important;
    border-spacing: 0 !important;
    border-collapse: collapse !important;

}
.woocommerce-checkout .shop_table thead {
    background-color: var(--color-second);
}
.woocommerce-checkout .shop_table thead th {
    padding: 20px 40px !important;
    font-weight: 500 !important;
    background-color: var(--color-second);
}

.woocommerce-checkout .shop_table .cart_item .product-total,
.woocommerce-checkout .shop_table thead .product-total {
    text-align: right;
}
.woocommerce-checkout .woocommerce-additional-fields textarea,
.woocommerce-checkout .woocommerce-billing-fields input {
    border: 1px solid #DFDDDA !important;
}
.woocommerce-checkout .shop_table .cart_item img {
    width: 120px !important;
    margin-right: 20px !important;
}
.woocommerce-checkout .shop_table .cart_item .remove {
    color: var(--color-main) !important;
    font-weight: 400 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.woocommerce-checkout .shop_table .cart_item .remove:hover {
    background-color: transparent !important;
    color: var(--color-main) !important;
}
.woocommerce-checkout .shop_table .cart_item td {
    font-family: var(--font-second) !important;
    font-size: 1.1rem !important;
    border: none !important;
    font-weight: 500 !important;
    padding: 20px 40px;
}
.woocommerce-checkout .shop_table .cart_item td.product-name {
    display: flex;
    align-items: center;
}
.woocommerce-checkout .shop_table .cart_item input {
    font-family: var(--font-second) !important;
    background-color: transparent;
    border: 1px solid #DFDDDA !important;
    font-size: 1.2rem !important;
    line-height: 120%;
}

.woocommerce-checkout .shop_table .coupon input {
    height: 40px;
    font-family: var(--font-main) !important;
    width: 160px !important;
    min-width: 160px !important;
    border: 1px solid #DFDDDA !important;
    padding: 10px !important;
    margin-right: 15px !important;
}
.woocommerce-checkout .shop_table .coupon button {
    font-size: .85rem !important;
}
.woocommerce-checkout .shop_table tfoot td,
.woocommerce-checkout .shop_table tfoot th {
    font-family: var(--font-second);
    padding: 20px 40px;
    font-size: 1.2rem;
}
.woocommerce-checkout .shop_table tfoot td {
    text-align: right;
    font-weight: 500 !important;
    font-family: var(--font-second);
    font-size: 1.2rem;
}


.woocommerce-checkout-payment {
    margin-top: 40px !important;
    background-color: transparent !important;
    border-radius: none !important;
}
.payment_box {
    background-color: transparent !important;
    padding: 0 !important;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none !important;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    margin: 20px 0 !important;
}
#add_payment_method #payment ul.payment_methods li label, .woocommerce-cart #payment ul.payment_methods li label, .woocommerce-checkout #payment ul.payment_methods li label {
    font-weight: 500;
    font-family: var(--font-second);
}
input[type='radio'] {
    accent-color: var(--color-main);
}

.woocommerce .woocommerce-checkout-payment .button {
    background: var(--color-main) !important;
    color: #fff !important;
    border-color: transparent !important;
    margin-top: 20px;
}
.woocommerce .woocommerce-checkout-payment .button:hover {
    transform: scale(1.05);
}

@media(max-width: 767px) {
    .woocommerce-checkout .shop_table thead th,
    .woocommerce-checkout .shop_table tfoot td, .woocommerce-checkout .shop_table tfoot th {
        padding: 15px !important;
        font-size: 1.05rem !important;
    }
    .woocommerce-checkout .shop_table .cart_item td {
        font-size: 1.05rem !important;
        padding: 15px 15px 15px 0 !important;
    }
    .woocommerce-checkout .shop_table .cart_item img {
        width: 90px !important;
    }
}
/* CHECKOUT END */
