/* Skills Section Fix */

/* Remove any background from skill category headers */
.skill-category h4 {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #00FFA3 !important;
}

/* Ensure h4 doesn't have any pseudo-elements creating backgrounds */
.skill-category h4::before,
.skill-category h4::after {
    display: none !important;
}

/* Force all skill items to be visible */
.skill-items {
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    width: 100% !important;
    position: relative !important;
    z-index: 10 !important;
}

.skill-item {
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-flex !important;
    padding: 0.5rem 1rem !important;
    background: rgba(102, 126, 234, 0.15) !important;
    border: 1px solid rgba(102, 126, 234, 0.4) !important;
    border-radius: 5px !important;
    font-size: 0.9rem !important;
    color: #ffffff !important;
    position: relative !important;
    z-index: 10 !important;
    white-space: nowrap !important;
}

.skill-item:hover {
    background: rgba(102, 126, 234, 0.25) !important;
    border-color: #667eea !important;
    transform: translateY(-2px) !important;
}

/* Ensure the skills showcase container doesn't cut off content */
.skills-showcase {
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Make sure the skill categories don't overlap */
.skill-category {
    margin-bottom: 2.5rem !important;
    clear: both !important;
    overflow: visible !important;
    position: relative !important;
}

/* About section specific fixes */
.about-text {
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Ensure all skills are rendered */
.skill-category:nth-child(1) .skill-items .skill-item,
.skill-category:nth-child(2) .skill-items .skill-item {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}