/*
* Anpassungen Shoptimizer Theme,
Akustik V2 für WC CART-PAGE
 */

/* CART TABLE */


/*NUR DESKTOP*/
@media (min-width: 768px) {
    /* Die überschriften nur einblenden, sobald das mobile menü nicht da ist.*/
    table.shop_table_responsive thead {
        display: table-header-group !important;
    }

    /* im grund shoptimizer theme ist die preis spalte ausgeblendet.
        diese wieder einblenden*/
    table.shop_table_responsive.woocommerce-cart-form__contents tr td {
        display: table-cell !important;
    }

    /* quantity anzeige kleiner, aber nur für desktop, sonst schwer zu tappen*/
    table.cart .quantity {
        /*width: 75px !important;*/
    }

    #hs-delete-cart-button a {
        min-width: 180px;
    }
}

/*NUR MOBILE!!! */
@media (max-width: 768px) {
    .m-cart table.woocommerce-cart-form__contents tr td[data-title]:before {
        content: attr(data-title) ": ";
        font-weight: 600;
        display: block;
    }

    #hs-delete-cart-button,
    #hs-delete-cart-button a,
    .hs-row-buttons td div {
        width: 100%;
    }

    #hs-refresh-cart-button {
        width: 100% !important;
    }

    /*empty cart mobile fix
    Logo höher */
    .woocommerce-cart .cart-empty:before {
        margin-top: -115px !important;
    }


    .m-cart #page table.cart td.product-remove a.remove {
        top: 7px;
        width: 20px;
    }
}

#hs-delete-cart-button a {
    text-align: center;
    padding: 8px;
    font-weight: 400;
    background-color: #f1f1f1;
    color: #111;
}

#hs-delete-cart-button a:hover, #hs-delete-cart-button a:focus {
    background-color: #111;
    color: #fff;
}

@media (min-width: 769px) {
    /* cart-spalte produkt name etwas kleiner gestalten, ist ursprünglich in shoptimizer 50% (!!)
    die anderen Elemente leiden darunter */
    body table.shop_table_responsive tr td.product-name {
        width: 40% !important;
    }

    body table.shop_table_responsive tr td.product-name {
        padding-left: 0; /* war 10%*/
    }
}

/* die spaltenüberschrift Produkt-Preis einblenden */
#page table.cart.woocommerce-cart-form__contents th.product-price {
    display: table-cell !important;
}


/* das letzte feld in der Cart Item tabelle, subototal, fett stellen.*/
table.cart td.product-subtotal {
    font-weight: bold !important;
}

/* blende "versandland" über woocommerce - land selektor aus.-*/
div.hs-shipping-country-selector .form-row label {
    display: none !important;
}

/* TOTALS TABLE */

/* radio selector ausblenden*/
ul#shipping_method li:only-child label:before {
    display: none;
}

/*Text über dem Land-selector*/
div.hs-shipping-country-selector .form-row label {
    /*display: none;*/
    font-weight: normal !important;
    font-size: 15px !important;
}

/*text - versandmethode (usprünglich*/
ul#shipping_method.woocommerce-shipping-methods li label {
    font-weight: normal !important;
    font-size: 15px !important;
}

/* bei text versandmethode den radio button ausblenden */
.cart_totals .shop_table {
    border-bottom-color: rgb(226, 226, 226) !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

/* aktualisieren button hofa style  (orange)*/
#hs-refresh-cart-button {
    background-color: #ee7f00;
    color: #ffffff;
}

#hs-refresh-cart-button:hover[aria-disabled="false"] {
    background-color: #c96b00 !important;
}

/* In den kleineren Darstellungen den Trash icon größer ziehen*/
@media (max-width: 768px) {
    .woocommerce-cart-form__cart-item.cart_item .product-remove a.remove:before {
        width: 30px;
        height: 30px;
    }
}

/* ipad mini, ipad 6 etc. exakt 768 Pixel, bilddarstellung "strech" korrigieren. */
@media (width: 768px) {
    .m-cart table.cart .product-thumbnail img {
        max-height: 100px !important;
    }
}

/*das schloss icon rausnehmen */
.checkout-button.button.alt.wc-forward:before {
    all: unset;
    /*Falls man das icon mal aders machen wollte:*/
    /*width: 18px;*/
    /*height: 18px;*/
    /*margin-right: 8px;*/
    /*background-color: #fff;*/
    /*-webkit-mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 12c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5S7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7z'%3E%3C/path%3E%3C/svg%3E);*/
    /*mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 12c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5S7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7z'%3E%3C/path%3E%3C/svg%3E);*/
    /*-webkit-mask-position: center;*/
    /*-webkit-mask-repeat: no-repeat;*/
    /*-webkit-mask-size: contain;*/
}

/*mini-cart
Wir müssen den z-index der minicar extrem hochsetzen, um zu erreichen , das der twak button dahinter" verschwindet.
*/
.shoptimizer-mini-cart-wrap {
    z-index: 9999999999 !important;
}