/* wwwroot/css/mql.shared.css */

/* General link styling inside containers (e.g. footer, headers, etc.) */
.container a {
    text-decoration: none;
    color: #0073b1; /* LinkedIn Blue */
    font-size: 16px;
    padding: 5px 10px;
    display: inline-block;
    transition: background 0.3s ease, color 0.3s ease;
}

    .container a:hover {
        background-color: #0073b1;
        color: #ffffff;
        border-radius: 5px;
    }

/* Specific class for LinkedIn profile or company links */
.linkedin-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    color: #0073b1;
    font-size: 16px;
    text-decoration: none;
    transition: background 0.3s ease, color 0.3s ease;
    border-radius: 5px;
}

    .linkedin-link:hover {
        background-color: #0073b1;
        color: #ffffff;
    }

/* Wrap links in a flexbox when needed */
.linkedin-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}