/* Internal Link Styling */
.internal-link {
    color: #8B5CF6;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 2px;
    transition: all 0.2s ease;
    font-weight: 500;
}

.internal-link:hover {
    color: #052e12;
    text-decoration-style: solid;
    text-decoration-thickness: 2px;
}

.internal-link:visited {
    color: #8B5CF6;
}

/* Content specific internal link styling */
.content-text .internal-link {
    border-bottom: 1px dotted #8B5CF6;
    text-decoration: none;
    padding-bottom: 1px;
}

.content-text .internal-link:hover {
    border-bottom: 2px solid #052e12;
    background: rgba(139, 92, 246, 0.05);
    padding: 2px 4px;
    margin: -2px -4px;
    border-radius: 4px;
}

/* Blog content internal links */
.blog-content .internal-link {
    background: linear-gradient(120deg, transparent 0%, rgba(139, 92, 246, 0.1) 50%, transparent 100%);
    padding: 1px 3px;
    border-radius: 4px;
    text-decoration: none;
    border-bottom: 1px solid #8B5CF6;
}

.blog-content .internal-link:hover {
    background: linear-gradient(120deg, rgba(139, 92, 246, 0.1) 0%, rgba(139, 92, 246, 0.2) 50%, rgba(139, 92, 246, 0.1) 100%);
    border-bottom: 2px solid #052e12;
    transform: translateY(-1px);
}

/* Feature description internal links */
.feature-description .internal-link,
.card-description .internal-link {
    color: #052e12;
    text-decoration: underline;
    text-decoration-color: #8B5CF6;
    text-decoration-thickness: 1px;
}

.feature-description .internal-link:hover,
.card-description .internal-link:hover {
    text-decoration-thickness: 2px;
    color: #8B5CF6;
}

/* Hero section internal links */
.hero-content .internal-link {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: #8B5CF6;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.hero-content .internal-link:hover {
    color: #8B5CF6;
    text-decoration-color: #052e12;
}

/* Footer internal links - override default styling */
.footer-content .internal-link {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted currentColor;
    padding-bottom: 1px;
}

.footer-content .internal-link:hover {
    border-bottom: 1px solid currentColor;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .internal-link {
        text-decoration-thickness: 1px;
        text-underline-offset: 1px;
    }
    
    .content-text .internal-link:hover {
        padding: 1px 2px;
        margin: -1px -2px;
    }
    
    .blog-content .internal-link:hover {
        transform: none;
    }
}

/* Print styles */
@media print {
    .internal-link {
        color: inherit !important;
        text-decoration: underline !important;
        background: none !important;
        border: none !important;
    }
    
    .internal-link:after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: #666;
    }
}