/* Override for experience cards to completely remove grids */

/* Force white background for experience cards with !important */
.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;
}

/* Override any other styles that might be affecting experience cards */
.neo-experience-card * {
    background-color: transparent !important;
    background-image: none !important;
}

/* Make sure the experience card header has a white background */
.neo-experience-header {
    background-color: #fff !important;
    border-bottom: 2px solid #000 !important;
}

.dark .neo-experience-header {
    background-color: var(--background-color-dark) !important;
    border-bottom: 2px solid rgba(255, 255, 255, 0.7) !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 experience card content */
.neo-experience-card .card-body {
    background-color: #fff !important;
    background-image: none !important;
}

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

/* Override for experience card title */
.neo-experience-card .card-title {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for experience card text */
.neo-experience-card .card-text {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any divs inside experience cards */
.neo-experience-card div {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any spans inside experience cards */
.neo-experience-card span {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any paragraphs inside experience cards */
.neo-experience-card p {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any lists inside experience cards */
.neo-experience-card ul, 
.neo-experience-card ol,
.neo-experience-card li {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any links inside experience cards */
.neo-experience-card a {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any buttons inside experience cards */
.neo-experience-card button {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any images inside experience cards */
.neo-experience-card img {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any icons inside experience cards */
.neo-experience-card i {
    background-color: transparent !important;
    background-image: none !important;
}

/* Override for any 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;
}

/* Override for any dates inside experience cards */
.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;
}