/* Custom styles for DJGoldfish - only one accent color (var(--accent)) is used */
/* Basic resets */
* {
    box-sizing: border-box
}

body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial
}

/* enforce grayscale images */
img {
    display: block
}

/* mobile menu show */
#mobileMenu.show {
    transform: translateY(0)
}

/* gallery hover effect */
.gallery-item img {
    transition: transform .35s ease, filter .35s ease
}

.gallery-item:hover img {
    transform: scale(1.03);
    filter: grayscale(0) brightness(.95)
}

/* lightbox */
#lightbox {
    display: flex
}

#lightbox.hidden {
    display: none
}

/* small accessibility focus */
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 2px solid rgba(20, 184, 166, 0.15);
    outline-offset: 2px;
}

/* ensure only teal accent is used on interactive elements when inline styles absent */
button,
.btn-accent {
    background: var(--accent);
    color: #000;
    font-weight: 600
}

.social-links a i {
    font-size: 40px;
    /* pl. 40px */
    margin: 0 10px;
    transition: transform 0.3s ease;
}

.social-links a i:hover {
    transform: scale(1.2);
    color: #14b8a6;
    /* teal hover szín */
}