/**
 * MarketWZD External Link Logger Pro - Frontend Styles
 * Version: 5.0
 * Author: Jay @ MarketWZD
 */

.entry-content .marketwzd-external-link-logger-processed {
    position: relative;
    text-decoration: none;
}

.marketwzd-external-link-logger-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: baseline;
    position: relative;
    top: 0.1875em;
    opacity: 0.8;
    transition: opacity 0.2s ease;
    pointer-events: none;
    user-select: none;
}

.marketwzd-external-link-logger-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* Hover effect when hovering the link */
.entry-content .marketwzd-external-link-logger-processed:hover + .marketwzd-external-link-logger-icon,
.marketwzd-external-link-logger-icon:has(+ .marketwzd-external-link-logger-processed:hover) {
    opacity: 1;
}

/* Fine-tune alignment for different font sizes */
.entry-content h1 .marketwzd-external-link-logger-icon,
.entry-content h2 .marketwzd-external-link-logger-icon,
.entry-content h3 .marketwzd-external-link-logger-icon {
    top: 0.15em;
}

.entry-content h4 .marketwzd-external-link-logger-icon,
.entry-content h5 .marketwzd-external-link-logger-icon,
.entry-content h6 .marketwzd-external-link-logger-icon {
    top: 0.1875em;
}

/* Small text adjustment */
.entry-content small .marketwzd-external-link-logger-icon,
.entry-content .small .marketwzd-external-link-logger-icon {
    width: 0.9em;
    height: 0.9em;
    top: 0.15em;
}

@media screen and (max-width: 768px) {
    .marketwzd-external-link-logger-icon {
        width: 1.1em;
        height: 1.1em;
    }
}

/* Print styles */
@media print {
    .marketwzd-external-link-logger-icon {
        display: none !important;
    }
}