/* MostraEvento.php - Stylesheet */



.nav-link {

    font-weight: bold;

    font-size: 0.75rem;

    letter-spacing: 0.1em;

    text-transform: uppercase;

    cursor: pointer;

    transition: color 0.15s ease-in-out;

}

.nav-link:hover {

    color: #e21d60;

}



.stat-card {

    background-color: white;

    padding: 1.5rem;

    border-radius: 1rem;

    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    border-bottom: 4px solid #e21d60;

    text-align: center;

    transition: transform 0.15s ease-in-out;

}

.stat-card:hover {

    transform: translateY(-0.5rem);

}



.press-card {

    background-color: #f8fafc;

    padding: 1.5rem;

    border-radius: 0.5rem;

    border: 1px solid #e2e8f0;

    transition: all 0.15s ease-in-out;

}

.press-card:hover {

    background-color: white;

    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

}



.bg-gradient-r4c { 

    background: linear-gradient(135deg, #e21d60 0%, #4a041c 100%); 

}



/* Descrizione evento: testo leggibile ma non grande */

#descArea {

    font-size: 0.9rem;

    line-height: 1.4;

    max-width: 50%;

    margin: 20px auto;

    text-align: center;

    color: #333;

}



/* Swiper larghezza 50% e centrato */

#swipeArea {

    width: 50%;

    margin: 70px auto 30px;

}



#swipeArea swiper-container, #swipeArea swiper-slide {

    width: 100%;

}



.obj-contain {

    width: 100%;

    object-fit: contain;

}



/* Responsive Swiper per mobile */

@media (max-width: 768px) {

    #swipeArea {

        width: 100%;

        margin: 40px auto 20px;

    }

}



/* Lista punti vendita più piccola e leggibile */

#arePDV {

    font-size: 0.85rem;

    max-width: 50%;

    margin: 20px auto;

}



#arePDV ul {

    list-style-type: disc;

    padding-left: 1rem;

    margin-top: 0.5rem;

}



#arePDV li {

    margin-bottom: 0.5rem;

    line-height: 1.3;

    font-size: 0.85rem;

}



#arePDV li strong {

    display: block;

    font-size: 0.95rem;

}



#info {

    max-width: 50%;

    margin: 0 auto;

    font-size: 0.85rem;

}



.info {

    font-size: 0.8rem;

    text-align: center;

    max-width: 50%;

    margin: 8px auto;

    color: #4a4a4a;

}



.user-name {

    font-size: 0.8rem;

    color: #333;

    margin-bottom: 0.2rem;

}



#imgMaglia {

    width: 35%;

    display: block;

    margin: 20px auto;

    height: auto;

    object-fit: contain;

}



/* Container sezione maglia con layout block per separazione corretta */

#sezione-maglia {

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

}



#sezione-maglia h2 {

    width: 100%;

    margin-bottom: 2rem;

}



/* Responsive imgMaglia per mobile */

@media (max-width: 768px) {

    #imgMaglia {

        width: 100%;

        margin: 20px auto;

    }

}



.grigliaTitolo {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    align-items: center;

    gap: 8px;

    width: 100%;

    padding: 0 10px;

}



/* Centra i testi all'interno dei div */

.grigliaTitolo div {

    text-align: center;

}



/* Margini h1 e h3 nella griglia titolo */

.grigliaTitolo h1,

.grigliaTitolo h3 {

    margin: 0;

    font-size: 1.1rem;

}



/* Stili specifici per i link nella griglia titolo */

.grigliaTitolo a {

    color: inherit;

    text-decoration: none;

}



/* Titolo sezione maglia con spazio maggiore */

section h2 {

    margin-bottom: 1rem !important;

}