.lang-switcher {
        position: relative;
    }

    .lang-btn {
        width: 50px;
        height: 50px;
        border-radius: 10px;
        background: var(--primary); /* stesso colore degli altri bottoni */
        border: none;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        margin-left: 15px;
    }

    .lang-dropdown {
        display: none;
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 16px rgba(0,0,0,0.12);
        overflow: hidden;
        z-index: 999;
    }

    .lang-switcher.open .lang-dropdown {
        display: block;
    }

    .lang-dropdown a {
        display: block;
        padding: 10px 20px;
        color: #333;
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
    }

    .lang-dropdown a:hover,
    .lang-dropdown a.active {
        background: var(--primary);
        font-weight: 700;
        font-size: 13px;
        color: #004a98;
    }

    .lang-arrow {
        transition: transform 0.25s ease;
        margin-left: 4px;
    }

    .lang-switcher.open .lang-arrow {
        transform: rotate(180deg);
    }



    .zoom-wrapper {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}

.zoom-wrapper > img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
}

/* leggero zoom dell'immagine al passaggio del mouse */
.zoom-wrapper:hover > img {
    transform: scale(1.05);
}

/* icona + in overlay */
.zoom-wrapper .zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    border-radius: 50%;
    font-size: 22px;
    opacity: 0;
    transition: opacity 0.35s ease, transform 0.35s ease;
    pointer-events: none;
    z-index: 2;
}

.zoom-wrapper:hover .zoom-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}