/*******************************************************************************
GLOBAL
*******************************************************************************/
/*******************************************************************************
HEADER
*******************************************************************************/
/*******************************************************************************
FOOTER
*******************************************************************************/
/*******************************************************************************
MODULES
*******************************************************************************/
/*******************************************************************************
WOOCOMMERCE
*******************************************************************************/
/* QUANTITY SELECTOR */
.quantity-selector
{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin: 0;
}
.quantity-selector .qty-btn:focus-visible,
.quantity-selector input.qty:focus-visible
{
	outline: none !important;
}
.quantity-selector .qty-btn
{
	padding: 10px;
	margin: 0 !important;
    color: #5D5F5E;
    border: none;
    cursor: pointer;
    font-size: 18px;
	background: none;
}
.quantity-selector .qty-btn:hover
{
    color: #313030;
	background: none;
}
.quantity-selector .qty-btn:focus
{
    color: #1C1B1B;
	background: none;
}
.quantity-selector input.qty
{
    width: unset;
	padding: 0;
    margin: 0;
    border: none;
	color: #313030;
	text-align: center !important;
}
.quantity-selector input.qty::-webkit-outer-spin-button,
.quantity-selector input.qty::-webkit-inner-spin-button
{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.quantity-selector input.qty[type=number]
{
    -moz-appearance:textfield; /* Firefox */
}