/* =====================================================
   ACADEMIC PROFILE LINKS - PERMANENT WHITE TEXT
   Force ResearchGate, Google Scholar, and ORCID links 
   to always display in white text regardless of theme
   ===================================================== */

/* Target all academic profile links by class and URL */
.research-profile-link,
a[href*="researchgate.net"],
a[href*="scholar.google.com"], 
a[href*="orcid.org"],
.hero-buttons .btn.btn--outline {
    color: white !important;
    border-color: white !important;
}

/* Hover states - maintain white with subtle effects */
.research-profile-link:hover,
a[href*="researchgate.net"]:hover,
a[href*="scholar.google.com"]:hover,
a[href*="orcid.org"]:hover,
.hero-buttons .btn.btn--outline:hover {
    color: #f0f0f0 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: #f0f0f0 !important;
    transform: translateY(-2px);
}

/* Active/focus states */
.research-profile-link:active,
.research-profile-link:focus,
a[href*="researchgate.net"]:active,
a[href*="researchgate.net"]:focus,
a[href*="scholar.google.com"]:active,
a[href*="scholar.google.com"]:focus,
a[href*="orcid.org"]:active,
a[href*="orcid.org"]:focus,
.hero-buttons .btn.btn--outline:active,
.hero-buttons .btn.btn--outline:focus {
    color: white !important;
    border-color: white !important;
    outline: 2px solid rgba(255, 255, 255, 0.5) !important;
}

/* Ensure icons remain white too */
.research-profile-link img {
    filter: brightness(0) invert(1) !important;
}

/* Dark mode compatibility - still white */
[data-theme="dark"] .research-profile-link,
[data-theme="dark"] a[href*="researchgate.net"],
[data-theme="dark"] a[href*="scholar.google.com"],
[data-theme="dark"] a[href*="orcid.org"],
[data-theme="dark"] .hero-buttons .btn.btn--outline {
    color: white !important;
    border-color: white !important;
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .research-profile-link,
    a[href*="researchgate.net"],
    a[href*="scholar.google.com"],
    a[href*="orcid.org"],
    .hero-buttons .btn.btn--outline {
        color: white !important;
        border: 2px solid white !important;
        background-color: rgba(0, 0, 0, 0.8) !important;
    }
}

/* Print styles - ensure visibility */
@media print {
    .research-profile-link,
    a[href*="researchgate.net"],
    a[href*="scholar.google.com"],
    a[href*="orcid.org"] {
        color: black !important;
        border-color: black !important;
    }
}

/* Additional specificity for the hero section */
.hero-section .research-profile-link,
.hero-section a[href*="researchgate.net"],
.hero-section a[href*="scholar.google.com"],
.hero-section a[href*="orcid.org"],
.hero-buttons a {
    color: white !important;
    border-color: white !important;
    text-decoration: none !important;
}

/* Maximum specificity override */
html body .hero-section .hero-buttons .research-profile-link {
    color: white !important;
    border-color: white !important;
}

/* Future-proof against any CSS framework changes */
.research-profile-link[class],
a[href*="researchgate.net"][class],
a[href*="scholar.google.com"][class],
a[href*="orcid.org"][class] {
    color: white !important;
    border-color: white !important;
}

/* Ensure text remains readable with white background fallback */
.research-profile-link:visited,
a[href*="researchgate.net"]:visited,
a[href*="scholar.google.com"]:visited,
a[href*="orcid.org"]:visited {
    color: white !important;
}

/* Animation and transition improvements */
.research-profile-link,
a[href*="researchgate.net"],
a[href*="scholar.google.com"],
a[href*="orcid.org"] {
    transition: all 0.3s ease !important;
}

/* Ensure icons in the links remain visible */
.research-profile-link img,
a[href*="researchgate.net"] img,
a[href*="scholar.google.com"] img,
a[href*="orcid.org"] img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.9 !important;
}

.research-profile-link:hover img,
a[href*="researchgate.net"]:hover img,
a[href*="scholar.google.com"]:hover img,
a[href*="orcid.org"]:hover img {
    opacity: 1 !important;
    filter: brightness(0) invert(1) !important;
}