/* style.css - Grafica per il sito Pro Loco Pozzuolo Martesana */

body {
    font-family: 'Mulish', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: #f8f9fa;
    color: #212529;
}

.navbar {
    background-color: #ffffff !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05) !important;
}

.hero-section img {
    max-height: 50vh;
    object-fit: cover;
    width: 100%;
}

.event-image {
    transition: transform 0.2s;
    cursor: pointer;
    width: 100%;
    height: auto;
    display: block;
}

.event-image:hover {
    transform: scale(1.02);
}

footer {
    background-color: #212529 !important;
    color: #dee2e6;
}

footer a {
    color: #ffc107 !important;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline !important;
}

.text-white-hover:hover { color: #ffffff !important; transition: color 0.2s ease-in-out; }

/* ==========================================================================
   OTTIMIZZAZIONE SCHEDE EVENTI (REATIVE PER TABLET E SMARTPHONE)
   ========================================================================== */
.dynamic-event-img { 
    width: 100%; 
    height: 380px; 
    object-fit: cover; 
    transition: opacity 0.2s; 
}

.dynamic-event-img:hover { 
    opacity: 0.9; 
}

/* Quando lo schermo è inferiore a 992px (Smartphone e Tablet) */
@media (max-width: 991.98px) {
    .dynamic-event-img {
        height: auto !important;      /* Sblocca l'altezza fissa ereditata */
        object-fit: contain !important; /* Mostra la locandina nella sua interezza */
        background-color: #f8f9fa;     /* Sfondo neutro di riempimento */
    }
}