/**
 * Frontend Styles for EDH Affiliate Links
 */

.edh-affiliate-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
}

.edh-affiliate-icon {
    display: inline-flex;
    align-items: center;
    opacity: 0.7;
    transition: opacity 0.2s ease;
    vertical-align: middle;
    line-height: 1;
}

.edh-affiliate-link:hover .edh-affiliate-icon {
    opacity: 1;
}

.edh-affiliate-icon svg {
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    fill: currentColor;
    vertical-align: middle;
}

/* Tooltip styling - using native title attribute with CSS enhancement */
.edh-affiliate-icon {
    cursor: help;
}

/* Ensure icon inherits link color */
.edh-affiliate-link .edh-affiliate-icon svg {
    color: inherit;
}