/**
 * CWKS Resovia — page motion via AOS + hover polish.
 * Enqueued on front page, single posts, and archive templates.
 */

:root {
	--cwks-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--cwks-motion-hover: 0.3s ease;
}

/*
 * AOS hides [data-aos] at opacity:0 until init.
 * Keep content visible until boot finishes — avoids blank archive/single
 * while waiting for window.load, images, or the bottom notice banner.
 */
html:not(.aos-booted) [data-aos] {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

/* ========== ARCHIVE LIST ========== */

.posts-list .post-item {
	transition:
		transform var(--cwks-motion-hover),
		box-shadow var(--cwks-motion-hover);
}

.posts-list .post-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

/* ========== SWIPER SECTION REVEAL (not per-slide AOS) ========== */

.row-swiper-news:not(.is-revealed) .swiper-slide,
.row-swiper-matches:not(.is-revealed) .swiper-slide,
.row-swiper-standings:not(.is-revealed) .swiper-slide {
	opacity: 0;
	transform: translate3d(0, 1.25rem, 0);
}

.row-swiper-news.is-revealed .swiper-slide,
.row-swiper-matches.is-revealed .swiper-slide,
.row-swiper-standings.is-revealed .swiper-slide {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 0.55s var(--cwks-motion-ease),
		transform 0.55s var(--cwks-motion-ease);
}

.row-swiper-news.is-revealed .swiper-slide:nth-child(1),
.row-swiper-matches.is-revealed .swiper-slide:nth-child(1),
.row-swiper-standings.is-revealed .swiper-slide:nth-child(1) {
	transition-delay: 0ms;
}
.row-swiper-news.is-revealed .swiper-slide:nth-child(2),
.row-swiper-matches.is-revealed .swiper-slide:nth-child(2),
.row-swiper-standings.is-revealed .swiper-slide:nth-child(2) {
	transition-delay: 80ms;
}
.row-swiper-news.is-revealed .swiper-slide:nth-child(3),
.row-swiper-matches.is-revealed .swiper-slide:nth-child(3),
.row-swiper-standings.is-revealed .swiper-slide:nth-child(3) {
	transition-delay: 160ms;
}
.row-swiper-news.is-revealed .swiper-slide:nth-child(4),
.row-swiper-matches.is-revealed .swiper-slide:nth-child(4),
.row-swiper-standings.is-revealed .swiper-slide:nth-child(4) {
	transition-delay: 240ms;
}
.row-swiper-news.is-revealed .swiper-slide:nth-child(5),
.row-swiper-matches.is-revealed .swiper-slide:nth-child(5),
.row-swiper-standings.is-revealed .swiper-slide:nth-child(5) {
	transition-delay: 320ms;
}
.row-swiper-news.is-revealed .swiper-slide:nth-child(6),
.row-swiper-matches.is-revealed .swiper-slide:nth-child(6),
.row-swiper-standings.is-revealed .swiper-slide:nth-child(6) {
	transition-delay: 400ms;
}
.row-swiper-news.is-revealed .swiper-slide:nth-child(7),
.row-swiper-matches.is-revealed .swiper-slide:nth-child(7),
.row-swiper-standings.is-revealed .swiper-slide:nth-child(7) {
	transition-delay: 480ms;
}
.row-swiper-news.is-revealed .swiper-slide:nth-child(n + 8),
.row-swiper-matches.is-revealed .swiper-slide:nth-child(n + 8),
.row-swiper-standings.is-revealed .swiper-slide:nth-child(n + 8) {
	transition-delay: 520ms;
}

/* ========== SIDEBAR REVEAL (from right, sequential) ========== */

#sidebar:not(.is-revealed) > .cwks-sidebar-item {
	opacity: 0;
	transform: translate3d(2.25rem, 0, 0);
}

#sidebar.is-revealed > .cwks-sidebar-item {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 0.5s var(--cwks-motion-ease),
		transform 0.55s var(--cwks-motion-ease);
	transition-delay: var(--cwks-sidebar-delay, 0ms);
}

/* ========== HERO CONTENT (slide change) ========== */

.hero-slide-title,
.hero-slide-meta,
.hero-slide-read-more {
	opacity: 0;
	transform: translate3d(0, 20px, 0);
	transition:
		opacity 0.55s var(--cwks-motion-ease),
		transform 0.55s var(--cwks-motion-ease),
		background var(--cwks-motion-hover),
		color var(--cwks-motion-hover);
}

.hero-slide.is-content-active .hero-slide-title {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.08s;
}

.hero-slide.is-content-active .hero-slide-meta {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.18s;
}

.hero-slide.is-content-active .hero-slide-read-more {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition-delay: 0.28s;
}

.slider-prev,
.slider-next {
	transition:
		background var(--cwks-motion-hover),
		color var(--cwks-motion-hover),
		transform var(--cwks-motion-hover),
		opacity var(--cwks-motion-hover);
}

.slider-prev:hover,
.slider-next:hover {
	transform: translateY(-50%) scale(1.08);
	opacity: 1;
}

/* ========== SWIPER CARD LIFT (tylko wiadomości) ========== */

.row-swiper-news .swiper-slide {
	transition:
		transform var(--cwks-motion-hover),
		box-shadow var(--cwks-motion-hover);
}

.row-swiper-news .swiper-slide:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
	z-index: 2;
}

.row-swiper-news .swiper-slide .news-swiper-button {
	transition:
		background-color var(--cwks-motion-hover),
		border-color var(--cwks-motion-hover),
		color var(--cwks-motion-hover),
		box-shadow var(--cwks-motion-hover);
}

.row-swiper-news .swiper-slide:hover .news-swiper-button {
	box-shadow: 0 4px 12px rgba(228, 0, 1, 0.18);
}

.row-swiper-news .swiper-slide:hover .news-slide-title {
	color: #e40001;
	transition: color var(--cwks-motion-hover);
}

/* Swiper header arrows — nudge in their direction on hover */
.swiper-news-header .swiper-button-prev,
.swiper-news-header .swiper-button-next,
.swiper-matches-header .swiper-button-prev,
.swiper-matches-header .swiper-button-next,
.swiper-standings-header .swiper-button-prev,
.swiper-standings-header .swiper-button-next {
	transition:
		background 0.3s ease,
		color 0.3s ease,
		transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.swiper-news-header .swiper-button-prev i,
.swiper-news-header .swiper-button-next i,
.swiper-matches-header .swiper-button-prev i,
.swiper-matches-header .swiper-button-next i,
.swiper-standings-header .swiper-button-prev i,
.swiper-standings-header .swiper-button-next i {
	display: inline-block;
	transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.swiper-news-header .swiper-button-prev:hover:not(.swiper-button-disabled) i,
.swiper-matches-header .swiper-button-prev:hover:not(.swiper-button-disabled) i,
.swiper-standings-header .swiper-button-prev:hover:not(.swiper-button-disabled) i {
	transform: translateX(-3px);
}

.swiper-news-header .swiper-button-next:hover:not(.swiper-button-disabled) i,
.swiper-matches-header .swiper-button-next:hover:not(.swiper-button-disabled) i,
.swiper-standings-header .swiper-button-next:hover:not(.swiper-button-disabled) i {
	transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
	.swiper-news-header .swiper-button-prev i,
	.swiper-news-header .swiper-button-next i,
	.swiper-matches-header .swiper-button-prev i,
	.swiper-matches-header .swiper-button-next i,
	.swiper-standings-header .swiper-button-prev i,
	.swiper-standings-header .swiper-button-next i {
		transition: none !important;
		transform: none !important;
	}
}

/* ========== HOME BOXES / TICKET FIELDS ========== */

.home-fields .field,
.active-ticket-field .active-field {
	position: relative;
	overflow: hidden;
}

.home-fields .sponsor-home-box {
	position: relative;
}

.home-fields .field::after,
.active-ticket-field .active-field::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(
		105deg,
		transparent 40%,
		rgba(255, 255, 255, 0.14) 50%,
		transparent 60%
	);
	transform: translateX(-120%);
	opacity: 0;
	z-index: 3;
	transition: opacity 0.2s ease;
}

.home-fields .field:hover::after,
.active-ticket-field .active-field:hover::after {
	opacity: 1;
	animation: cwks-home-box-shine 0.7s var(--cwks-motion-ease) forwards;
}

@keyframes cwks-home-box-shine {
	0% {
		transform: translateX(-120%);
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	100% {
		transform: translateX(120%);
		opacity: 0;
	}
}

/* Large promo boxes — soft pad lift (works on contrasty photo/text colors) */
.home-fields .field .text-bg,
.active-ticket-field .active-field-2 .text-bg,
.active-ticket-field .active-field-3 .text-bg {
	position: relative;
	display: inline-block;
	max-width: 100%;
	isolation: isolate;
	transition:
		transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.4s ease;
	will-change: transform;
}

.home-fields .field .text-bg::before,
.active-ticket-field .active-field-2 .text-bg::before,
.active-ticket-field .active-field-3 .text-bg::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.22),
		rgba(255, 255, 255, 0.06)
	);
	opacity: 0;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.home-fields .field:hover .field-header .text-bg,
.active-ticket-field .active-field-2:hover .field-header .text-bg,
.active-ticket-field .active-field-3:hover .field-header .text-bg {
	transform: translateY(-4px);
	box-shadow:
		0 10px 22px rgba(0, 0, 0, 0.28),
		0 1px 0 rgba(255, 255, 255, 0.18) inset;
}

.home-fields .field:hover .field-text .text-bg,
.active-ticket-field .active-field-2:hover .field-text .text-bg,
.active-ticket-field .active-field-3:hover .field-text .text-bg {
	transform: translateY(-3px);
	box-shadow:
		0 8px 18px rgba(0, 0, 0, 0.24),
		0 1px 0 rgba(255, 255, 255, 0.14) inset;
	transition-delay: 0.05s;
}

.home-fields .field:hover .text-bg::before,
.active-ticket-field .active-field-2:hover .text-bg::before,
.active-ticket-field .active-field-3:hover .text-bg::before {
	opacity: 1;
}

.home-fields .field:hover .field-text .text-bg::before,
.active-ticket-field .active-field-2:hover .field-text .text-bg::before,
.active-ticket-field .active-field-3:hover .field-text .text-bg::before {
	transition-delay: 0.05s;
}

/* Pill / button line-swap */
.cwks-line-swap__track {
	display: grid;
	place-items: start;
	max-width: 100%;
}

.cwks-line-swap__slide {
	grid-area: 1 / 1;
	max-width: 100%;
	opacity: 0;
	transform: translateX(22px) scale(0.97);
	transition:
		transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.42s ease,
		filter 0.28s ease;
	pointer-events: none;
	will-change: transform, opacity;
}

.cwks-line-swap__slide.is-active {
	opacity: 1;
	transform: translateX(0) scale(1);
}

.cwks-line-swap__slide.is-leaving {
	opacity: 0;
	transform: translateX(-22px) scale(0.97);
}

.cwks-line-swap__slide.is-leaving-right {
	opacity: 0;
	transform: translateX(22px) scale(0.97);
}

.cwks-line-swap__slide.is-from-left {
	opacity: 0;
	transform: translateX(-22px) scale(0.97);
	transition: none;
}

.cwks-line-swap__slide.is-flashing {
	filter: brightness(1.35);
}

/* Swiper / header / sidebar CTAs — line-swap inside pill buttons */
.news-swiper-button.cwks-line-swap,
.button-match-center.cwks-line-swap,
.sb-button-match-center.cwks-line-swap,
.small-red-button.cwks-line-swap,
.match-box-button.cwks-line-swap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	vertical-align: middle;
	box-sizing: border-box;
}

.button-match-center.cwks-line-swap,
.sb-button-match-center.cwks-line-swap,
.match-box-button.cwks-line-swap {
    display: flex;
    width: 100%;
}

.news-swiper-button.cwks-line-swap .cwks-line-swap__track,
.small-red-button.cwks-line-swap .cwks-line-swap__track {
	display: grid;
	place-items: center;
	width: max-content;
	max-width: none;
	height: 100%;
	overflow: hidden;
}

.button-match-center.cwks-line-swap .cwks-line-swap__track,
.sb-button-match-center.cwks-line-swap .cwks-line-swap__track,
.match-box-button.cwks-line-swap .cwks-line-swap__track {
	display: grid;
	place-items: center;
	width: 100%;
	max-width: none;
	height: 100%;
	overflow: hidden;
}

.news-swiper-button.cwks-line-swap .cwks-line-swap__slide,
.button-match-center.cwks-line-swap .cwks-line-swap__slide,
.sb-button-match-center.cwks-line-swap .cwks-line-swap__slide,
.small-red-button.cwks-line-swap .cwks-line-swap__slide,
.match-box-button.cwks-line-swap .cwks-line-swap__slide {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: none;
	width: max-content;
	height: 100%;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	/* Keep text inside the pill — large X travel looked like an empty button. */
	transform: translateX(8px);
}

.news-swiper-button.cwks-line-swap .cwks-line-swap__slide.is-active,
.button-match-center.cwks-line-swap .cwks-line-swap__slide.is-active,
.sb-button-match-center.cwks-line-swap .cwks-line-swap__slide.is-active,
.small-red-button.cwks-line-swap .cwks-line-swap__slide.is-active,
.match-box-button.cwks-line-swap .cwks-line-swap__slide.is-active {
	transform: translateX(0);
}

.news-swiper-button.cwks-line-swap .cwks-line-swap__slide.is-leaving,
.button-match-center.cwks-line-swap .cwks-line-swap__slide.is-leaving,
.sb-button-match-center.cwks-line-swap .cwks-line-swap__slide.is-leaving,
.small-red-button.cwks-line-swap .cwks-line-swap__slide.is-leaving,
.match-box-button.cwks-line-swap .cwks-line-swap__slide.is-leaving {
	transform: translateX(-8px);
}

.news-swiper-button.cwks-line-swap .cwks-line-swap__slide.is-leaving-right,
.button-match-center.cwks-line-swap .cwks-line-swap__slide.is-leaving-right,
.sb-button-match-center.cwks-line-swap .cwks-line-swap__slide.is-leaving-right,
.small-red-button.cwks-line-swap .cwks-line-swap__slide.is-leaving-right,
.match-box-button.cwks-line-swap .cwks-line-swap__slide.is-leaving-right {
	transform: translateX(8px);
}

.news-swiper-button.cwks-line-swap .cwks-line-swap__slide.is-from-left,
.button-match-center.cwks-line-swap .cwks-line-swap__slide.is-from-left,
.sb-button-match-center.cwks-line-swap .cwks-line-swap__slide.is-from-left,
.small-red-button.cwks-line-swap .cwks-line-swap__slide.is-from-left,
.match-box-button.cwks-line-swap .cwks-line-swap__slide.is-from-left {
	transform: translateX(-8px);
}

/* ========== COUNTDOWN TICK ========== */

.next-match-countdown .countdown-days,
.next-match-countdown .countdown-hours,
.next-match-countdown .countdown-minutes,
.next-match-countdown .countdown-seconds {
	display: inline-block;
	transition: transform 0.28s var(--cwks-motion-ease), opacity 0.28s ease;
}

.next-match-countdown .countdown-days.is-ticking,
.next-match-countdown .countdown-hours.is-ticking,
.next-match-countdown .countdown-minutes.is-ticking,
.next-match-countdown .countdown-seconds.is-ticking {
	animation: cwks-countdown-tick 0.35s var(--cwks-motion-ease);
}

@keyframes cwks-countdown-tick {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	40% {
		transform: scale(1.12);
		opacity: 0.85;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* ========== REDUCED MOTION ========== */

@media (prefers-reduced-motion: reduce) {
	.hero-slide-title,
	.hero-slide-meta,
	.hero-slide-read-more,
	.hero-slide.is-content-active .hero-slide-title,
	.hero-slide.is-content-active .hero-slide-meta,
	.hero-slide.is-content-active .hero-slide-read-more {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		animation: none !important;
	}

	.home-fields .field::after,
	.active-ticket-field .active-field::after,
	.home-fields .field:hover::after,
	.active-ticket-field .active-field:hover::after {
		display: none !important;
		animation: none !important;
	}

	.next-match-countdown .countdown-days.is-ticking,
	.next-match-countdown .countdown-hours.is-ticking,
	.next-match-countdown .countdown-minutes.is-ticking,
	.next-match-countdown .countdown-seconds.is-ticking {
		animation: none !important;
	}

	.row-swiper-news .swiper-slide:hover,
	.posts-list .post-item:hover {
		transform: none;
		box-shadow: none;
	}

	.row-swiper-news .swiper-slide:hover .news-slide-background-image,
	.single-row-swiper-news .swiper-slide:hover .news-slide-background-image {
		transform: none;
	}

	.row-swiper-news .swiper-slide:hover .news-slide-title,
	.single-row-swiper-news .swiper-slide:hover .news-slide-title {
		color: inherit;
	}

	.home-fields .field .text-bg::before,
	.active-ticket-field .active-field-2 .text-bg::before,
	.active-ticket-field .active-field-3 .text-bg::before {
		display: none !important;
	}

	.home-fields .field .text-bg,
	.active-ticket-field .active-field-2 .text-bg,
	.active-ticket-field .active-field-3 .text-bg,
	.cwks-line-swap__slide {
		animation: none !important;
		transform: none !important;
		transition: none !important;
		filter: none !important;
		box-shadow: none !important;
	}

	.cwks-line-swap__slide {
		opacity: 1 !important;
	}

	.cwks-line-swap__slide:not(.is-active):not(:first-child) {
		display: none !important;
	}

	.row-swiper-news .swiper-slide,
	.row-swiper-matches .swiper-slide,
	.row-swiper-standings .swiper-slide,
	#sidebar > .cwks-sidebar-item {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		pointer-events: auto !important;
	}

	[data-aos] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}