/**
 * News Hero Carousel
 * Container CSS ID: #new-home-hero
 * Loop Carousel class: .new-loop-carousel
 * Loop Item classes: .hero-news-title, .hero-button-link
 * Usa variabili da variables.css
 *
 * NOTA: Non toccare dimensioni, width, padding, overflow o transform
 * sugli elementi del carousel/slide — gestiti da Elementor/Swiper.
 */

/* ======================================================================
   Titolo (.hero-news-title) - solo tipografia
   ====================================================================== */
.hero-news-title .elementor-heading-title,
.hero-news-title .elementor-heading-title a,
.hero-news-title h2,
.hero-news-title h2 a {
	color: var(--color-on-dark) !important;
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
	text-decoration: none !important;
	font-weight: var(--font-weight-bold) !important;
	text-transform: uppercase !important;
	line-height: 1.05 !important;
	overflow-wrap: break-word;
	word-break: break-word;
}

.hero-news-title .elementor-heading-title a:hover,
.hero-news-title h2 a:hover {
	opacity: 0.85;
}

/* ======================================================================
   Pagination Bullets (lineette)
   ====================================================================== */
.new-loop-carousel .swiper-pagination-bullet,
#new-home-hero .swiper-pagination-bullet {
	width: 32px !important;
	height: 3px !important;
	border-radius: 2px !important;
	background: var(--color-on-dark-faint) !important;
	opacity: 1 !important;
	transition: all 0.3s ease !important;
}

.new-loop-carousel .swiper-pagination-bullet-active,
#new-home-hero .swiper-pagination-bullet-active {
	background: var(--color-on-dark) !important;
	width: 48px !important;
}

/* Nascondi frecce navigazione */
.new-loop-carousel .elementor-swiper-button,
#new-home-hero .elementor-swiper-button {
	display: none !important;
}