/* ---------------------------- Navbar ---------------------------- */

/* Sticky navigation bar with shadow and border */
.custom-navbar {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Navigation link styles */
.custom-navbar a {
    text-decoration: none;
    font-weight: 500;
    transition: .5s ease-in;
}

/* Hover effect for nav links */
.custom-navbar a:hover {
    color: #7e22ce;
}

/* ---------------------------- Footer ---------------------------- */

/* Footer styling with top border and shadow */
.custom-footer {
    z-index: 1000;
}

/* Social icons in footer */
.custom-footer .social-icon a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 30%;
    font-size: 16px;
    text-decoration: none;
    margin: 5px 0;
    transition: 0.5s ease-in;
}

/* Hover effect for footer icons */
.custom-footer .social-icon a:hover {
    background: #f3e8ff;
    color: #7e22ce;
    box-shadow: 0 0 20px #f3e8ff, 0 0 40px #f3e8ff;
    border: 2px solid #7e22ce;
}