/* Product title in blue */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #079eda !important;
  font-weight: 600 !important;
  font-size: 1.2rem !important;
}

/* No shadow normally on product images */
.woocommerce ul.products li.product img {
  border-radius: 8px;
  box-shadow: none !important;
  transition: box-shadow 0.3s ease;
}

/* Green glow ONLY on hover */
.woocommerce ul.products li.product:hover img {
  box-shadow: 0 8px 24px rgba(95, 182, 74, 0.7) !important; /* green glow */
}

/* Clean card style without glow normally */
.woocommerce ul.products li.product {
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s ease;
}

/* Slight elevation with blue shadow on card hover */
.woocommerce ul.products li.product:hover {
  box-shadow: 0 12px 30px rgba(7, 158, 218, 0.3);
}

/* WooCommerce sorting dropdown label */
.woocommerce-ordering label {
  color: #5fb64a !important;
  font-weight: 600;
}

/* The dropdown text */
.woocommerce-ordering select {
  color: #5fb64a !important;
  font-weight: 600;
  border-color: #5fb64a !important;
  /* Optional: change dropdown arrow color */
  background-image:
    linear-gradient(45deg, transparent 50%, #5fb64a 50%),
    linear-gradient(135deg, #5fb64a 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 25px) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-weight: normal !important;
}



/* Softer, lighter header background */
.tablepress thead th {
  background-color: #eaf4fb; /* very soft blue */
  color: #079eda !important;
  font-weight: 600;
  padding: 12px 15px;
  text-align: left;
  transition: color 0.3s ease, background-color 0.3s ease;
}

/* Header cell text turns white on individual hover */
.tablepress thead th:hover {
  color: #ffffff !important;
}

/* Round corners on the entire table */
.tablepress {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  font-size: 0.95rem;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

/* Round top corners on header cells */
.tablepress thead th:first-child {
  border-top-left-radius: 12px;
}

.tablepress thead th:last-child {
  border-top-right-radius: 12px;
}

/* Table body rows */
.tablepress tbody td {
  color: #333;
  padding: 10px 15px;
  border-bottom: 1px solid transparent; /* no visible border */
}

/* Zebra stripes with subtle green tint */
.tablepress tbody tr:nth-child(odd) {
  background-color: #f7fbf5;
}

/* Row hover effect with soft blue */
.tablepress tbody tr:hover {
  background-color: #e6f2fb;
}

/* First column text in green and bold */
.tablepress tbody td:first-child {
  color: #5fb64a !important;
  font-weight: 600 !important;
}

/* Links inside tables in green */
.tablepress a {
  color: #5fb64a;
  text-decoration: none;
  transition: color 0.3s ease;
}

.tablepress a:hover {
  color: #079eda;
  text-decoration: underline;
}

/* Responsive scroll styling */
.tablepress-responsive {
  border-radius: 12px;
  overflow-x: auto;
}

/* Style search input inside TablePress tables */
.tablepress input.tablepress-search-input {
  border: 2px solid #5fb64a !important;  /* green border */
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 1rem !important;
  color: #333 !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
  width: 100% !important;
  max-width: 300px !important;
  outline: none !important;
  box-sizing: border-box !important;
  background-color: #fff !important;
}

/* Focus state for search input */
.tablepress input.tablepress-search-input:focus {
  border-color: #079eda !important;  /* blue border */
  box-shadow: 0 0 8px rgba(7, 158, 218, 0.5) !important;
  color: #000 !important;
}