@keyframes wpc-spinner { to { transform: rotate(360deg); } } @-webkit-keyframes wpc-spinner { to { -webkit-transform: rotate(360deg); } } @keyframes wpccl-spinner { to { transform: rotate(360deg); } } @-webkit-keyframes wpccl-spinner { to { -webkit-transform: rotate(360deg); } } .wpccl-btn-wrapper { text-align: left; } .wpccl-btn-wrapper .wpccl-btn { padding-left: 25px; background-image: url("https://denizpinaryayincilik.com.tr/apps/wpc-coupon-listing/assets/images/coupon.svg"); background-repeat: no-repeat; background-position: left center; background-size: 20px; } .wpccl-lightbox { display: none; } .wpccl-featherlight .featherlight-content { width: 90%; max-width: 500px; padding: 20px; border-bottom: 0; } .wpccl-featherlight .featherlight-close { outline: none; } .wpccl-heading { font-weight: 700; color: #222222; text-align: center; margin-bottom: 15px; } .wpccl-coupons .wpccl-coupon { background-color: #f8f8f8; color: #666; width: 100%; padding: 10px 15px; margin-bottom: 15px; border: 1px solid #f8f8f8; } .wpccl-coupons .wpccl-coupon:not(.wpccl-coupon-plain) { cursor: pointer; } .wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-value { font-weight: 600; color: #000; line-height: 1.2; } .wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-code-wrap { display: flex; width: 100%; align-items: center; } .wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-code-wrap .wpccl-coupon-code { border: 1px dashed #9d9d9d; background-color: #f1f1f1; padding: 5px 10px; margin: 5px 10px 5px 0; letter-spacing: 1px; color: #000000; line-height: 1.4; font-size: 18px; } .wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-code-wrap .wpccl-coupon-more { font-size: 14px; line-height: 1.2; } .wpccl-coupons .wpccl-coupon .wpccl-coupon-info .wpccl-coupon-code-wrap .wpccl-coupon-more .wpccl-coupon-expiry span { color: #ff6600; } .wpccl-coupons .wpccl-coupon:hover { border-color: #222222; } .wpccl-coupons .wpccl-coupon:hover .wpccl-coupon-info .wpccl-coupon-code-wrap .wpccl-coupon-code { border-color: #222222; } .wpccl-coupons .wpccl-coupon.wpccl-coupon-applied { position: relative; cursor: unset; } .wpccl-coupons .wpccl-coupon.wpccl-coupon-applied .wpccl-coupon-applied-txt { position: absolute; top: 0; right: 0; font-size: 12px; line-height: 1; padding: 4px 6px; background-color: #222222; color: #ffffff; } .wpccl-coupons .wpccl-coupon:last-child { margin-bottom: 0; } .wpccl-coupons .wpccl-coupon.wpccl-coupon-loading { position: relative; } .wpccl-coupons .wpccl-coupon.wpccl-coupon-loading:before { width: 32px; height: 32px; display: block; margin-top: -16px; margin-left: -16px; content: ""; background-image: url("https://denizpinaryayincilik.com.tr/apps/wpc-coupon-listing/assets/images/curve.svg"); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 50%; z-index: 8; -webkit-animation: wpccl-spinner 1s linear infinite; -moz-animation: wpccl-spinner 1s linear infinite; -ms-animation: wpccl-spinner 1s linear infinite; -o-animation: wpccl-spinner 1s linear infinite; animation: wpccl-spinner 1s linear infinite; } .wpccl-coupons .wpccl-coupon.wpccl-coupon-loading .wpccl-coupon-info { opacity: 0.5; } .wpccl-coupons .wpccl-empty { padding: 20px 0; text-align: center; } .wpccl-coupons.wpccl-coupons-loading { position: relative; min-height: 120px; } .wpccl-coupons.wpccl-coupons-loading:before { width: 32px; height: 32px; display: block; margin-top: -16px; margin-left: -16px; content: ""; background-image: url("https://denizpinaryayincilik.com.tr/apps/wpc-coupon-listing/assets/images/curve.svg"); background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; left: 50%; z-index: 8; -webkit-animation: wpccl-spinner 1s linear infinite; -moz-animation: wpccl-spinner 1s linear infinite; -ms-animation: wpccl-spinner 1s linear infinite; -o-animation: wpccl-spinner 1s linear infinite; animation: wpccl-spinner 1s linear infinite; } .wpccl-coupons.wpccl-coupons-loading .wpccl-coupon { opacity: 0.5; pointer-events: none; } .woocommerce-form-coupon-toggle .woocommerce-info { display: flex; } .woocommerce-form-coupon-toggle .wpccl-btn-wrapper { flex-grow: 1; text-align: right; }