/*
 * Dapur Guru V2.20.2 Correction R2.2.9
 * Landing Navbar Text Visibility Fix
 *
 * Fixes white-on-white text caused by focus/active/accessibility layers.
 */

/* Normal marketing navigation links on the dark blue navbar. */
.vl-nav .vl-nav-links > a:not(.vl-nav-ghost):not(.vl-nav-cta) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* Hover remains subtle and readable. */
.vl-nav .vl-nav-links > a:not(.vl-nav-ghost):not(.vl-nav-cta):hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10) !important;
}

/*
 * Keyboard/mouse focus and active state may receive a white background from
 * the accessibility stylesheet. Force dark text so it never disappears.
 */
.vl-nav .vl-nav-links > a:not(.vl-nav-ghost):not(.vl-nav-cta):focus,
.vl-nav .vl-nav-links > a:not(.vl-nav-ghost):not(.vl-nav-cta):focus-visible,
.vl-nav .vl-nav-links > a:not(.vl-nav-ghost):not(.vl-nav-cta):active {
    color: #173f79 !important;
    -webkit-text-fill-color: #173f79 !important;
    background: #ffffff !important;
    outline: 2px solid rgba(255, 255, 255, 0.42) !important;
    outline-offset: 2px;
}

/* Guest "Masuk" button: white surface, dark readable label in every state. */
.vl-nav .vl-nav-links > a.vl-nav-ghost,
.vl-nav .vl-nav-links > a.vl-nav-ghost:visited,
.vl-nav .vl-nav-links > a.vl-nav-ghost:hover,
.vl-nav .vl-nav-links > a.vl-nav-ghost:focus,
.vl-nav .vl-nav-links > a.vl-nav-ghost:focus-visible,
.vl-nav .vl-nav-links > a.vl-nav-ghost:active {
    color: #173f79 !important;
    -webkit-text-fill-color: #173f79 !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
    text-decoration: none !important;
}

/* Authenticated Dashboard CTA keeps its intended gradient and white text. */
.vl-nav .vl-nav-links > a.vl-nav-cta,
.vl-nav .vl-nav-links > a.vl-nav-cta:visited,
.vl-nav .vl-nav-links > a.vl-nav-cta:hover,
.vl-nav .vl-nav-links > a.vl-nav-cta:focus,
.vl-nav .vl-nav-links > a.vl-nav-cta:focus-visible,
.vl-nav .vl-nav-links > a.vl-nav-cta:active {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, #3477f6 0%, #7248ef 100%) !important;
    border-color: transparent !important;
    text-decoration: none !important;
}

/* Mobile navigation must stay readable too. */
.vl-nav .vl-mobile-menu a,
.vl-nav .vl-mobile-menu a:visited {
    color: #173f79 !important;
    -webkit-text-fill-color: #173f79 !important;
}

.vl-nav .vl-mobile-menu a:hover,
.vl-nav .vl-mobile-menu a:focus,
.vl-nav .vl-mobile-menu a:focus-visible,
.vl-nav .vl-mobile-menu a:active {
    color: #173f79 !important;
    -webkit-text-fill-color: #173f79 !important;
    background: #eef4ff !important;
}