/*!
 * FIRST-Network Store - product page corrections.
 *
 * Greenshift ships assets/qty/style.css which styles bare `.quantity button`
 * as an icon button: fixed 2.2rem box, an SVG sprite background, and
 * `text-indent:100%; overflow:hidden` to hide the label. Our custom stepper
 * lives inside div.quantity, so it inherited the text-hiding and the minus
 * and plus glyphs were pushed outside their own box.
 *
 * The plugin's own .fnq-b rule already overrides size, background and colour;
 * it just never reset those two properties. That is all this file does.
 */
.single-product .quantity .fnq .fnq-b,
.single-product .fnq .fnq-b,
.fnq .fnq-b{
	text-indent:0 !important;
	overflow:visible !important;
	text-shadow:none !important;
	font-family:'Plus Jakarta Sans',sans-serif !important;
}
.single-product .fnq .fnq-v,
.fnq .fnq-v{
	text-indent:0 !important;
	overflow:visible !important;
}

/* keep the glyphs optically centred in their 46px halves */
.fnq .fnq-b{letter-spacing:0 !important}
.fnq .fnq-b:hover{color:#7D5F1E !important}
.fnq .fnq-b:disabled,.fnq .fnq-b[disabled]{opacity:.35 !important;cursor:not-allowed !important}
/* ----------------------------------------------------------------
 * Quantity stepper alignment.
 *
 * The original control positions both buttons absolutely with top:0 /
 * left:0 / right:0 inside a wrapper that has a 1px border. Absolute
 * offsets resolve against the padding box, so every child landed 1px
 * low and 1px right, and the + button overhung the wrapper by 1px and
 * was clipped by its overflow:hidden.
 *
 * Replacing the absolute positioning with flex removes the offset
 * entirely and centres each glyph on its own box.
 * ---------------------------------------------------------------- */
body.single-product .fnpdp-infocol .fnq,
body .fnq{
	box-sizing:border-box !important;
	display:flex !important;
	align-items:stretch !important;
	justify-content:space-between !important;
	overflow:visible !important;
	font-size:16px !important;
	line-height:normal !important;
	padding:0 !important;
}

body.single-product .fnpdp-infocol .fnq .fnq-b,
body .fnq .fnq-b{
	position:static !important;
	top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:0 0 44px !important;
	width:44px !important;
	height:auto !important;
	line-height:1 !important;
	font-size:21px !important;
	font-weight:600 !important;
	padding:0 !important;
	margin:0 !important;
	border-radius:100px !important;
	transition:color .15s,background .15s !important;
}

body.single-product .fnpdp-infocol .fnq .fnq-v,
body .fnq .fnq-v{
	position:static !important;
	top:auto !important;left:auto !important;right:auto !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex:1 1 auto !important;
	width:auto !important;
	height:auto !important;
	line-height:1 !important;
	font-size:1rem !important;
	font-weight:800 !important;
	color:#16253A !important;
	font-variant-numeric:tabular-nums !important;
}

/* the minus glyph is optically lighter than the plus at the same weight */
body .fnq .fnq-b:first-child{font-size:23px !important}

body .fnq .fnq-b:hover{background:rgba(22,37,58,.06) !important;color:#7D5F1E !important}