/* ================================================== */
/* DHARMA Interactive - Eventi Style                  */
/* ================================================== */

.event-container {
    padding: 40px 0;
}

/* Card Evento */
.dharma-event-card {
    background: rgba(20, 20, 20, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    backdrop-filter: blur(10px);
    margin-bottom: 30px;
}

.dharma-event-card:hover {
    transform: translateY(-10px);
    border-color: #764DF0;
    box-shadow: 0 10px 30px rgba(118, 77, 240, 0.2);
}

/* Immagine Evento */
.event-image-wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.event-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.dharma-event-card:hover .event-image-wrapper img {
    transform: scale(1.1);
}

/* Badge Data/Categoria */
.event-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #764DF0;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    z-index: 2;
}

/* Contenuto Text */
.event-content {
    padding: 25px;
}

.event-title {
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700;
}

.event-details {
    font-size: 14px;
    color: #aaa;
    margin-bottom: 20px;
}

.event-details i {
    color: #764DF0;
    margin-right: 8px;
}

/* Bottoni */
.btn-event {
    background: transparent;
    border: 1px solid #764DF0;
    color: #fff;
    padding: 8px 20px;
    border-radius: 4px;
    transition: 0.3s;
    text-decoration: none;
    display: inline-block;
}

.btn-event:hover {
    background: #764DF0;
    color: #fff;
}

/* Integrazione Stili Filtri e Carousel */
        .widget-filter h4 { font-size: 18px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; }
        .filter-toggle-btn { background: #202020; border: 1px solid rgba(255,255,255,0.1); cursor: pointer; }
        @media (max-width: 991px) {
            .sidebar-filter-content { display: none; background: #19191c; padding: 20px; border-radius: 6px; margin-top: 15px; }
            .sidebar-filter-content.show { display: block; }
        }
        @media (min-width: 992px) {
            .filter-toggle-btn { display: none !important; }
            .sidebar-wrapper-style { background: #19191c; border: 1px solid rgba(255,255,255,0.1); }
        }
        .owl-events-grid .owl-nav { margin-top: 40px; text-align: center; }
        .owl-events-grid .owl-prev, .owl-events-grid .owl-next {
            background: #764DF0 !important; color: #fff !important; padding: 10px 25px !important; margin: 5px; border-radius: 2px;
        }
		/* Colore del link della paginazione (testo) */
		.pagination .page-link {
			background-color: transparent;
			border-color: rgba(255, 255, 255, .1);
			color: #fff;
		}

		/* Stato attivo (pagina selezionata) */
		.pagination .page-item.active .page-link {
			background-color: #764DF0; /* VIOLA */
			border-color: #764DF0;
			color: #fff;
		}

		/* Al passaggio del mouse sui numeri non attivi */
		.pagination .page-link:hover {
			background-color: rgba(118, 77, 240, 0.2); /* Sfondo viola leggero */
			color: #fff;
			border-color: #764DF0;
		}

		/* Colore delle frecce e numeri normali */
		.pagination .page-link {
			color: #fff;
		}

		/* Rimuove l'ombra blu al click */
		.page-link:focus {
			box-shadow: 0 0 0 0.25rem rgba(118, 77, 240, 0.25);
		}

/* Badge generi LARP */
.badge-genre {
  font-weight: 600;
  letter-spacing: .02em;
}

.bg-fantasy      { background-color: #6f42c1; }
.bg-horror       { background-color: #8b0000; }
.bg-psych        { background-color: #1f2937; }
.bg-drama        { background-color: #7c2d12; }
.bg-investigative{ background-color: #0f766e; }
.bg-historic     { background-color: #92400e; }
.bg-comedy       { background-color: #ca8a04; color:#111; }
.bg-scifi        { background-color: #2563eb; }
.bg-dystopian    { background-color: #374151; }