/* Make all WooCommerce buttons green */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button {
  background-color: #6BB252 !important; /* your green color */
  color: #ffffff !important;            /* text color */
  border: none !important;
}

/* Optional: change hover color */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover {
  background-color: #264919 !important; /* darker green on hover */
  color: #ffffff !important;
}





/* Responsive full-width card layout */
.fullwidth-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--wp--preset--spacing--20, 20px);
  width: 100%;
  margin: 0;
  padding-inline: var(--wp--preset--spacing--20, 20px);
  box-sizing: border-box;
}

/* Individual card styling */
.fullwidth-cards > * {
  border: 1px solid #ddd;
  border-radius: 15px;
  background: #fff;
  padding: var(--wp--preset--spacing--20, 20px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: transform 0.3s ease;
}

/* Nice hover effect (optional) */
.fullwidth-cards > *:hover {
  transform: translateY(-4px);
}

/* Make images responsive */
.fullwidth-cards img {
  width: 200px;           
  height: 200px;          
  object-fit: cover;      
  display: block;         
  margin: 0 auto; 
}

/* Prevent overflow on very small screens */
.fullwidth-cards, .fullwidth-cards > * {
  min-width: 0;
}