/**
 * Collection Button - Styles for the Enhanced Shopping List button
 * Matches WPRM Premium collection button styles
 */

/* ============================================
   Button Base - Match WPRM style
   ============================================ */

.ras-enhanced-list-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none !important;
    transition: opacity 0.2s ease;
}

.ras-enhanced-list-btn:hover {
    opacity: 0.7;
}

.ras-enhanced-list-btn svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* Ensure it inherits WPRM's icon color */
.wprmprc-container-header-actions .ras-enhanced-list-btn {
    color: inherit;
}

/* Add a slight visual distinction */
.ras-enhanced-list-btn svg path:nth-child(2) {
    opacity: 0.6;
}

/* ============================================
   Tooltip (using title attribute)
   ============================================ */

.ras-enhanced-list-btn[title] {
    position: relative;
}

/* ============================================
   Responsive - Hide on very small screens if needed
   ============================================ */

@media (max-width: 400px) {
    .ras-enhanced-list-btn svg {
        width: 20px;
        height: 20px;
    }
}

/* ============================================
   Print - Hide button
   ============================================ */

@media print {
    .ras-enhanced-list-btn {
        display: none !important;
    }
}