/* Contact section styling for the 'About Markus' page */
.contact-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 1rem;
    margin-bottom: 0;
}

.contact-item {
    display: flex;
    margin: 0;
}

.contact-icon svg {
    width: 2rem;
    height: 2rem;
}

.contact-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

.contact-icon svg,
.contact-text,
.contact-link:visited .contact-text {
    fill: var(--blue);
    color: var(--blue);
}

.contact-link:hover svg,
.contact-link:hover .contact-text {
    fill: var(--orange);
    color: var(--orange);
}

/* Mobile layout: stack contact items vertically */
@media screen and (max-width: 768px) {
    .contact-section {
        flex-direction: column;
        gap: 1rem;
    }
}

/* Touch device optimisations */
@media (hover: none), (pointer: coarse) {
    .contact-link:hover svg,
    .contact-link:hover .contact-text {
        fill: var(--blue);
        color: var(--blue);
    }
}