/**
 * Frontend Styles for Affiliate Hub
 */

/* Affiliate Link Styles */
.affiliate-link {
    text-decoration: underline;
    color: inherit;
    transition: opacity 0.2s ease;
}

.affiliate-link:hover {
    opacity: 0.8;
}

/* Loading indicator for tracked clicks */
.affiliate-link.tracking {
    opacity: 0.7;
    pointer-events: none;
}

/* Optional: Add icon to affiliate links */
.affiliate-link.show-icon::after {
    content: "🔗";
    font-size: 0.8em;
    margin-left: 3px;
    opacity: 0.6;
}

/* Hide icon on mobile */
@media (max-width: 768px) {
    .affiliate-link.show-icon::after {
        display: none;
    }
}