/**
 * WooCommerce customizations
 * Migrated from WordPress Customizer → Additional CSS
 */

/* --- Single product --- */

.single-product.woocommerce div.product form.cart div.quantity input[type=number]::-webkit-inner-spin-button,
.single-product.woocommerce div.product form.cart div.quantity input[type=number]::-webkit-outer-spin-button {
    opacity: 1 !important;
    height: auto;
}

.woocommerce div.product div.summary {
    margin-bottom: 0px;
}

.single_discount_option .save-information {
    width: 45%;
}

/* --- Cart / Coupon --- */

.coupon.under-proceed {
    margin-bottom: 2em;
}

.coupon.under-proceed button {
    margin-top: 0.5em;
    background: #2a2a2a;
}

/* Hide original Coupon form */
div.coupon:not(.under-proceed) {
    display: none !important;
}

@media only screen and (max-width: 1024px) {
    .woocommerce-cart-form__contents .actions .button {
        display: none;
    }
}

/* --- Ordering / Notices --- */

.woocommerce-ordering {
    display: none;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
    padding-left: 20px !important;
}

/* --- Filter reset button --- */

.woof_submit_search_form_container .button.woof_reset_search_form {
    margin-bottom: 15px;
    background: #5a8558;
    color: #fff;
    font-size: 16px;
    padding: 14px 25px;
}

.no_match {
    width: 100%;
    margin-top: 30px;
    display: block;
    padding-bottom: 20px;
}

/* --- Product grid --- */

.products.columns-5 {
    display: flex;
    flex-wrap: wrap;
}

/* --- Product card tweaks --- */

.populer-box-item-cont figure a {
    margin-bottom: -10px;
}

.populer-box .populer-box-item > p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.populer-box-item-cont img {
    display: block;
    width: 100%;
}

.page-id-7943 .populer-box .populer-box-item > span {
    color: #fff;
}

.populer-box .populer-box-item > span {
    font-size: 14px;
}

.bc_clr {
    background-color: #e1f0e5;
}

@media only screen and (max-width: 1024px) {
    .populer-box-item-cont figure .prd-im {
        height: auto !important;
    }
}

@media only screen and (max-width: 480px) {
    .populer-box h3 {
        top: 5% !important;
    }
}

@media only screen and (max-width: 400px) {
    .ap-product .products.columns-4 .populer-box {
        flex: 100%;
        max-width: 100%;
    }

    .populer-box h3 {
        top: 13% !important;
    }
}