/* Default: navbar hijau - FIXED POSITION */
nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
}

.menu-link {
    color: white;
}
.menu-link.active {
    color: #facc15; /* gold untuk active */
}
.menu-link:hover {
    color: #facc15; /* gold hover */
}

/* Scroll: navbar putih */
nav.scrolled {
    background-color: white;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
nav.scrolled .menu-link {
    color: black;
}
nav.scrolled .menu-link.active {
    color: #16a34a; /* hijau untuk active */
}
nav.scrolled .menu-link:hover {
    color: #16a34a; /* hijau saat hover */
}

/* Button scroll effect */
nav.scrolled .contact-btn {
    background: linear-gradient(135deg, #256B39, #22B74D);
    color: white;
}

nav.scrolled .contact-btn:hover {
    background-color: #15803d;
    color: white;
}

/* Mobile burger button saat scroll */
nav.scrolled button svg {
    color: black;
}

/* Mobile menu background saat scroll */
nav.scrolled > div:last-child {
    background-color: white;
}

nav.scrolled > div:last-child .menu-link {
    color: black;
}

nav.scrolled > div:last-child .menu-link.active,
nav.scrolled > div:last-child .menu-link:hover {
    color: #16a34a;
}

 .max-w-leading {
    max-width: 27.5rem;
 }

 .bg-secodary {
    background-color: #081e040d;
 }

  .max-w-img-leading {
    max-width: 32.5rem;
 }

/* Pastikan sticky bekerja di semua kondisi */
html {
    scroll-behavior: smooth;
}

body {
    position: relative;
}

/* Mobile specific fixes */
@media (max-width: 768px) {
    nav {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        width: 100% !important;
    }
    
    /* Pastikan mobile menu juga fixed */
    nav > div:last-child {
        position: relative;
        z-index: 9998;
    }
}