/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* coupon Styling */
.wt-mycoupons ul li {
    box-sizing: border-box;
    display: inline-block;
    padding: 15px;
    width: 170px;
    min-height: 60px;
    margin-bottom: 15px;
    vertical-align: top;
    line-height: 1.4;
}   


.wt_coupon_wrapper{ width:100%; position:relative; flex-direction:row; flex-wrap:wrap; display:flex; justify-content:flex-start; margin-bottom:15px; gap:26px;  padding:15px 4px 4px 4px; }
.wt_coupon_wrapper .wt-single-coupon, .wt_coupon_wrapper .wt-sc-hidden-coupon-box{ width: 30%; min-width: 314px; margin: 0px; flex: 1 0 30%; }
.wt_coupon_wrapper .wt-sc-hidden-coupon-box{ content:""; visibility:hidden; }


.wt_sc_pagination{ width:100%; clear:both; margin-bottom:15px; text-align:right; }
.wt_sc_pagination .woocommerce-pagination{ display:inline-block; float:none; }
.wt_sc_available_coupon_sort_by{ float:right; font-size:14px; }
.wt_sc_bogo_cart_item_discount, .wt_sc_bogo_cart_item_discount *{ color:green; font-size:small; }

/* Anycall Custom Coupon */
.circle-on-left-edge::after {
    content: "";
    width: 10px;
    height: 20px;
    position: absolute;
    background: #f9f9f8;
    left: -1px;
    bottom: -9px;
    border-radius: 0 10px 10px 0;
    border: 1px solid #e4e4e4;
    border-left: unset;
    z-index: 9;
}

.circle-on-right-edge::after {
    content: "";
    width: 10px;
    height: 20px;
    position: absolute;
    background: #f9f9f8;
    right: -.9px;
    top: -11px;
    border-radius: 10px 0 0 10px;
    border: 1px solid #e4e4e4;
    border-right: unset;
    z-index: 9;
}

.circle-on-left-edge:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .5px;
    background: repeating-linear-gradient(to right, #e4e4e4 0, #e4e4e4 10px, transparent 10px, transparent 15px);
}

/* Mobile screens (max width 767px) */
@media only screen and (max-width: 767px) {
    .bottom-section {
        font-size: 9px !important;
    }
}