/*-- Use For Custom Styling --*/

/* --- MENÜ JAVÍTÁS --- */
@media (min-width: 992px) { /* Csak nagy képernyőn, mobilon marad a régi */
    .navbar-nav .nav-link.line {
        padding-left: 8px !important;  /* Kisebb hézag a szavak között */
        padding-right: 8px !important;
        font-size: 13px !important;    /* Kicsit kisebb, elegánsabb betű */
        letter-spacing: 0.5px;         /* Hogy olvasható maradjon */
    }
}
/* --- High-Tech Szerviz Animáció --- */

#home-banner {
    background: #08090a !important; /* Extra sötét háttér a neonhoz */
    position: relative;
    overflow: hidden;
}

/* Neon Sárga-Zöld Szín (A te kódod: #cee002) */
.text-neon {
    color: #cee002 !important;
    text-shadow: 0 0 15px rgba(206, 224, 2, 0.6);
}

.btn-neon {
    background: #cee002 !important;
    color: #181a1f !important;
    box-shadow: 0 0 20px rgba(206, 224, 2, 0.4);
}

/* Animált áramköri vonalak */
.circuit-svg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    z-index: 1;
}

.circuit-path {
    fill: none;
    stroke: #cee002;
    stroke-width: 2;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: drawPath 10s infinite linear;
}

@keyframes drawPath {
    to { stroke-dashoffset: 0; }
}

.delay-1 { animation-delay: 2s; }
.delay-2 { animation-delay: 4s; }

/* Lebegő Ikonok */
.floating-gear {
    position: absolute;
    color: #cee002;
    font-size: 2.5rem;
    opacity: 0.4;
    filter: drop-shadow(0 0 10px #cee002);
    z-index: 2;
}

.icon-1 { top: 15%; left: 10%; animation: float 6s infinite ease-in-out; }
.icon-2 { top: 60%; left: 5%; animation: float 8s infinite ease-in-out reverse; }
.icon-3 { top: 20%; right: 10%; animation: float 7s infinite ease-in-out; }
.icon-4 { bottom: 15%; right: 15%; animation: float 5s infinite ease-in-out; }
.icon-5 { bottom: 10%; left: 30%; animation: float 9s infinite ease-in-out; }

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: 0.3; }
    50% { transform: translateY(-40px) rotate(15deg); opacity: 0.6; }
}

/* Pulzáló fény a háttérben */
.pulse-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    background: rgba(206, 224, 2, 0.05);
    border-radius: 50%;
    filter: blur(50px);
    animation: pulseGlow 4s infinite alternate;
}

@keyframes pulseGlow {
    from { transform: translate(-50%, -50%) scale(1); opacity: 0.3; }
    to { transform: translate(-50%, -50%) scale(1.5); opacity: 0.6; }
}

/* Pontrács a mélységhez */
.neon-grid {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: 
        linear-gradient(rgba(206, 224, 2, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(206, 224, 2, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
}

/* Mobilra egyszerűsítünk, hogy ne legyen zsúfolt */
@media screen and (max-width: 767px) {
    .floating-gear { font-size: 1.5rem; }
    .icon-4, .icon-5 { display: none; }
    .circuit-svg { opacity: 0.1; }
}