/* Section Header Override for Gradient Text */

/* Simple and direct approach for section headers */
.section-header h2.text-reveal {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transform: none !important;
    overflow: visible !important;
}

/* Prevent animation processing on section headers */
.section-header h2.text-reveal.gradient-text {
    animation: none !important;
    color: var(--primary-color); /* Fallback if gradient doesn't work */
}

/* Gradient text should always be visible */
.section-header h2.text-reveal.gradient-text {
    background: linear-gradient(45deg, var(--primary-color), #7986cb);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent !important;
    text-shadow: none;
    position: relative;
    z-index: 5;
    letter-spacing: 0.02em;
    font-weight: 700;
}

/* Add outline to gradient text to increase visibility */
.section-header h2.text-reveal.gradient-text::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-text-stroke: 1px rgba(83, 109, 254, 0.3);
    z-index: -1;
}

/* Special fix for "Proyek Terbaru" section */
#projects .section-header h2.text-reveal.gradient-text {
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Add a subtle background to ensure contrast in all themes */
.section-header h2.text-reveal.gradient-text {
    padding: 5px 15px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

/* Dark theme adjustments */
[data-theme="dark"] .section-header h2.text-reveal.gradient-text {
    background: linear-gradient(45deg, #536dfe, #90caf9);
    background-clip: text;
    -webkit-background-clip: text;
    background-color: rgba(30, 30, 50, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}