/* WooCommerce Product Card Adjusted */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  display: flex;
  flex-direction: column; /* Organize children vertically */
  box-shadow: 0 5px 21px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  padding: 15px;
  margin-bottom: 30px;
  justify-content: space-between; /* Distribute space between the containers */
}

/* Container for image and description */
.woocommerce ul.products li.product .title, 
.woocommerce-page ul.products li.product .title {
  order: 1; /* Ensure this is at the top */
}

/* Container for the energy label and datablad */
.woocommerce ul.products li.product .middle-container, 
.woocommerce-page ul.products li.product .middle-container {
  order: 2; /* Middle of the card */
  display: flex;
  justify-content: center; /* Center these items horizontally */
  align-items: center; /* Center these items vertically */
}

/* Adjusted: Container for Varenr, dkk, and tilføj til kurv */
.woocommerce ul.products li.product .product-info-bottom, 
.woocommerce-page ul.products li.product .product-info-bottom {
  order: 3; /* Ensures this section is at the bottom */
  margin-top: auto; /* Pushes the container to the bottom */
  display: flex;
  flex-direction: column; /* Organizes children vertically */
  width: 80%; /* Ensures the container spans the full width of the card */
}

/* Style adjustments for btn-wrap clr container */
.btn-wrap.clr {
  display: flex; /* Use flexbox for layout */
  justify-content: center; /* Center buttons horizontally */
  padding: 10px 0; /* Add some padding around */
}

/* Style for buttons with fixed dimensions */
.btn-wrap.clr .add_to_cart_button, 
.btn-wrap.clr .button.product_type_simple, 
.btn-wrap.clr .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  background-color: #4c6138 !important; /* Dark green background */
  color: #faf1e4 !important; /* Off-white text color */
  width: 100% !important; /* Fixed width */
  height: 36px !important; /* Fixed height */
  line-height: 24px !important; /* Align text vertically */
  border: 1px solid black !important; /* Making the border thicker and black */
  border-radius: 6px !important; /* Adjusted rounded corners for a modern look */
  cursor: pointer !important; /* Change cursor to indicate button */
  text-align: center !important; /* Center the text inside the button */
  text-decoration: none; /* No underlines */
  display: inline-block !important; /* Align properly with other inline or inline-block elements */
  font-size: 16px !important; /* Readable font size */
  margin: 5px !important; /* Spacing between buttons if there are multiple */
  transition: background-color 0.3s ease; /* Smooth transition for hover effect */
  overflow: hidden; /* Ensure text does not overflow */
  white-space: nowrap; /* Prevent text wrapping */
  text-overflow: ellipsis; /* Add ellipsis if text is too long */
}

/* Søgeresultat siden - Mike 5.4.2024 - START ************************************/
/* Søgeresultat siden - produkt oversigt */
.elementor-products-grid ul.products.elementor-grid li.product {
  display: flex;
  flex-direction: column; /* Organize children vertically */
  box-shadow: 0 5px 21px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  padding: 15px;
  margin-bottom: 30px;
  justify-content: space-between; /* Distribute space between the containers */
}

/* Søgeresultat siden - produkt oversigt - Style for buttons with fixed dimensions */
.elementor-products-grid ul.products.elementor-grid li.product .btn-wrap.clr .add_to_cart_button, 
.btn-wrap.clr .button.product_type_simple, 
.btn-wrap.clr .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  background-color: #4c6138 !important; /* Dark green background */
  color: #faf1e4 !important; /* Off-white text color */
  width: 80% !important; /* Fixed width */
  height: 36px !important; /* Fixed height */
  line-height: 24px !important; /* Align text vertically */
  border: 1px solid black !important; /* Making the border thicker and black */
  border-radius: 6px !important; /* Adjusted rounded corners for a modern look */
  cursor: pointer !important; /* Change cursor to indicate button */
  text-align: center !important; /* Center the text inside the button */
  text-decoration: none; /* No underlines */
  display: inline-block !important; /* Align properly with other inline or inline-block elements */
  font-size: 16px !important; /* Readable font size */
  margin: 5px !important; /* Spacing between buttons if there are multiple */
  transition: background-color 0.3s ease; /* Smooth transition for hover effect */
  overflow: hidden; /* Ensure text does not overflow */
  white-space: nowrap; /* Prevent text wrapping */
  text-overflow: ellipsis; /* Add ellipsis if text is too long */
}

/* WooCommerce Product Card Adjusted */
.elementor-products-grid ul.products.elementor-grid li.product {
  display: flex;
  flex-direction: column; /* Organize children vertically */
  box-shadow: 0 5px 21px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  padding: 15px;
  margin-bottom: 30px;
  justify-content: space-between; /* Distribute space between the containers */
}
/* Søgeresultat siden - SLUT ********************************************/




/* Hover Effects - DISABLED
.btn-wrap.clr .add_to_cart_button:hover, 
.btn-wrap.clr .button.product_type_simple:hover, 
.btn-wrap.clr .button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
  background-color: #faf1e4 !important; /* Off-white background on hover 
  color: #000000 !important; /* Black text color on hover 
  border: 2px solid black !important; /* Increase border thickness on hover 
}*/



/* Pris størrelser - Mike 5.4.2024 - START *************************/
/* Adjust the size of the WooCommerce price amount */
.woocommerce-Price-amount.amount {
  	font-size: 15px; /* Adjust this value to change the size of the green price on the product*/
	font-weight: 400;
}

/* Indkøbskurvens font på catogori siden */
.cart .woocommerce-Price-amount, .woocommerce-cart .cart_totals .woocommerce-Price-amount {
    font-family: 'Din foretrukne font', sans-serif;
	font-size: 15px;
	font-weight: 400;
}


/* Pris størrelsen på single produkt siden v billedet */
.single-product .price, .single-product .woocommerce-Price-amount {
    font-size: 22px; 
	font-weight: 600;
}

/* Størrelsen for indkøbkurvens pris, catogory */
.elementor-menu-cart__toggle .elementor-button .woocommerce-Price-amount.amount {
    font-family: 'Din foretrukne font', sans-serif;
	font-size: 15px;
	font-weight: 400;
}
/* Pris størrelser - SLUT */




/* Adjustments for Product Images */
.woocommerce ul.products li.product img, 
.woocommerce-page ul.products li.product img {
  max-width: 100%;
  height: auto;
}

/* Unchanged styles for Shop Page Layout and Responsiveness */
.woocommerce .products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .woocommerce .products {
    justify-content: center;
  }
}