/* ==========================================================================
   CONTENT LINKS STYLING
   Styles for hyperlinks in article content and single pages
   ========================================================================== */

/* Article Content Links - Default Underline Style */
.entry-content a,
.wp-block-post-content a,
.single-post .entry-content a,
.page-content a,
.single .entry-content a,
article a,
.wp-block-paragraph a,
.wp-block-list a,
.wp-block-quote a {
    color: hsl(221, 83%, 53%);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    text-decoration-color: hsl(221, 83%, 53%, 0.5);
    transition: all 0.2s ease-in-out;
}

/* Hover State - Thicker Underline & Darker Color */
.entry-content a:hover,
.wp-block-post-content a:hover,
.single-post .entry-content a:hover,
.page-content a:hover,
.single .entry-content a:hover,
article a:hover,
.wp-block-paragraph a:hover,
.wp-block-list a:hover,
.wp-block-quote a:hover {
    color: hsl(221, 83%, 40%);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    text-decoration-color: hsl(221, 83%, 40%);
}

/* Active State - Pressed Effect */
.entry-content a:active,
.wp-block-post-content a:active,
.page-content a:active,
article a:active {
    color: hsl(221, 83%, 35%);
    transform: translateY(1px);
}

/* Focus State - Accessibility */
.entry-content a:focus,
.wp-block-post-content a:focus,
.page-content a:focus,
article a:focus {
    outline: 2px solid hsl(221, 83%, 53%);
    outline-offset: 3px;
    border-radius: 2px;
}

/* ==========================================================================
   EXCLUSIONS - Remove underline from specific link types
   ========================================================================== */

/* Buttons - No Underline */
.entry-content a.wp-block-button__link,
.entry-content a.button,
.entry-content a.btn,
.wp-block-post-content a.wp-block-button__link,
.wp-block-post-content a.button,
.page-content a.button,
article a.button,
article a.btn {
    text-decoration: none !important;
}

/* Image Links - No Underline */
.entry-content a:has(img),
.wp-block-post-content a:has(img),
.page-content a:has(img),
article a:has(img),
.wp-block-image a {
    text-decoration: none !important;
}

/* Card/Block Links - No Underline */
.entry-content a.wp-block-post-title,
.entry-content a.wp-block-post-featured-image,
.wp-block-post-content a.wp-block-post-title {
    text-decoration: none !important;
}

/* External Links - Add Icon (Optional Enhancement) */
.entry-content a[href^="http"]:not([href*="bobopkg.com"])::after,
.wp-block-post-content a[href^="http"]:not([href*="bobopkg.com"])::after {
    content: " ↗";
    font-size: 0.85em;
    opacity: 0.6;
    margin-left: 2px;
}

/* Download Links - Add Icon (Optional Enhancement) */
.entry-content a[href$=".pdf"]::before,
.entry-content a[href$=".zip"]::before,
.entry-content a[href$=".doc"]::before,
.entry-content a[href$=".docx"]::before {
    content: "📄 ";
    margin-right: 4px;
}

/* ==========================================================================
   MOBILE OPTIMIZATIONS
   ========================================================================== */

@media (max-width: 768px) {
    /* Larger touch targets on mobile */
    .entry-content a,
    .wp-block-post-content a,
    .page-content a,
    article a {
        padding: 2px 0;
        text-underline-offset: 4px;
    }

    /* Thicker underline for better visibility */
    .entry-content a,
    .wp-block-post-content a {
        text-decoration-thickness: 1.5px;
    }
}