/* Final fix for experience section cards - completely remove grids */

/* Reset all experience card styles */
.neo-experience-card,
.neo-experience-card *,
.neo-experience-card *::before,
.neo-experience-card *::after {
    background-image: none !important;
    background-color: #fff !important;
}

.dark .neo-experience-card,
.dark .neo-experience-card *,
.dark .neo-experience-card *::before,
.dark .neo-experience-card *::after {
    background-image: none !important;
    background-color: var(--background-color-dark) !important;
}

/* Force white background for experience cards */
.neo-experience-card {
    background-color: #fff !important;
    background-image: none !important;
    border: 3px solid #000 !important;
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.7) !important;
    position: relative !important;
    z-index: 1 !important;
}

.dark .neo-experience-card {
    background-color: var(--background-color-dark) !important;
    background-image: none !important;
    border: 3px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.15) !important;
}

/* Specific overrides for all possible elements */
.neo-experience-card .card-body,
.neo-experience-card .card-title,
.neo-experience-card .card-text,
.neo-experience-card div,
.neo-experience-card span,
.neo-experience-card p,
.neo-experience-card ul, 
.neo-experience-card ol,
.neo-experience-card li,
.neo-experience-card a,
.neo-experience-card button,
.neo-experience-card img,
.neo-experience-card i {
    background-color: #fff !important;
    background-image: none !important;
}

.dark .neo-experience-card .card-body,
.dark .neo-experience-card .card-title,
.dark .neo-experience-card .card-text,
.dark .neo-experience-card div,
.dark .neo-experience-card span,
.dark .neo-experience-card p,
.dark .neo-experience-card ul, 
.dark .neo-experience-card ol,
.dark .neo-experience-card li,
.dark .neo-experience-card a,
.dark .neo-experience-card button,
.dark .neo-experience-card img,
.dark .neo-experience-card i {
    background-color: var(--background-color-dark) !important;
    background-image: none !important;
}

/* Override for experience section */
#experience.section {
    background-image: 
        linear-gradient(#A2D2FF 1.5px, transparent 1.5px),
        linear-gradient(90deg, #A2D2FF 1.5px, transparent 1.5px) !important;
    background-size: 25px 25px !important;
    background-color: #f0f8ff !important; /* Light blue background */
    padding: 40px 0 !important;
}

.dark #experience.section {
    background-image: 
        linear-gradient(rgba(162, 210, 255, 0.4) 1.5px, transparent 1.5px),
        linear-gradient(90deg, rgba(162, 210, 255, 0.4) 1.5px, transparent 1.5px) !important;
    background-color: rgba(10, 15, 25, 1) !important;
}

/* Override for badges inside experience cards */
.neo-experience-card .badge {
    background-color: #FFD1DC !important;
    background-image: none !important;
    color: #000 !important;
    border: 2px solid #000 !important;
}

.dark .neo-experience-card .badge {
    background-color: rgba(255, 209, 220, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
    color: #fff !important;
}

/* Override for dates */
.neo-experience-date {
    background-color: #A2D2FF !important;
    background-image: none !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    z-index: 2 !important;
}

.dark .neo-experience-date {
    background-color: #A2D2FF !important;
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
}

/* Direct style injection for experience cards */
#experience .neo-experience-card {
    background-color: #fff !important;
    background-image: none !important;
}

.dark #experience .neo-experience-card {
    background-color: var(--background-color-dark) !important;
    background-image: none !important;
}

/* Inline style injection */
#experience-section-fix {
    display: none;
}