/* --- STAY CONNECTED SECTION --- */
.connect-section {
    padding: 80px 20px;
    background: #0a0a0c;
    text-align: center;
    width: 100%;
}

.social-links-grid {
    display: flex;
    flex-direction: row; /* Ensures side-by-side layout */
    justify-content: center; /* Centers the whole row */
    align-items: center;
    gap: 30px; /* This prevents the overlapping you see in the screenshot */
    margin-top: 30px;
}

.social-link-item {
    display: block;
    width: 48px; /* Fixed size for the PNG container */
    height: 48px;
    text-decoration: none;
}

.social-png {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Prevents stretching */
    filter: brightness(0) invert(1); /* Makes icons white */
    opacity: 0.8;
    transition: all 0.3s ease;
}

.social-link-item:hover .social-png {
    opacity: 1;
    filter: brightness(0) invert(1) drop-shadow(0 0 10px #a0e9ff);
    transform: scale(1.1);
}