/**
 * Theme override styles
 * Force light theme styles to take precedence
 */

/* Light mode overrides for skill tags */
.force-light .skill-tag,
html:not(.dark-mode) .skill-tag {
    background-color: rgba(58, 110, 165, 0.1) !important;
    color: #3a6ea5 !important;
    border: none !important;
}

.force-light .skills-tags,
html:not(.dark-mode) .skills-tags {
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.7)) !important;
}

/* Light mode overrides for project cards */
.force-light .project-card,
html:not(.dark-mode) .project-card {
    background-color: #ffffff !important;
    border-left: none !important;
}

.force-light .project-info,
html:not(.dark-mode) .project-info {
    background-color: #ffffff !important;
}

/* Light mode overrides for project tags */
.force-light .project-tags span,
.force-light .project-tags div,
html:not(.dark-mode) .project-tags span,
html:not(.dark-mode) .project-tags div {
    background-color: rgba(58, 110, 165, 0.1) !important;
    color: #3a6ea5 !important;
    border: none !important;
}

/* Ensure project titles have proper contrast and styling */
.force-light .project-info h3,
html:not(.dark-mode) .project-info h3 {
    color: #333333 !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

/* Ensure project title underline is visible */
.force-light .project-info h3:after,
html:not(.dark-mode) .project-info h3:after {
    background-color: var(--primary-color) !important;
    opacity: 0.7 !important;
}

.force-light .project-info p,
html:not(.dark-mode) .project-info p {
    color: #555555 !important;
}

/* Icon styling adjustments */
.force-light .skill-tag i,
html:not(.dark-mode) .skill-tag i {
    background: none !important;
    box-shadow: none !important;
    color: #3a6ea5 !important;
}

.force-light .project-tags span i,
.force-light .project-tags div i,
html:not(.dark-mode) .project-tags span i,
html:not(.dark-mode) .project-tags div i {
    background: none !important;
    box-shadow: none !important;
    color: #3a6ea5 !important;
}

/* Consistent styling for all skill and project tags */
.force-light .skill-tag,
html:not(.dark-mode) .skill-tag,
.force-light .project-tags span,
.force-light .project-tags div,
html:not(.dark-mode) .project-tags span,
html:not(.dark-mode) .project-tags div {
    background-color: rgba(58, 110, 165, 0.1) !important;
    color: #3a6ea5 !important;
}