/* --- HEADER STYLES --- */
.nav-item {
    padding: 0.5rem 1rem;
    font-weight: 500;
    color: #475569;
    border-radius: 99px;
    transition: all 0.3s ease;
    font-size: 0.95rem;
}

.nav-item:hover, .nav-item.active {
    color: #595CFF;
    background-color: #eff6ff;
}

/* Dropdown Menu */
.dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    transition: all 0.2s ease;
}

.dropdown-item:hover {
    background-color: #f8fafc;
}

.dropdown-item .icon-bg {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

/* --- HERO SECTION --- */
.perspective-1000 {
    perspective: 1000px;
}

/* Floating Badges */
.floating-badge {
    animation: floatBadge 4s ease-in-out infinite;
}
.delay-1 { animation-delay: 1s; }
.delay-2 { animation-delay: 2s; }

@keyframes floatBadge {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

/* --- MODAL --- */
#project-specs-modal.active {
    opacity: 1;
    visibility: visible;
}

#project-specs-modal.active .modal-card {
    transform: scale(1);
}

/* Mobile Drawer Links */
.mobile-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    color: #475569;
    font-weight: 600;
    transition: all 0.2s;
}
.mobile-link:hover, .mobile-link.active {
    background: #eff6ff;
    color: #595CFF;
}

/* --- SMART HEADER ANIMATION --- */
header {
    /* Obezbeđujemo glatku tranziciju za pomeranje */
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s, border-color 0.3s !important;
}

/* Klasa koja sakriva header */
header.header-hidden {
    transform: translateY(-200%); /* Pomeri ga skroz gore van ekrana */
}

/* Opciono: Kada je skrolovan, dodajemo jači blur ili senku ako želite */
header.is-scrolled .bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.95); /* Malo manje providan kad se skroluje */
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}