/**
 * Marquee Pattern Styles
 *
 * @package Hundeschule_TT5_Child
 * @since 1.0.0
 */

/* Marquee Section - py-4 bg-gradient-to-r from-orange-500 via-orange-400 to-yellow-500 overflow-hidden */
.hs-marquee {
	padding-top: 1rem; /* py-4 */
	padding-bottom: 1rem; /* py-4 */
	background: linear-gradient(to right, #f97316, #f79a3a, #eaa408); /* from-orange-500 via-orange-400 to-yellow-500 */
	overflow: hidden;
	margin: 0;
}

/* Marquee Wrapper - relative flex */
.hs-marquee-wrapper {
	position: relative;
	display: flex;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

/* Marquee Track - flex container */
.hs-marquee-track {
	display: flex;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
    gap: 3rem;
}

/* Frontend: Animation aktivieren */
.hs-marquee-content.animate-marquee {
	animation: marquee 30s linear infinite;
}

/* Marquee Content - flex animate-marquee whitespace-nowrap */
.hs-marquee-content {
	display: flex;
	white-space: nowrap;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	align-items: center;
	min-width: max-content;
}

.hs-marquee-content.wp-block-group {
	display: flex !important;
	flex-direction: row !important;
    gap: 3rem !important;
}

/* Marquee Item - flex items-center mx-6 */
.hs-marquee-item {
	display: inline-flex;
	align-items: center;
	margin-left: 1.5rem; /* mx-6 */
	margin-right: 1.5rem; /* mx-6 */
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.125rem; /* text-lg */
	color: #ffffff; /* text-white */
	line-height: 1.5;
	white-space: nowrap;
    font-weight: 400;
}

/* Marquee Item Dot - w-1.5 h-1.5 bg-white rounded-full ml-6 */

/* Last item in each track should not have a dot */
.hs-marquee-content .hs-marquee-item:last-child::after {
	display: none;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
	.hs-marquee-content {
		animation: none !important;
	}
}

.reduced-motion .hs-marquee-content {
	animation: none !important;
}