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

/*form.woocommerce-checkout .fee, form.woocommerce-checkout .tax-total{text-align:right;}*/

.square-point-wrapper {margin-bottom:0px;padding: 15px; padding-bottom: 0;}
.square-point-wrapper .highlight{color:#006e33;font-style:italic;font-weight:bold;}
.square-point-wrapper .square-point-text{float:left;margin-bottom:10px;width:100%;}
.no-loyalty-record{color:#666;}
.square-point-wrapper .woog-redeem-heading{font-size:1rem;}
.square-point-wrapper .current-points{color:#f76d1d;}

.points-earned-text{font-weight:500;color:#198754;font-size:18px;}
.points-earned-text .highlight{font-style:italic;}

.rdr-hint{font-size:12px;color:brown;}
.woog-square-point-wrapper .woog-redeem-toggle{float:right;line-height:28px;}
.woog-square-point-wrapper .dashicons-star-filled{margin-top:2px;margin-right:5px;}
.woog-square-point-wrapper p{margin-bottom:5px;font-size:14px;}
.woog-square-point-wrapper .reward-info{font-weight:bold;}
.woog-square-point-wrapper .reward-row .required-points-info{float:right;font-style:italic;}
.woog-square-point-wrapper .reward-row{float:left;width:100%; border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 10px;}
.woog-square-point-wrapper .required-points-info{float:right;}
.woog-reward-redeem-section	{ /*float: right;*/ display:flex;flex-direction:column; text-align: left; width: 40%; border: 1px solid #ddd; padding: 5px 15px; margin-bottom: 10px;}
.woog-square-redeem-btn-wrapper{padding: 15px 0 0;}
.woog-redeem-toggle{cursor:pointer;}
.point-balance-info{margin-bottom:0;}
.square-point-wrapper-last #redeem-point-now{margin-bottom:7px !important;padding:0.8em 1.2em;}
.square-point-wrapper-last #remove-loyalty-redemption{padding:0.8em 1.2em;}
.square-point-wrapper-last{margin-bottom:0!important;padding:15px;}
.square-point-wrapper-last p {margin-bottom:0!important;}
.woog-square-point-wrapper .point-balance-info{font-size:15px;font-style:italic;}
.points-earned-text{color:#198754;padding:10px;border:1px solid;margin-bottom:20px;}
.points-earned-text .highlight{font-style:italic;}
/***loader***/
.woog-loader {
	float:left;
	margin-top:-3px;
	margin-right:10px;
	width: 20px;
	padding: 4px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #fff;
	--_m:
	conic-gradient(#0000 10%,#000),
	linear-gradient(#000 0 0) content-box;
	-webkit-mask: var(--_m);
			mask: var(--_m);
	-webkit-mask-composite: source-out;
			mask-composite: subtract;
	animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}