/* WiseLeaf Text Links Readability Enhancement - Homepage Only */
/* This file makes text-only buttons/links more readable and user-friendly */

/* Header navigation links - make more readable */
.header-links a {
    font-size: 14px !important; /* Increased from 12px */
    font-weight: 600 !important; /* Make bolder */
    padding: 8px 12px !important; /* Increased from 6px 10px for better click area */
}

/* Navigation menu links - make more readable */
.nav-menu .nav-links a {
    font-size: 15px !important; /* Increased from 13px */
    font-weight: 600 !important; /* Make bolder */
    padding: 14px 20px !important; /* Increased from 12px 18px */
    color: white !important; /* Make navigation menu buttons WHITE */
}

/* Text-only action links (Learn More, Get Content, Explore Options, etc.) */
.card-link, 
a[href]:not(.btn):not(.button):not(.auth-btn):not(.cta-btn):not(.submit-btn):not(.primary-btn):not(.secondary-btn) {
    font-size: 14px !important; /* Increased from 12px */
    font-weight: 600 !important; /* Make bolder for better readability */
    text-decoration: none !important; /* No underlines */
}

/* Specific targeting for common text link patterns */
.learn-more, 
.get-content, 
.explore-options,
.read-more,
.view-more,
.see-all,
.discover-more {
    font-size: 15px !important; /* Make even larger */
    font-weight: 700 !important; /* Make bold */
    text-decoration: none !important; /* No underlines */
    color: var(--accent-color) !important; /* Ensure good color contrast */
}

/* Footer links - make more readable and larger */
.footer-column a {
    font-size: 15px !important; /* Increased from 12px */
    font-weight: 600 !important; /* Make bolder */
    text-decoration: none !important; /* No underlines */
    color: white !important; /* Keep footer links white */
}

.footer-bottom-links a {
    font-size: 15px !important; /* Increased from default */
    font-weight: 600 !important; /* Make bolder */
    text-decoration: none !important; /* No underlines */
    color: white !important; /* Keep footer links white */
}

/* Breadcrumb and navigation text links */
.breadcrumb a,
.nav-text a,
.inline-link {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important; /* No underlines */
}

/* Hover effects to make text links more interactive */
.header-links a:hover,
.nav-links a:hover,
.card-link:hover,
.learn-more:hover,
.get-content:hover,
.explore-options:hover {
    transform: translateY(-1px) !important; /* Slight lift on hover */
    text-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; /* Subtle shadow for depth */
}

/* Keep navigation links white on hover */
.nav-menu .nav-links a:hover {
    color: white !important; /* Keep navigation menu buttons WHITE on hover */
}

/* Keep footer links white on hover */
.footer-column a:hover,
.footer-bottom-links a:hover {
    color: white !important; /* Keep white on hover */
}

/* Ensure all text links have proper contrast - EXCLUDE navigation links */
a:not(.btn):not(.button):not([class*="btn"]):not(.nav-links a) {
    color: var(--accent-color) !important;
    transition: all 0.3s ease !important;
}

a:not(.btn):not(.button):not([class*="btn"]):not(.nav-links a):hover {
    color: var(--primary-color) !important;
}

/* Special styling for call-to-action text links */
.cta-text, 
.action-text,
.hero-link {
    font-size: 16px !important; /* Even larger for important CTAs */
    font-weight: 700 !important;
    text-decoration: none !important; /* No underlines */
    letter-spacing: 0.3px !important; /* Better readability */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .header-links a {
        font-size: 13px !important;
        padding: 6px 10px !important;
    }
    
    .nav-links a {
        font-size: 14px !important;
        padding: 12px 16px !important;
    }
    
    .card-link,
    a[href]:not(.btn):not(.button):not([class*="btn"]) {
        font-size: 13px !important;
    }
    
    .learn-more,
    .get-content,
    .explore-options {
        font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .header-links a {
        font-size: 12px !important;
    }
    
    .nav-links a {
        font-size: 13px !important;
    }
}

/* FINAL NAVIGATION OVERRIDE - Highest specificity to ensure white navigation text */
.nav-menu .nav-links a,
.nav-menu .nav-links a:link,
.nav-menu .nav-links a:visited,
.nav-menu .nav-links a:active {
    color: white !important;
}

.nav-menu .nav-links a:hover {
    color: white !important;
}