/* Scrollbar & Animations */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@keyframes pulse-slow {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }
}

.animate-pulse-slow {
    animation: pulse-slow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Social Grid Mode */
.social-mode-btn {
    color: #6b7280;
    background: transparent;
}

.social-mode-btn.active {
    color: #ea580c;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#socialLinksContainer.grid-mode {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    max-width: none;
}

/* Reset space-y-2 interference in grid mode */
#socialLinksContainer.grid-mode>*+* {
    margin-top: 0 !important;
}

.grid-mode .social-link {
    padding: 0.35rem 0.5rem !important;
}

.grid-mode .social-text h3 {
    font-size: 0.75rem;
}

/* Tighter icon in grid mode */
.grid-mode .w-9.h-9 {
    width: 1.75rem;
    height: 1.75rem;
}

.grid-mode .w-4.h-4 {
    width: 0.875rem;
    height: 0.875rem;
}

.grid-mode .social-text p {
    display: none;
}

.grid-mode .social-arrow {
    display: none;
}