/* WooCommerce Product Card Adjusted */
/* Justering af padding til produktkort */
#main > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-25d5bc54.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-51bc8248.elementor-product-loop-item--align-center.elementor-widget__width-inherit.elementor-products-grid.elementor-wc-products.elementor-show-pagination-border-yes.elementor-widget.elementor-widget-wc-archive-products > div > div > ul > li.entry.has-media.has-product-nav.col.span_1_of_4.owp-content-center.item-entry.owp-thumbs-layout-vertical.owp-btn-normal.owp-tabs-layout-horizontal.product.type-product {
  padding: 0px; /* Tilføjer padding til produktkortet */
  box-shadow: 0 5px 21px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



/* 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: 1px;
  margin-bottom: 5px;
  justify-content: space-between; /* Distribute space between the containers */
}

/* 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: 1px;
  margin-bottom: 2px;
  justify-content: space-between; /* Distribute space between the containers */
}
/* Søgeresultat siden - SLUT */







/* 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: 85%; /* 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: 5px 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: 34px !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: 12px !important; /* Readable font size */
  margin: 1px !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 - 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: 34px !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: 12px !important; /* Readable font size */
  margin: 1px !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 */
}















/* Hover Effects */
.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: 14px; /* Adjust this value to change the size of the green price on the product*/
	font-weight: 300;
}

/* 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: 12px;
	font-weight: 300;
}


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

/* 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: 14px;
	font-weight: 300;
}
/* 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;
  }
}