.header .logo img {

    height: 60px;

    width: auto;

}





/* CONTENUTO */

.concerti-content {

    width: 90%;

    max-width: 900px;

    margin: 60px auto;

    font-size: 18px;

    line-height: 1.6;

}



.concerti-content p {

    margin-bottom: 25px;

}



/* GRIGLIA EVENTI */

.eventi-grid {

    margin-top: 40px;

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 35px;

}



/* CARD EVENTO */

.evento-card {

    background: #ffffffd0;

    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 4px 12px rgba(0,0,0,0.12);

    transition: 0.3s;

    text-align: center;

}



.evento-card img {

    width: 100%;

    height: 180px;

    object-fit: cover;

}



.evento-card h3 {

    font-size: 20px;

    margin: 15px 0 10px;

}



.evento-card p {

    font-size: 15px;

    color: #555;

    padding: 0 15px 20px;

}



.evento-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 6px 18px rgba(0,0,0,0.18);

}



/* MOBILE: card 1x1 */

@media (max-width: 768px) {



    .eventi-grid {

        grid-template-columns: 1fr !important; /* 1 card per riga */

        gap: 30px;

    }



    .evento-card img {

        height: 350px; /* proporzioni più adatte al mobile */

        object-fit: cover;

        object-position: center;

    }



    .evento-card h3 {

        font-size: 18px;

    }



    .evento-card p {

        font-size: 14px;

    }

}



/* PULSANTI */

.btn-contatti,

.btn-back {

    display: inline-block;

    padding: 12px 28px;

    background: #97CA41;

    color: white;

    font-weight: 600;

    border-radius: 8px;

    text-decoration: none;

    transition: 0.3s;

    margin-top: 40px;

}



.btn-back {

    margin-top: 0px;

    margin-bottom: 40px;

}



.btn-contatti:hover,

.btn-back:hover {

    background: #7fb336;

}



.evento-card {

    text-decoration: none;

    color: inherit;

}



.evento-card * {

    text-decoration: none;

    color: inherit;

}



.evento-card:hover {

    transform: scale(1.02);

    transition: 0.3s;

}



.evento-card img {

    border-radius: 8px;

    transition: opacity 0.3s;

}



.evento-card:hover img {

    opacity: 0.85;

}





.evento-card a {

    text-decoration: none;

}



.evento-card img {

    display: block;

    width: 100%;

    border-radius: 8px;

    box-shadow: 0 4px 12px rgba(0,0,0,0.12);

    transition: opacity 0.3s;

}



.evento-card a:hover img {

    opacity: 0.85;

}



.evento-card a {

    pointer-events: auto !important;

    z-index: 10 !important;

}



.evento-card img {

    pointer-events: auto !important;

}



#lightbox-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.8);

    display: none;

    align-items: center;

    justify-content: center;

    z-index: 9999;

}



#lightbox-overlay img {

    max-width: 90%;

    max-height: 90%;

    border-radius: 8px;

    box-shadow: 0 4px 20px rgba(0,0,0,0.5);

}



#lightbox-close {

    position: absolute;

    top: 20px;

    right: 30px;

    font-size: 40px;

    color: #fff;

    cursor: pointer;

}



#lightbox-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.8);

    display: none;

    align-items: center;

    justify-content: center;

    z-index: 999999; /* PIÙ ALTO DI TUTTO */

    pointer-events: auto !important; /* BLOCCA IL CLICK */

}



#lightbox-overlay img {

    max-width: 90%;

    max-height: 90%;

    border-radius: 8px;

    box-shadow: 0 4px 20px rgba(0,0,0,0.5);

    pointer-events: none; /* L’IMMAGINE NON DEVE RICEVERE CLICK */

}



#lightbox-close {

    position: absolute;

    top: 20px;

    right: 30px;

    font-size: 40px;

    color: #fff;

    cursor: pointer;

    z-index: 1000000;

}



.evento-card img {

    pointer-events: auto !important;

}



#lightbox-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.8);

    display: none;

    align-items: center;

    justify-content: center;

    z-index: 999999;

}



#lightbox-overlay img {

    max-width: 90%;

    max-height: 90%;

    border-radius: 8px;

    box-shadow: 0 4px 20px rgba(0,0,0,0.5);

}



#lightbox-close {

    position: absolute;

    top: 20px;

    right: 30px;

    font-size: 40px;

    color: #fff;

    cursor: pointer;

}



.evento-card img {

    pointer-events: auto;

}