/* FILE: pierdigital/assets/css/custom-style.css */

.pier-header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Aligns menu to the right side of the header */
    gap: 25px; /* Adjust spacing between icons */
    padding: 10px 0;
}

.pier-header-nav .nav-icon-link {
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
}

.pier-header-nav .nav-icon-link img {
    height: 24px; /* Adjust based on your preferred icon size */
    width: auto;
    /* This filter converts black PNGs to white to match your UI screenshot */
    filter: brightness(0) invert(1); 
}

.pier-header-nav .nav-text-link {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    margin-left: 5px;
    transition: opacity 0.3s ease;
}

.pier-header-nav a:hover {
    opacity: 0.7;
}

/* Responsive: Shrink spacing on mobile devices */
@media (max-width: 768px) {
    .pier-header-nav {
        gap: 15px;
    }
}