/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.fascione-ticker a,
.breaking-ticker a {
	color: #000;
}

/* ===== Fascione Ticker ===== */

/* Variabili personalizzabili */
.fascione-ticker{
	--fascione-speed: 80; /* px al secondo */
	--fascione-cycle: 0px;
	--fascione-duration: 20s;

	display:flex;
	align-items:stretch;
	gap:16px;
	padding:10px 0;
	border-bottom:1px solid rgba(0,0,0,.08);
	overflow:hidden;
}

/* Label fissa */
.fascione-ticker__label{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	padding-right:12px;
	border-right:1px solid rgba(0,0,0,.08);
}

.fascione-ticker__label-text{
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	white-space:nowrap;
}

/* Viewport */
.fascione-ticker__viewport{
	flex:1 1 auto;
	overflow:hidden;
	position:relative;
	min-width:0;
	display:flex;
	align-items:center;
}

/* Track animato */
.fascione-ticker__track{
	display:flex;
	align-items:center;
	width:max-content;
	animation:fascione-scroll var(--fascione-duration) linear infinite;
}

/* Pausa on hover */
.fascione-ticker:hover .fascione-ticker__track{
	animation-play-state:paused;
}

/* Segmento base */
.fascione-ticker__segment{
	display:flex;
	align-items:center;
}

/* Singola news */
.fascione-ticker__item{
	display:flex;
	align-items:center;
	white-space:nowrap;
	font-size:1rem;
}

/* Link / testo */
.fascione-ticker__link,
.fascione-ticker__text{
	text-decoration:none;
	display:inline-block;
}

/* Separatore */
.fascione-ticker__sep{
	margin:0 14px;
	opacity:.5;
}

/* Animazione continua */
@keyframes fascione-scroll{
	from{
		transform:translateX(0);
	}
	to{
		transform:translateX(calc(-1 * var(--fascione-cycle)));
	}
}

/* Responsive */

@media (max-width: 1025px){
	.fascione-ticker{
		gap:10px;
		padding:8px 12px;
	}

	.fascione-ticker__sep{
		margin:0 10px;
	}
}

/* ===== Breaking Ticker (shortcode [breaking_ticker]) ===== */

.breaking-ticker{
	display:flex;
	align-items:stretch;
	gap:12px;
	padding:5px 0;
	border-bottom:1px solid rgba(0,0,0,.08);
}

.breaking-ticker__label{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	padding:0 10px 0 0;
	border-right:1px solid rgba(0,0,0,.08);
}

/* Classe utile per stilizzare la label */
.breaking-ticker__label-text{
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	white-space:nowrap;
}

.breaking-ticker__viewport{
	flex:1 1 auto;
	display:flex;
	align-items:center;
	min-width:0;
	overflow:hidden;
}

/* Area notizia: una sola riga con ellissi */
.breaking-ticker__item{
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;

	opacity:1;
	transition:opacity .22s ease;
}

.breaking-ticker__item.is-out{ opacity:0; }
.breaking-ticker__item.is-in{ opacity:1; }

.breaking-ticker__link,
.breaking-ticker__text{
	display:inline-block;
	max-width:100%;
	text-decoration:none;
}

/* Nav */
.breaking-ticker__nav{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	gap:6px;
}

.breaking-ticker__btn{
	cursor:pointer;
	border:1px solid rgba(0,0,0,.12);
	background:transparent;
	border-radius:6px;
	padding:6px 10px;
	line-height:1;
	display:flex;
	align-items:center;
	justify-content:center;
		background-color: #fff;
	color: #000;
}

.breaking-ticker__btn:hover{
	background-color: #000;
	color: #fff;
}

.breaking-ticker__btn:focus{
	background-color: #fff;
	color: #000;
}

/* Tablet */
@media (max-width: 1024px){
	.breaking-ticker{
		padding: 10px 12px;
	}
}

/* Mobile: vai a capo e nav sotto (opzionale ma utile) */
@media (max-width: 640px){
	.breaking-ticker{
		flex-wrap:nowrap;
		gap:10px;
		padding: 0px 13px 10px;
	}

	.breaking-ticker__label{
		border-right:0;
		padding:0;
	}

	.breaking-ticker__viewport{
		flex:1 1 100%;
	}

	.breaking-ticker__nav{
		margin-left:auto;
	}
	
	.breaking-ticker__item {
	    white-space: pre-line;
	}
}