.ud-header,
.ud-footer {
    background: linear-gradient(to right, #000033, #000066) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
    color: #ffffff !important;
}

/* 🧊 Ensure all header text stays white */
.ud-header a,
.ud-header nav a,
.ud-header .menu-item,
.ud-header .menu-item a {
    color: #ffffff !important;
    text-decoration: none;
}

/* 🔵 Optional: hover effect for header links */
.ud-header a:hover,
.ud-header nav a:hover,
.ud-header .menu-item:hover,
.ud-header .menu-item a:hover {
    color: #e0f7ff !important; /* Icy blue on hover */
}

/* 📌 Sticky header scroll fix */
.ud-header.sticky,
.ud-header.sticky a,
.ud-header.sticky .menu-item,
.ud-header.sticky .menu-item a {
    color: #ffffff !important;
}

/* 🧊 Footer link styling */
.ud-footer a {
    color: #ffffff !important;
    text-decoration: none;
}

.ud-footer a:hover {
    color: #e0f7ff !important;
}

/* 🌌 Hero section with cold gradient */
.ud-hero {
    background: linear-gradient(to right, #000033, #000066) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
    color: #ffffff !important;
}

/* ✅ Feature icon background */
.ud-feature-icon {
    background: #137f15 !important; /* Fixed syntax: removed stray semicolon */
}