/* Horror social icons extracted from index template */
.icons-row {
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.icon-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    text-decoration: none;
}

.icon-wrap span {
    color: #666;
    font-size: 0.75rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    transition: color 0.3s;
    font-family: 'Dihjauti', 'Share Tech Mono', monospace;
}

.icon-wrap:hover span {
    color: #ff0033;
}

.icon-svg {
    width: 80px;
    height: 80px;
    position: relative;
    filter: drop-shadow(0 0 8px #ff003366);
    transition: filter 0.3s, transform 0.3s;
}

.icon-wrap:hover .icon-svg {
    filter: drop-shadow(0 0 20px #ff0033aa) drop-shadow(0 0 40px #00ffcc44);
    transform: scale(1.06);
}

.icon-wrap:hover .glitch-layer {
    animation: glitch 0.4s steps(1) infinite;
}

@keyframes glitch {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }

    20% {
        transform: translate(-3px, 1px);
        opacity: 0.7;
        clip-path: inset(20% 0 60% 0);
    }

    40% {
        transform: translate(3px, -1px);
        opacity: 0.5;
        clip-path: inset(60% 0 10% 0);
    }

    60% {
        transform: translate(-2px, 2px);
        opacity: 0.6;
        clip-path: inset(40% 0 30% 0);
    }

    80% {
        transform: translate(2px, -2px);
        opacity: 0.4;
        clip-path: inset(10% 0 70% 0);
    }

    100% {
        transform: translate(0, 0);
        opacity: 0;
    }
}

@keyframes scanline {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(400%);
    }
}

.scanline {
    animation: scanline 3s linear infinite;
    opacity: 0;
    transition: opacity 0.3s;
}

.icon-wrap:hover .scanline {
    opacity: 1;
}

@keyframes neonPulse {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

.neon-outline {
    animation: neonPulse 2s ease-in-out infinite;
}

@keyframes crackShift {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.85;
    }
}

.crack {
    animation: crackShift 5s ease-in-out infinite;
}