/*
 * Optima Tea child theme custom styles.
 *
 * PrestaShop auto-loads /assets/css/custom.css from the child theme when it
 * exists, so this file is loaded after the parent theme CSS without any extra
 * registration in theme.yml.
 */

.tea-top-banner {
	background-color: #333333;
	display:none
}

.tea-top-banner>div {
	padding: .5rem;
	display: flex;
	justify-content: start;
}

.tea-top-banner img {
	margin: 0
}

.product-add-to-cart .product-quantity .qty .bootstrap-touchspin #quantity_wanted.ps-default-product-unit-display-input {
	width: 7.25rem;
	min-width: 7.25rem;
	max-width: 7.25rem;
	height: 3rem;
	padding: 0.175rem 0.5rem;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-left: 0;
	border-right: 0;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
	background: #fff;
}

.product-line .ps-default-product-unit-cart-display-input,
.product-line-grid .ps-default-product-unit-cart-display-input {
	width: auto;
	min-width: 0;
	flex: 1 1 auto;
	text-align: center;
}

.product-line .bootstrap-touchspin,
.product-line-grid .bootstrap-touchspin {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	float: none;
}

.product-line .bootstrap-touchspin .js-cart-line-product-quantity,
.product-line-grid .bootstrap-touchspin .js-cart-line-product-quantity {
	float: none;
}

.product-line .bootstrap-touchspin .input-group-btn-vertical,
.product-line-grid .bootstrap-touchspin .input-group-btn-vertical {
	float: none;
	flex: 0 0 auto;
}

.product-line-grid-right .unit-price-cart {
	overflow: hidden;
	font-size: 0.875rem;
	font-weight: 500;
	color: #7a7a7a;
	text-overflow: ellipsis;
}

.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
	width: 6rem;
	text-align: center;
}