/* ===== Simple Outline Wishlist Icon (Final Clean Glass Look) - Larger Size Override ===== */

/* Heart icon color/fill control (Ensure it remains an outline by default) */
.fw-heart, .fw-heart svg path {
    fill: #e63946 !important;
    stroke: #111827 !important; /* Clean dark outline */
    stroke-width: 2!important; /* Slightly thicker outline */
    transition: all 0.2s ease !important;
}

/* Change to red outline on hover/active */
.fw-heart-btn:hover .fw-heart,
.fw-heart-btn:active .fw-heart {
    fill: #e63946 !important;
    stroke: #e63946 !important; /* Red stroke on hover */
}

/* Product page wishlist button text hide, sirf icon dikhana */
.fw-heart-btn .fw-heart-text {
  display: none !important;
}

/* Heart button - Apply minimal, clean style and larger size */
.fw-heart-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 20 !important;
    width: 36px !important; /* Larger Circle Size */
    height: 36px !important; /* Larger Circle Size */
    
    /* MODIFIED: Increased transparency for more 'glass' effect */
    background: rgba(255, 255, 255, 0.5) !important; 
    /* MODIFIED: Lighter border for clean look */
    border: 0px solid #e0e0e0 !important; 
    box-shadow: none !important; /* Removed all shadow */

    border-radius: 50% !important;
    cursor: pointer !important;

    /* --- REMOVE complex animations/transitions --- */
    transition: all 0.2s ease !important;
    animation: none !important;
}

/* Heart SVG size inside the larger button */
.fw-heart-btn svg {
    width: 20px !important; /* Icon size inside the 48px circle */
    height: 20px !important;
}

/* Hover state – just minimal change */
.fw-heart-btn:hover {
  background: rgba(247, 247, 247, 0.6) !important; /* Slightly less transparent/light grey on hover */
  border-color: #d1d1d1 !important;
  box-shadow: none !important; /* No shadow on hover */
}


/* Ensure product card allows absolute positioning */
.woocommerce ul.products li.product,
.product,
.product-item {
    position: relative !important;
}