.woocommerce ul.products li.product .woocommerce-LoopProduct-link h2, .woocommerce ul.products li.product .woocommerce-loop-category__title {
    font-size:18px !important ;
	color:#000000 !important ;
	font-weight:600 !important ;
}

/* short discibtion  */
.woocommerce-product-details__short-description {
     color:#000000 !important ;
	   font-size: 16px !important ;
	   font-weight: 500;
}


/* product attribue size */
.woocommerce-product-attributes-item__value {
     color:#000000 !important ;
	   font-size: 17px !important ;
	   font-weight: 500;
}

/* product attribue size */
.woocommerce-product-attributes-item__label {
     color:#000000 !important ;
	   font-size: 17px !important ;
	   font-weight: 500;
}

/* Widget size */
.woocommerce-widget-layered-nav-list {
     color:#000000 !important ;
	   font-size: 17px !important ;
	   font-weight: 500;
}

/* Header Background */
.header-v2 {
	background-color: #fff !important ;
}

/* Homepage Color only */
.page-template-template-homepage-v12 .site-content {
	background-color: #fbfbfb !important;
}
/* WooCommerce Short Description Text Color */
.product-short-description {
     color:#000000 !important ;
	font-size:15px !important ;
}

.wc-block-cart-items__row .wc-block-cart-item__product .wp-block-woocommerce-cart-order-summary-totals-block{
    color:#000000 !important ;
	font-size:18px !important ;
}

.wc-block-components-product-name {
	font-size:18px !important ;
  color: #000000!important ;
}

.wc-block-checkout{
		font-size:15px !important ;

}
.wc-block-components-product-metadata__description  {
	font-size:15px !important ;
  color: #000000!important ;
}
.elementor-widget-container {
		font-size:15px !important ;
  color: #000000!important ;
}

.wp-block-woocommerce-cart-order-summary-totals-block  {
	font-size:18px !important ;
  color: #000000;
}

.wc-block-cart-items__header{
		font-size:16px !important ;

}

.wc-block-formatted-money-amount {
			font-size:16px !important ;

	
}

.wp-block-woocommerce-cart-order-summary-heading-block {
			font-size:16px !important ;

	
}

.wc-block-components-button {
	font-size:15px !important ;
  background-color: #fed700;
  color: #000000;
}

.wc-block-components-button:hover {
	font-size:15px !important ;
  background-color: #fee34f;
  color: #000000;
}

.wc-block-components-checkout-place-order-button {
	font-size:16px !important ;
  background-color: #fed700 !important ;
  color: #000000 !important ;
	}



.wc-block-components-checkout-place-order-button:hover {
	 background-color: #fee34f;
  color: #000000;
}

.single_add_to_cart_button {
  background-color: #34994b;
	font-size:18px !important ;
	}

.nav-inline  {
	font-size:15px !important ;
	font-weight: 600 !important ;
	color: #000000 !important ;
	
}

.dropdown-menu {
	font-size:17px !important;
	font-weight:900 !important;
	color: #000000 !important;
}
.top-bar {
	
	background-color: #f2efe9 !important;
}

.electro-navbar {
	font-size:16px !important;
	
}

.wapf-field-row {
	float: left;
	text-align: left;
}

.wapf-product-totals {
	float: left;
	text-align: left;
	
}

.wapf--inner {
		font-size:12px !important;
}
/* Base styling for pagination numbers */
.elementor-pagination {
    padding-top: 20px; /* Adds distance from the top div */
}

.elementor-pagination .page-numbers {
    font-size: 18px; /* Increase font size */
    padding: 10px;
    margin: 0 5px;
    border-radius: 50%; /* Make circular */
    background-color: white; /* White background for all circles */
    border: 2px solid grey; /* Grey border for non-active pages */
    color: grey; /* Grey text for non-active pages */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px; /* Ensures the shape remains circular */
    text-align: center;
    transition: all 0.3s ease; /* Smooth transition for hover effect */
}

/* Active page styling */
.elementor-pagination .page-numbers.current {
    background-color: #1d657a; /* Background color for active page */
    color: white; /* White text for active page */
    font-size: 22px; /* Make the active page larger */
    border: 2px solid #1d657a; /* Border color matching background for active page */
}

/* Hover effect for non-active pages */
.elementor-pagination .page-numbers:hover {
    border-color: grey; /* Slightly darker border on hover */
    color: grey; /* Slightly darker text on hover */
}

/* Next and previous buttons styling */
.elementor-pagination .prev,
.elementor-pagination .next {
    font-size: 18px;
    color: grey;
    background-color: white; /* White background for buttons */
    border: 2px solid grey;
    border-radius: 15px; /* Rounded corners for rectangle shape */
    padding: 8px 15px; /* Adjust padding to create rectangular shape */
    margin: 0 5px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

/* Custom styles for the clear "X" button */
.select2-selection__clear {
    background-color: #dc3545; /* Red background color */
    color: #ffffff; /* White text color */
    border-radius: 50%; /* Circular shape */
    padding: 10px; /* Adjust padding for size */
    font-size: 16px; /* Increase size of the "X" */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; /* Adjust for larger size */
    height: 24px;
    line-height: 1; /* Center the "X" vertically */
    cursor: pointer;
}

.select2-selection__clear:hover {
    background-color: #c82333; /* Darker red on hover */
}

#woocommerce_layered_nav-6 {
    margin-top: 10px; /* Adjust the top margin as needed */
    padding: 8px; /* Add 8px padding around the element */
}

#woocommerce_price_filter-4 {
    margin-top: 10px; /* Adjust the top margin as needed */
    padding: 8px; /* Add 8px padding around the element */
}

.elementor-pagination .prev:hover,
.elementor-pagination .next:hover {
    border-color: grey;
    color: grey;
}

.electro-price del {
    font-size: 0.8em;         /* Make the price before discount smaller */
    color: gray;              /* Set the color to gray */
    position: relative;
    top: -5px;                /* Position it a little higher */
}


@media (max-width: 768px) {
    .woocommerce ul.products li.product img {
        object-fit: contain; /* Ensures image is not cropped */
        height: auto; /* Allows full image height */
        width: 100%; /* Keeps width responsive */
    }
}