/* Critical CSS for text visibility - loads immediately */

/* Force text visibility with high specificity */
section h1,
section h2,
section h3,
section p {
    color: inherit !important;
}

.text-white {
    color: white !important;
}

.text-blue-100 {
    color: #dbeafe !important;
}

.text-gray-500 {
    color: #6b7280 !important;
}

/* Malaysian gradient backgrounds */
.gradient-malaysian {
    background: linear-gradient(135deg, #003f7f 0%, #002d5c 100%) !important;
}

.gradient-malaysian-alt {
    background: linear-gradient(45deg, #0056b3 0%, #003f7f 50%, #002d5c 100%) !important;
}

/* Malaysian color utilities */
.bg-malaysian-blue {
    background-color: #003f7f !important;
}

.bg-malaysian-yellow {
    background-color: #ffcc00 !important;
}

.bg-malaysian-red {
    background-color: #cc0000 !important;
}

.text-malaysian-blue {
    color: #003f7f !important;
}

.text-malaysian-yellow {
    color: #ffcc00 !important;
}

.text-malaysian-red {
    color: #cc0000 !important;
}

/* Ensure hero section text is visible */
.hero-content h1 {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

.hero-content p {
    color: #f3f4f6 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

/* Category section visibility */
.gradient-malaysian-alt h2 {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

.gradient-malaysian-alt p {
    color: #dbeafe !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

/* Category card text */
.bg-white.bg-opacity-10 h3 {
    color: white !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

.bg-white.bg-opacity-10 p {
    color: #e5e7eb !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}