/**
 * 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_available_coupon_sort_by form{ margin-bottom: 0; }
.wt_sc_bogo_cart_item_discount, .wt_sc_bogo_cart_item_discount *{ color:green; font-size:small; }
.wt-mycoupons:has(.wt_sc_myaccount_no_available_coupons) .wt_sc_available_coupon_sort_by { display: none; }@-webkit-keyframes animatetop{0%{top:1000px;opacity:0}to{top:50%;opacity:1}}@keyframes animatetop{0%{top:1000px;opacity:0}to{top:50%;opacity:1}}.woo_sc_price_btn_popup{display:inline-flex;align-items:center;justify-content:center;flex-wrap:nowrap;height:45px;margin:10px 0;padding:3px 10px;font:18px Arial;line-height:40px;clear:both;cursor:pointer;border-radius:4px}.woo_sc_text_icon{display:flex;align-items:center;justify-content:center;gap:8px}.woo_sc_btn_span span.woo_sc_size_icon{display:inline-block;width:30px;height:30px;background-size:contain}.woo_sc_call_popup:hover{transform:scale(1.06);box-shadow:0 0 2px 1px #3ac0ff}.woo_sc_modal{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,.4)}.woo_sc_modal_content{background-color:#fff;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:30px 16px;border:1px solid #888;width:100%;height:100%;box-shadow:0 4px 8px 0 rgba(0,0,0,.3),0 6px 20px 0 rgba(0,0,0,.3);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.woo_sc_scroll_content{width:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}.woo_sc_scroll_content>*{box-sizing:border-box}.woo_sc_scroll_content::-webkit-scrollbar{width:10px}.woo_sc_scroll_content::-webkit-scrollbar-track{background:#dedede}.woo_sc_scroll_content::-webkit-scrollbar-thumb{background:#bbb;border-radius:6px}.woo_sc_scroll_content::-moz-scrollbar{width:10px}.woo_sc_scroll_content::-moz-scrollbar-track{background:#dedede}.woo_sc_scroll_content::-moz-scrollbar-thumb{background:#bbb;border-radius:6px}.woo_sc_modal_close{position:absolute;right:10px;top:2px;color:#aaa;line-height:22px;font-size:22px;font-weight:700;cursor:pointer}.woo_sc_modal_close:focus,.woo_sc_modal_close:hover{color:#000;text-decoration:none;cursor:pointer}.rtl .woo_sc_modal_close{right:unset;left:10px}@media (min-width:768px){.woo_sc_modal_content{width:60%;height:unset;border-radius:8px}.woo_sc_scroll_content{max-height:78vh}.woo_sc_modal_close{right:-22px;top:-18px;color:#fff}.woo_sc_modal_close:hover{color:#fff;scale:1.2}.rtl .woo_sc_modal_close{right:unset;left:-22px}}