/*
Theme Name: Cocco Child
Theme URI: https://cocco.qodeinteractive.com/
Description: A child theme of Cocco Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: cocco
Template: cocco
*/

.woocommerce-cart  .mkdf-title-holder,
.woocommerce-cart nav.mkdf-main-menu.mkdf-drop-down.mkdf-default-nav,
.woocommerce-cart div#text-9,
.woocommerce-checkout  .mkdf-title-holder,
.woocommerce-checkout nav.mkdf-main-menu.mkdf-drop-down.mkdf-default-nav,
.woocommerce-checkout div#text-9 {
    display: none;
}

@media only screen and (min-width: 1200px) {
    .custom-cart-container, .custom-checkout {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    
    }

    .custom-cart-container form.woocommerce-cart-form {
        width: calc(70% - 20px);
    }

    .custom-cart-container .cart-summary {
        width: calc(30% - 20px);
    }

    .checkout-customer-details {
        width: calc(60% - 20px);  
    }

    .checkout-order-review {
        width: calc(40% - 20px);
    }
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: 100%;
}


.custom-cart-container .cart-summary, .custom-checkout .checkout-order-review {
    background-color: #f8f8f8;
    padding: 30px 20px;
    box-sizing: border-box;
}

.custom-cart-container .cart-summary .cart-collaterals {
    margin-bottom: 0;
}

.custom-cart-container .cart-summary .wc-proceed-to-checkout {
    text-align: center;
}

.checkout-steps {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    list-style: none;
    padding: 0;
    margin: 30px 0 40px;
}

.checkout-steps li {
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    color: #8f9093;
}

.checkout-steps li a {
    color: #8f9093;  
}

.checkout-steps li:nth-child(3) {
    margin-left: -25px;
    margin-right: -25px;
}

.checkout-steps li.sep {
    width: 100px;
    height: 1px;
    background-color: #eee;
    display: block;
    margin: 15px 10px;
}

@media only screen and (max-width: 430px) {
    .checkout-steps li.sep {
        width: 60px;
    }
}

.checkout-steps li .number {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #f8f8f8;
    border: 1px solid #eee;
    color: #8f9093;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 32px;
    margin: 0 auto 10px;
}

.checkout-steps li.active .number {
    background-color: #32355d;
    border-color: #32355d;
    color: white;
}


.woocommerce-cart .mkdf-container-inner, .woocommerce-checkout .mkdf-container-inner {
    padding-top: 0 !important;
}

.woocommerce-cart h5 {
    font-size: 18px;
}

.mkdf-woocommerce-page table.cart th.product-price,
.mkdf-woocommerce-page table.cart th.product-subtotal,
.mkdf-woocommerce-page table.cart td.product-price,
.mkdf-woocommerce-page table.cart td.product-subtotal,
.mkdf-woocommerce-page table.cart th.product-quantity,
.mkdf-woocommerce-page table.cart td.product-quantity {
    min-width: 90px;
    text-align: center !important;
}

.custom-checkout .woocommerce-form-coupon-toggle {
    display: none;
}

p#billing_country_field label {
margin-right: 5px;
}

#billing_country_field span.woocommerce-input-wrapper strong {
    font-weight: 400;
}

.custom-checkout .woocommerce-privacy-policy-text p {
    font-size: 12px;
}

.woocommerce-page .mkdf-content .custom-checkout input[type=email], .woocommerce-page .mkdf-content .custom-checkout input[type=password], .woocommerce-page .mkdf-content .custom-checkout input[type=tel], .woocommerce-page .mkdf-content .custom-checkout input[type=text], .woocommerce-page .mkdf-content .custom-checkout textarea, div.woocommerce input[type=email], div.woocommerce input[type=password], div.woocommerce input[type=tel], div.woocommerce input[type=text], div.woocommerce textarea {
    padding: 15px;
    font-size: 16px;
    color: #32355c;
    margin-bottom: 10px;
}

.woocommerce-checkout .woocommerce .woocommerce-info {
    padding: 20px;
    line-height: 1.5;
}

input#coupon_code {
    background-color: white;
}

form.checkout_coupon.woocommerce-form-coupon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

form.checkout_coupon.woocommerce-form-coupon #coupon_code {
    margin-bottom: 0;
    padding: 19px;
    width: 100%;
    font-size: 16px;
}

form.checkout_coupon.woocommerce-form-coupon button.button {
    background-color: #32355d !important;
    font-size: 16px !important;
}

form.checkout_coupon.woocommerce-form-coupon button.button:hover {
    opacity: 0.9;
}

form.checkout_coupon.woocommerce-form-coupon .clear {
    display: none;
}

form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
    flex: 1;
    padding-right: 20px;
}

form.checkout_coupon.woocommerce-form-coupon p:not(.form-row) {
    width: 100%;
    margin-bottom: 1em;
}

.woocommerce-checkout .checkout-order-review .shop_table th {
    width: unset;
}

.woocommerce-checkout .checkout-order-review .shop_table td:nth-child(2),
.woocommerce-checkout .checkout-order-review .shop_table th:nth-child(2) {
width: 175px;
padding-left: 15px;
box-sizing: border-box;
}

.woocommerce-checkout .checkout-order-review .shop_table dl.tc-epo-metadata.variation * {
    font-size: 12px;
}

.custom-checkout table.shop_table.woocommerce-checkout-review-order-table td {
    color: #444444; 
}

.custom-checkout table.shop_table.woocommerce-checkout-review-order-table td.product-name a.tm-cart-edit-options, 
.custom-checkout table.shop_table.woocommerce-checkout-review-order-table .tm-cart-edit-options {
    display: none;
}

h3#order_review_heading{
    margin-top: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

h3#order_review_heading:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z' fill='%2332355d'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease-in-out;
}

h3#order_review_heading.clicked:after {
    transform: rotate(180deg);
}

.custom-checkout table.shop_table.woocommerce-checkout-review-order-table:not(.visible) thead, 
.custom-checkout table.shop_table.woocommerce-checkout-review-order-table:not(.visible) tbody {
    display: none;
}

.custom-checkout .payment_box p, .woocommerce-privacy-policy-text p {
    line-height: 1.6;
    font-size: 14px;
}

.checkout-customer-details .required {
    text-decoration: none;
    color: red;
}

.checkout-customer-details textarea#order_comments {
    height: 140px;
}

.checkout-customer-details label {
    font-size: 14px;
}

span.validation-error {
    font-size: 12px;
}

header.mkdf-page-header.wyprawka-in-cart .mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:last-child .mkdf-view-cart {
    display: none;
}

.custom-cart-container a.tm-cart-edit-options {
    background-color: rgba(101, 196, 188, 1);
    display: inline-block !important;
    font-style: normal !important;
    padding: 3px 16px;
    border-radius: 5px;
    color: white;
    margin: 10px 0;
}

.custom-cart-container a.tm-cart-edit-options:hover {
    background-color: rgb(88 177 169);
}

header.mkdf-page-header.wyprawka-in-cart .mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(2) a span {
    display:none;
}

header.mkdf-page-header.wyprawka-in-cart .mkdf-shopping-cart-dropdown .mkdf-cart-bottom .mkdf-btn-holder:nth-child(2) a:before {
    content: "Złóż zamówienie";
}