/*
 * This file describes the Shop page styles of the project
 */

/* Shop Basket */
.artowoocommerce-shop .drap-cart-icon {
    background-color: var(--bg-color);
    display: flex;
    justify-content: flex-end;
    padding-right: 80px;
    margin-bottom: 90px;
}
.artowoocommerce-shop .basket-container {
    display: flex;
    padding: 20px 0;
    align-items: center;
}

.artowoocommerce-shop .basket-title {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 600;
    margin-right: 20px;
}

.artowoocommerce-shop .basket-icon-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: var(--main-color);
    border-radius: 8px;
    padding: 6px 10px;
    width: 80px;

}
.artowoocommerce-shop .basket-count {
    color: var(--white);
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
}
.artowoocommerce-shop .basket-icon-container img {
    width: 24px;
    height: auto;
}

/* Shop Product Card */
.artowoocommerce-shop .product .onsale {
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color);
    padding: 0;
}
.artowoocommerce-shop .product {
    box-shadow: 0 13px 18px rgb(0 0 0 / 0.2);
    border-radius: 16px;
}
.artowoocommerce-shop .product img {
    /*width: 100%;*/
    display: block;
    margin: 0 auto 20px
}
.artowoocommerce-shop .woocommerce-loop-product__title {
    line-height: 5rem;
    padding: 0 20px !important;
}
.artowoocommerce-shop .excerpt {
    padding: 0 20px;
}
.artowoocommerce-shop .price {
    padding: 0 20px;
}
.artowoocommerce-shop .quantity {
    padding: 0 20px 20px;
}
.artowoocommerce-shop .woocommerce ul.products li.product .price {
    font-weight: 600;
}

/* Product Quantity */
.artowoocommerce-shop ul li::before {
    display: none;
}
.artowoocommerce-shop .product .quantity {
    display: grid;;
    grid-template-columns: 1fr 1fr;
}
.artowoocommerce-shop .product .added_to_cart {
    grid-column: 1/3;
    text-align: center;
}
.artowoocommerce-shop .product .quantity > div {
    display: flex;
    overflow: hidden;

}
.artowoocommerce-shop .product .quantity button {
    background-color: var(--bg-color);
    color: var(--dark-bg);
    border: none;
    cursor: pointer;
    font-size: 35px;
    font-weight: 600;
    margin-top: 17px;
    width: 30px;
    height: auto;
    text-align: center;
    transition: background-color 0.2s;
}
.artowoocommerce-shop .product .quantity button:hover {
    background-color: #2980b9;
}
.artowoocommerce-shop .product .quantity .input-box {
    width: 40px;
    height: 36px;
    text-align: center;
    border: none;
    color: var(--dark-bg);
    margin-top: 20px;
    padding: 8px 5px;
    font-size: 18px;
    font-weight: 600;
    outline: none;
}
.artowoocommerce-shop .product .quantity .input-box::-webkit-inner-spin-button,
.artowoocommerce-shop .product .quantity .input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.artowoocommerce-shop .woocommerce a.button.loading::after {
    top: 16px;
    right: 20px;
}
.artowoocommerce-shop .product .quantity .input-box[type="number"] {
    -moz-appearance: textfield;
}

.woocommerce ul.products li.product .button {
    color: var(--white);
    display: inline-block;
    margin-top: 1em;
    background-color: var(--accent-color);
    border-radius: 8px;
    font-weight: 400;
    font-size: 13px;
    padding: 16px 15px;
    text-align: center;
}

/* Cart/Checkout Page */
.artowoocommerce-cart .woocommerce,
.artowoocommerce-checkout .woocommerce {
    margin: 90px 0 80px 0;
}
.artowoocommerce-cart .woocommerce table tr th {
    background-color: var(--bg-color);
}
.artowoocommerce-cart .woocommerce table tr {
    background-color: #fafafa;
}
.artowoocommerce-cart .woocommerce table tr td {
    color: var(--font-color);
}
.artowoocommerce-cart .woocommerce table tr td input.input-text.qty {
    color: var(--font-color);
    padding: 10px 15px;
    width: 100px !important;
}
.artowoocommerce-cart .woocommerce .cart_item .product-thumbnail {
    width: 100px;
}
.artowoocommerce-cart .woocommerce .coupon {
    display: flex;
}
.artowoocommerce-cart .woocommerce table.cart td.actions .input-text {
    margin-right: 20px;
    width: 100%;
}

    /* Checkout Page */
.artowoocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label {
    font-size: small;
}
.artowoocommerce-checkout .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
    font-size: small;
}
.artowoocommerce-checkout .wc-block-components-text-input label {
    font-size: small;
}
.artowoocommerce-checkout .wc-block-components-button:not(.is-link) {
    font-size: 1.8rem;
}
.artowoocommerce-checkout .wc-block-components-address-form__country {
    height: 0;
    margin-top: 0;
    visibility: hidden;
}
.artowoocommerce-checkout button.wc-block-components-checkout-place-order-button {
    padding: 15px 50px;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    color: var(--white);
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color);
    text-decoration: none;
    border-radius: 30px;
    text-wrap: nowrap;
    text-align: center;
    display: inline-block;
}

/* Thankyou Page */
.artowoocommerce-page .woocommerce .woocommerce-thankyou-order-details li {
    margin-top: 0;
}
.artowoocommerce-page .woocommerce .woocommerce-thankyou-order-details li::before {
    display: none;
}
.artowoocommerce-page .woocommerce table tr th {
    background-color: var(--bg-color);
}
.artowoocommerce-page .woocommerce table tr {
    background-color: #fafafa;
}
.artowoocommerce-page .woocommerce table tr td {
    color: var(--font-color);
}
.artowoocommerce-page .woocommerce-order .woocommerce-notice {
    margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
    .woocommerce ul.products
    {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 23px;
    }
    .woocommerce ul.products li.product {
        /*margin-right: 1.9%;*/
        /*margin-left: 1.9%;*/
        /*width: 46%;*/
    }
}

@media all and (max-width: 992px) {
    .artowoocommerce-page .page-title {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .artowoocommerce-page .article {
        margin-top: 0 !important;
    }
}

@media all and (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
    .artowoocommerce-page .woocommerce-cart-form__contents .quantity {
        display: flex;
        justify-content: flex-end;
    }
    .artowoocommerce-page .woocommerce-cart-form__contents .product-subtotal {
        /*border-bottom: 20px solid mistyrose;*/
        border-bottom: 20px solid var(--bg-color);
    }
    .artowoocommerce-page .woocommerce ul.order_details li {
        border-right: hidden;
    }
}

@media all and (max-width: 576px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }
    .artowoocommerce-page .woocommerce-cart-form__contents .coupon {
        display: block;
    }
    .artowoocommerce-cart .woocommerce table.cart td.actions .input-text {
        margin-right: 0;
        min-width: 100%;
    }
    .woocommerce table.cart td.actions .coupon .input-text+.button {
        width: 100%;
    }
}