/**
 * 🎨 HyperDAF Wishlist - Archive Overlay Style
 * Features: Round White Background, +4px Size Increase, Light Green Theme
 */

.daf-image-wishlist-wrapper {
    position: absolute;
    /* 🚀 Positioning on Feature Image */
    top: 160px; 
    left: 12px;   
    z-index: 99 !important; 
    line-height: 0;
}

.daf-wishlist-trigger {
    /* ⚪ Round White Background Added */
    background: #ffffff !important; 
    border-radius: 50% !important;
    
    /* 🚀 Increased size to accommodate 24px icon */
    width: 38px !important;  
    height: 38px !important; 
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Shadow for depth on feature images */
    box-shadow: 0 3px 10px rgba(0,0,0,0.15) !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all 0.2s ease-in-out;
}

.daf-wishlist-trigger:hover { 
    transform: scale(1.1); 
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
}

/**
 * 🚀 ICON SIZE INCREASE (+4px)
 * Previous: 20px -> Now: 24px
 * Color: Light Green #8ac24a
 */
.daf-wishlist-icon { 
    width: 24px !important; 
    height: 24px !important; 
    pointer-events: none;
    transition: all 0.3s ease;
    /* Inactive State: Subtle Light Green Outline */
    filter: invert(72%) sepia(35%) saturate(735%) hue-rotate(43deg) brightness(91%) contrast(89%);
    opacity: 0.9;
}

/** * 🚀 ACTIVE STATE: Product Added 
 * Icon becomes solid bright Light Green
 */
.daf-wishlist-trigger.is-active .daf-wishlist-icon {
    /* Pure Brand Green #8ac24a */
    filter: invert(68%) sepia(47%) saturate(543%) hue-rotate(48deg) brightness(95%) contrast(92%);
    opacity: 1;
    drop-shadow: 0 0 3px rgba(138, 194, 74, 0.4);
    transform: scale(1.05);
}