/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.page-id-1342 header,
.page-id-1342 footer {
    display: none !important;
}

.woocommerce .elementor-element.elementor-products-grid ul.products li.product{
	display: flex;
}
.woocommerce ul.products li.product a {
    display: flex;
	align-items: center;
	background-color: #F5F5F5;
	border-radius: 12px;
	padding: 10px;
}
.woocommerce ul.products li.product a img {
    width: 25% !important;
	margin: 0px !important;
}
.elementor-1257 .elementor-element.elementor-element-034da96 .woocommerce .woocommerce-loop-category__title {
	width: 75%;
	font-size: 15px !important;
	margin-left: 5px;
}
.elementor-widget-wc-categories .woocommerce-loop-category__title .count{
	display:none;
}
/* Style for quantity buttons */
.quantity {
    position: relative;
}

.quantity input.qty {
    text-align: center;
    width: 50px;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.quantity button.minus, .quantity button.plus {
    position: absolute;
    top: 0;
    width: 20px;
    height: 100%;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity button.minus {
    left: -30px;
}

.quantity button.plus {
    right: -30px;
}

.quantity button.minus:hover, .quantity button.plus:hover {
    background-color: #e9e9e9;
}

.custom-quantity {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    width: fit-content;
}

.custom-quantity input {
    width: 40px;
    text-align: center;
    border: none;
    font-size: 16px;
}

.custom-quantity button {
    background: #41B38F;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 18px;
}

.custom-quantity button:hover {
    background: #FFE501;
	color: #000;
}

/* Hide default number input arrows */
.custom-quantity input::-webkit-outer-spin-button,
.custom-quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.custom-quantity input {
    -moz-appearance: textfield; /* For Firefox */
}
.woocommerce .quantity .qty {
    width: 2.0em !important;
	border:0px;
	background-color: #fff;
}


.input-text.qty.text {
    border: none !important;
    outline: none !important; /* Removes focus border */
    background-color: transparent !important; /* Optional: If you want no background */
}

