/*
 Theme Name:   YuniCon
 Description:  Mein Child Theme
 Author:       ONGEMA
 Author URI:   https://ongema.com
 Template:     con
 Version:      1.0
 Text Domain:  yunicon
*/

.woocommerce #page ul.products li.product a {
	color:var(--con-colors-light_text);
}/* Set the footer navigation to display horizontally */
.woocommerce-pagination ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
}

/* Style the footer navigation text */
.woocommerce-pagination ul.page-numbers li {
  margin: 0;
  padding: 10px 15px; /* Add horizontal padding to space out the numbers */
}

.woocommerce-pagination ul.page-numbers li a {
  display: block;
  font-size: 30px; /* Adjust the font size as needed */
  padding: 10px 15px; /* Add horizontal padding to space out the numbers */
  text-decoration: none;
  color: #FFF; /* Adjust the text color as needed */
  position: relative; /* Add position relative to enable absolute positioning */
}

.woocommerce-pagination ul.page-numbers li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 30px; /* Adjust the height as needed */
  background-color: rgba(255, 255, 255, 0.3); /* Set the background color with 30% transparency */
  z-index: -1; /* Move the background behind the text */
}

.woocommerce-pagination ul.page-numbers li span {
  display: block;
  font-size: 30px; /* Adjust the font size as needed */
  padding: 10px 15px; /* Add horizontal padding to space out the numbers */
  color: #000; /* Adjust the text color as needed */
}

/* Style the active/current page number */
.woocommerce-pagination ul.page-numbers li span.current {
  font-weight: bold;
  color: #ff0000; /* Adjust the active/current page number color as needed */
  position: relative; /* Add position relative to enable absolute positioning */
}

.woocommerce-pagination ul.page-numbers li span.current:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 30px; /* Adjust the height as needed */
  background-color: rgba(255, 255, 255, 0.3); /* Set the background color with 30% transparency */
  z-index: -1; /* Move the background behind the text */
}