/**
 * Chiawei Portfolio Dark Mode Style Sheet
 */

.portfolio-footer-meta { background-color: var(--secondary-background) !important; }
.portfolio-footer-meta a { color: var(--a-link-tint) !important; }
.portfolio-footer-meta a:hover { color: var(--a-link-tint-hover) !important; }
.meta.row, .with-taxonomy-notes .value li:not(:first-child) { border-color: var(--border-tertiary) !important; }
.meta-group .key { color: var(--text-secondary) !important; }
.portfolio-footer-meta .comma, .meta-group .value .value-explanation { color: var(--text-secondary) !important; }
.with-taxonomy-notes .value li .taxonomy-note { color: var(--text-secondary) !important; }
.with-taxonomy-notes .value li:hover .taxonomy-note { color: var(--text-primary) !important; }

.meta.row.date .value {
    color: var(--text-secondary) !important;
}

.meta.row.date .value .date {
    color: var(--text-primary) !important;
}

.meta-social-media-links .meta a::after {
    background-color: var(--background) !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and(min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .meta.row, .with-taxonomy-notes .value li:not(:first-child) {
        border-top-width: 0.8px;
        border-top-color: var(--border-primary);
    }
}

@media (prefers-color-scheme: dark) {
    .portfolio-tooltip-language .tip-icon { background-image: url('../images/info-white.svg'); }
    
    .meta-social-media-links .meta a::after {
        background-color: var(--tertiary-background) !important;
    }
    
    .meta.linkedin_post_link a {
        background-image: url('../images/linkedin-white.svg') !important;
    }
    
    .meta.x_post_link a {
        background-image: url('../images/x-white.svg') !important;
    }
    
    .meta.instagram_post_link a {
        background-image: url('../images/instagram-white.svg') !important;
    }
    
    .meta.instagram_story_link a {
        background-image: url('../images/instagram-story-white.svg') !important;
    }
    
    .meta.medium_story_link a {
        background-image: url('../images/medium-white.svg') !important;
    }
    
    .meta.publication_link a {
        background-image: url('../images/publication-white.svg') !important;
    }
}