/* ==================== Gallery Section ==================== */
.gallery-header h3 {
    font-family: var(--font-title);
    font-size: 36px;
    margin-bottom: 50px;
    letter-spacing: 2px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.gallery-item:last-child {
    margin-bottom: 0;
}

.gallery-small {
    aspect-ratio: 3/2;
}



.gallery-item .overlay {
    position: absolute;
    top: -100%;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 24%); 
    z-index: 10;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-item .overlay::after {
    content: 'search'; /* Updated to use Material Symbols Outlined */
    font-family: 'Material Symbols Outlined';
    color: white;
    font-size: 48px;
}

.gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    display: block;
    transition: transform 0.5s ease;
}

.gallery-item:hover img {
    transform: scale(1.03);
}

/* Επαναφορά του overflow για τα divs του Fancybox (επειδή υπάρχει global div { overflow: hidden } στο style.css) */
[class^="fancybox"] {
    overflow: visible !important;
}

.fancybox__container * {
    overflow: visible !important;
}

/* Εξαίρεση για τη μάσκα του carousel που πρέπει να κρύβει τα εκτός οθόνης slides */
.fancybox__carousel .f-carousel__viewport {
    overflow: hidden !important;
}