/* Diamond-decorated navigation buttons for Spark of Scripture */

/* Diamond button decoration */
.nav-link {
    position: relative !important;
    padding-left: 28px !important; /* Extra space for diamond */
}

.nav-link::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 10px !important;
    height: 10px !important;
    background: radial-gradient(circle, rgba(255,255,255,0.9) 0%, rgba(212,175,55,0.5) 50%, rgba(212,175,55,0) 100%) !important;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    animation: diamondGlow 3s infinite !important;
    z-index: 2 !important;
}

@keyframes diamondGlow {
    0%, 100% { opacity: 0.7; transform: translateY(-50%) scale(0.9); }
    50% { opacity: 1; transform: translateY(-50%) scale(1.1); }
}

.nav-link:hover::before {
    animation: diamondGlowFast 1.5s infinite !important;
}

@keyframes diamondGlowFast {
    0%, 100% { opacity: 0.7; transform: translateY(-50%) scale(0.9); }
    50% { opacity: 1; transform: translateY(-50%) scale(1.2); box-shadow: 0 0 10px gold; }
}

/* Special style for NeoNoir-Lux AI button diamond */
.nav-link.neonoir-button::before {
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,215,0,0.7) 50%, rgba(255,215,0,0) 100%) !important;
    width: 12px !important;
    height: 12px !important;
    box-shadow: 0 0 5px gold !important;
}