/* Add this to your CSS file */
.hand-cursor {
    display: inline-block;
    background-image: none;
    cursor: pointer; /* Changes the cursor to a hand pointer on hover */
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: 0.618em 1em;
    text-rendering: auto;
    vertical-align: middle;
    left: auto;
    float: left;
    text-align: center;
    box-shadow: none;
    text-shadow: none;
    transition: 0.4s ease-in-out;
}

/* Optional: Additional styles for hover effect */
.hand-cursor:hover {
    background-color: #2e2e2e !important;/* Example: Change background color on hover */
     border-color: #2e2e2e !important;
    color: #fff !important; /* Example: Change text color on hover */
}
    

.epiphany-button {
    background-color: #fa6161;
    font-weight: 400;
    border: 1px solid #fa6161;
    color: #fff !important;
    opacity: 1 !important;
    border-radius: 0px;
    text-transform: uppercase;
}
.epiphany-button {
    background-color: #fa6161;
    font-weight: 400;
    border: 1px solid #fa6161;
    color: #fff !important;
    opacity: 1 !important;
    border-radius: 0px;
    text-transform: uppercase;
}

.wishlist-added {
  transform: scale(1.2);
  color: #ff0000; /* Red for filled heart */
  transition: transform 0.3s ease, color 0.3s ease;
}

/* 1.  CSS – put in your style-sheet or in a <style> tag
---------------------------------------------------------- */
.woo-error-msg {          /* red line that appears under the input */
    color:#d63333;
    font-size:0.85em;
    margin-top:4px;
    display:block;
}
.woo-banner-error{        /* top-of-page banner */
    background:#fee;
    border-left:4px solid #c00;
    color:#900;
    padding:12px 16px;
    margin:0 0 20px 0;
    border-radius:3px;
}

/* 2.  lightweight styles */
.confirm-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  display:flex; align-items:center; justify-content:center;
  z-index:9999; visibility:hidden; opacity:0;
  transition:.25s;
}
.confirm-overlay.show{ visibility:visible; opacity:1; }

.confirm-box{
  background:#fff; padding:24px 32px;
  border-radius:6px; text-align:center; max-width:280px;
}
.confirm-box p{ margin:0 0 16px; font-size:15px; }
.confirm-box button{ margin:0 6px; padding:6px 18px; border:none;
  border-radius:4px; cursor:pointer; font-size:14px; }
.btn-yes{ background:#d63333; color:#fff; }
.btn-no{ background:#e2e2e2; }