/* Center "Add to Cart" button with gradient background */
.woocommerce ul.products li.product .button {
    display: block;
    margin: 10px auto 0 auto;
    text-align: center;
    background: linear-gradient(135deg, #21b2e8, #43d5d1); /* Change colors as needed */
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: bold;
    transition: all 0.3s ease;
}

/* Hover effect */
.woocommerce ul.products li.product .button:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

/* Center entire header content: logo + icons */
@media (max-width: 980px) {
  .row-icons { /* the row wrapper */
    display: flex !important;
    align-items: center !important; /* vertical center */
    justify-content: center !important; /* horizontal center */
    gap: 20px; /* space between logo and icons */
    flex-wrap: nowrap !important;
  }

  /* Make sure each column sizes to content */
  .row-icons > .et_pb_column {
    flex: 0 0 auto !important;
    max-width: none !important;
    text-align: center;
    margin: 0 !important;
  }

  /* If your icons are in a single column with .icons-inline */
  .icons-inline {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
  }
}