/**
 * Destinations marquee — White on Black Studio
 *
 * Η class `wob-marquee` μπαίνει στο HEADING WIDGET (Elementor → Advanced → CSS Classes),
 * όπως ακριβώς το υπάρχον `tetete` του site. Ο πελάτης επεξεργάζεται ΜΟΝΟ το κείμενο.
 * Προσθαφαίρεση προορισμών δεν χαλάει τον ρυθμό: η διάρκεια υπολογίζεται από το
 * πραγματικό πλάτος ώστε η ΤΑΧΥΤΗΤΑ να μένει σταθερή.
 */

/* Ο γονέας-container δεν πρέπει να αφήνει οριζόντιο overflow */
#wob-destinations,
.wob-marquee {
	overflow: hidden !important;
	max-width: 100%;
}

.wob-marquee .elementor-heading-title {
	white-space: nowrap;
	overflow: hidden;
}

.wob-marquee__viewport {
	display: block;
	overflow: hidden;
	width: 100%;
}

.wob-marquee__track {
	display: flex;
	width: max-content;
	animation: wob-marquee-scroll var(--wob-marquee-duration, 90s) linear infinite;
}

.wob-marquee__track > span {
	display: block;
	white-space: nowrap;
}

/* Το διακοσμητικό αντίγραφο: κείμενο μέσω pseudo-element, ΟΧΙ text node —
   δεν διπλασιάζεται το περιεχόμενο για τις μηχανές αναζήτησης. */
.wob-marquee__clone::before {
	content: attr(data-text);
}

@keyframes wob-marquee-scroll {
	from { transform: translate3d(0, 0, 0); }
	to   { transform: translate3d(-50%, 0, 0); }
}

/* Παύση στο hover — ο επισκέπτης προλαβαίνει να διαβάσει έναν προορισμό */
.wob-marquee:hover .wob-marquee__track {
	animation-play-state: paused;
}

/* Προσβασιμότητα: όποιος έχει ζητήσει λιγότερη κίνηση βλέπει στατικό κείμενο */
@media (prefers-reduced-motion: reduce) {
	.wob-marquee__track {
		animation: none;
		transform: none;
	}
	.wob-marquee__viewport {
		overflow-x: auto;
	}
}