/* ID-Stream featured Splide: keep title link looking like the heading. */
.aio-id-stream-archive-element .aio-id-stream-featured-title-link {
	color: inherit;
	text-decoration: none;
}

.aio-id-stream-archive-element .aio-id-stream-featured-title-link:hover,
.aio-id-stream-archive-element .aio-id-stream-featured-title-link:focus {
	color: inherit;
	text-decoration: underline;
}

.aio-id-stream-archive-element .aio-review-pct,
.aio-id-stream-archive-element .aio-review-desc {
	font-weight: inherit;
}

/*
 * Fallback if a clone still gets a -sN slide class: keep the editor gradient
 * (Kadence head CSS only targets kb-slide-7910_ea7021-b5 without suffix).
 */
.wp-block-kadence-slider [class*="kb-slide-7910_ea7021-b5"] .kb-advanced-slide-inner-wrap {
	background-color: transparent;
	background-image: linear-gradient(180deg, rgb(32, 61, 86) 0%, rgb(18, 33, 51) 12%);
}

.wp-block-kadence-slider [class*="kb-slide-7910_ea7021-b5"] .kb-advanced-slide-overlay {
	opacity: 0.6;
}

/* Allow review dropdown to escape slide clipping. */
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .splide__track,
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .splide__list,
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .wp-block-kadence-slide,
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .kb-advanced-slide,
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .kb-advanced-slide-inner-wrap,
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .kb-advanced-slide-inner {
	overflow: visible;
}

/*
 * Featured review panel — same behavior as SINGLE_PRODUCT
 * (.kadence-column205_34db67-e5 / .kadence-column205_dc6c2b-41),
 * using editor blocks 7910_34db67-e5 (+ -sN clones).
 */
.aio-id-stream-archive-element [class*="kadence-column7910_34db67-e5"] {
	position: relative !important;
	z-index: 5;
}

.aio-id-stream-archive-element [class*="kadence-column7910_34db67-e5"].is-review-open,
.aio-id-stream-archive-element [class*="kadence-column7910_34db67-e5"]:hover,
.aio-id-stream-archive-element [class*="kadence-column7910_34db67-e5"]:has(.aio-review-desc:hover) {
	z-index: 40;
}

.aio-id-stream-archive-element [class*="kadence-column7910_3c77ab-63"],
.aio-id-stream-archive-element .kt-inside-inner-col > [class*="kadence-column7910_3c77ab-63"] {
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.aio-id-stream-archive-element [class*="kadence-column7910_3c77ab-63"] > .kt-inside-inner-col {
	padding-left: 15px !important;
	padding-right: 15px !important;
	column-gap: 6px !important;
	row-gap: 0 !important;
}

.aio-id-stream-archive-element [class*="kt-adv-heading7910_f507f0-c0"].wp-block-kadence-advancedheading {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.aio-id-stream-archive-element [class*="kadence-column7910_34db67-e5"] .aio-review-desc {
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.aio-id-stream-archive-element [class*="kt-svg-icons7910_766610-0b"] {
	margin-right: 0 !important;
}

.aio-id-stream-archive-element [class*="kt-svg-item-7910_1041a8-de"] {
	line-height: 0;
}

.aio-id-stream-archive-element [class*="kt-svg-item-7910_1041a8-de"] .kb-svg-icon-wrap,
.aio-id-stream-archive-element .kt-svg-style-stacked[class*="kt-svg-item-7910_1041a8-de"] .kb-svg-icon-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 25px !important;
	margin-top: -2px !important;
	margin-left: -25px !important;
}

.aio-id-stream-archive-element [class*="kt-svg-item-7910_1041a8-de"] .kb-svg-icon-wrap svg {
	display: block;
	width: 1em;
	height: 1em;
}

.aio-id-stream-archive-element [class*="kadence-column7910_dc6c2b-41"] {
	display: none !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: calc(100% + 6px) !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	flex: none !important;
	z-index: 50 !important;
	box-sizing: border-box;
}

.aio-id-stream-archive-element [class*="kadence-column7910_dc6c2b-41"] > .kt-inside-inner-col {
	border-radius: 6px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

.aio-id-stream-archive-element [class*="kadence-column7910_34db67-e5"]:hover [class*="kadence-column7910_dc6c2b-41"],
.aio-id-stream-archive-element [class*="kadence-column7910_34db67-e5"]:has(.aio-review-desc:hover) [class*="kadence-column7910_dc6c2b-41"],
.aio-id-stream-archive-element [class*="kadence-column7910_34db67-e5"].is-review-open [class*="kadence-column7910_dc6c2b-41"] {
	display: block !important;
}

.aio-id-stream-archive-element .aio-review-ring {
	--aio-review-p: 0;
	position: relative;
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 auto;
	color: #ffffff;
}

.aio-id-stream-archive-element .aio-review-ring__svg {
	display: block;
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}

.aio-id-stream-archive-element .aio-review-ring__track {
	fill: none;
	stroke: #1f4d2a;
	stroke-width: 3.5;
}

.aio-id-stream-archive-element .aio-review-ring__progress {
	fill: none;
	stroke: #5cdb6a;
	stroke-width: 3.5;
	stroke-linecap: round;
	stroke-dasharray: 100;
	stroke-dashoffset: calc(100 - var(--aio-review-p));
	transition: stroke-dashoffset 0.35s ease;
}

.aio-id-stream-archive-element .aio-review-ring__value {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
	pointer-events: none;
}

.aio-id-stream-archive-element [class*="kt-svg-icons7910_b97d4d-e0"] {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 28px;
}

.aio-id-stream-archive-element [class*="kadence-column7910_b3bdf4-3d3"] > .kt-inside-inner-col {
	align-items: center;
}

/* Stats labels (ถูกใจ / รีวิว / แนะนำ): always one line; ellipsis if too narrow. */
.aio-id-stream-archive-element [class*="kadence-column7910_aafb50-2c4"],
.aio-id-stream-archive-element [class*="kadence-column7910_8c7a88-3a5"],
.aio-id-stream-archive-element [class*="kadence-column7910_b3bdf4-3d3"] {
	min-width: 0;
}

.aio-id-stream-archive-element [class*="kadence-column7910_aafb50-2c4"] > .kt-inside-inner-col,
.aio-id-stream-archive-element [class*="kadence-column7910_8c7a88-3a5"] > .kt-inside-inner-col,
.aio-id-stream-archive-element [class*="kadence-column7910_b3bdf4-3d3"] > .kt-inside-inner-col {
	min-width: 0;
	max-width: 100%;
}

.aio-id-stream-archive-element [class*="kt-adv-heading7910_0fbc16-3b"],
.aio-id-stream-archive-element [class*="kt-adv-heading7910_68230d-1c"],
.aio-id-stream-archive-element [class*="kt-adv-heading7910_5bd4cf-92"] {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Cover autoplay trailer on active slide (7910_0a1327-97). */
.aio-id-stream-archive-element [class*="kadence-column7910_0a1327-97"] {
	position: relative;
}

.aio-id-stream-archive-element [class*="kadence-column7910_0a1327-97"] > .kt-inside-inner-col {
	position: relative;
	overflow: hidden;
}

.aio-id-stream-archive-element .aio-cover-trailer {
	position: absolute;
	/* Overscan 1px to hide subpixel seam on the right edge. */
	inset: -1px;
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	/* Reveal only after first frame is playing — keep cover visible until then. */
	transition: opacity 0.25s ease;
	background: transparent;
	overflow: hidden;
}

.aio-id-stream-archive-element [class*="kadence-column7910_0a1327-97"].is-trailer-ready .aio-cover-trailer,
.aio-id-stream-archive-element [class*="kadence-column7910_0a1327-97"].is-trailer-playing .aio-cover-trailer {
	opacity: 1;
}

/* Hide Kadence cover tint only after trailer is visible. */
.aio-id-stream-archive-element [class*="kadence-column7910_0a1327-97"].is-trailer-ready > .kt-inside-inner-col:before,
.aio-id-stream-archive-element [class*="kadence-column7910_0a1327-97"].is-trailer-playing > .kt-inside-inner-col:before {
	opacity: 0 !important;
}

.aio-id-stream-archive-element .aio-cover-trailer__video {
	display: block;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	object-position: center center;
	/* Extra bleed against fractional layout rounding. */
	transform: scale(1.02);
	transform-origin: center center;
}

/* Mobile: keep pagination dots ~10px under content column (7910_3ee003-fa). */
@media (max-width: 767px) {
	.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .kb-splide[data-slider-dots="true"],
	.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .kb-blocks-advanced-slider-init.splide {
		margin-bottom: 20px;
	}

	.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .splide__pagination {
		bottom: -10px;
		padding-top: 0;
		padding-bottom: 0;
	}

	/* Mobile: dots align right inside featured column (da2f6e), not center. */
	.aio-id-stream-archive-element .kadence-column7910_da2f6e-51 > .kt-inside-inner-col ul.splide__pagination.slick-dots {
		justify-content: flex-end;
	}

	/* Stop equal-height stretch so content column doesn't leave empty space above the dots. */
	.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .kt-row-column-wrap.kt-inner-column-height-full {
		align-items: flex-start;
	}

	.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .kt-inner-column-height-full > [class*="kadence-column7910_3ee003-fa"] {
		align-self: flex-start !important;
	}

	.aio-id-stream-archive-element [class*="kadence-column7910_3ee003-fa"] > .kt-inside-inner-col {
		min-height: 0 !important;
		height: auto !important;
		justify-content: flex-start !important;
		padding-bottom: 0 !important;
	}

	/* Mobile: show next arrow only (featured slider). */
	.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .splide__arrow--prev {
		display: none !important;
	}
}

/*
 * Archive carousels: next arrow full height, square corners;
 * hide prev on mobile. Covers post-grid carousels + featured slider.
 */
.aio-id-stream-archive-element .kt-post-grid-layout-carousel,
.aio-id-stream-archive-element .kt-post-grid-layout-carousel-wrap.splide,
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24,
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .kb-blocks-advanced-slider-init.splide,
.aio-game-archive-element .kt-post-grid-layout-carousel,
.aio-game-archive-element .kt-post-grid-layout-carousel-wrap.splide {
	position: relative;
}

.aio-id-stream-archive-element .kt-post-grid-layout-carousel-wrap .splide__arrow.splide__arrow--next,
.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .splide__arrow.splide__arrow--next,
.aio-game-archive-element .kt-post-grid-layout-carousel-wrap .splide__arrow.splide__arrow--next {
	top: 0 !important;
	bottom: 0 !important;
	transform: none !important;
	height: auto !important;
	min-height: 100% !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	align-self: stretch;
	border-radius: 0 !important;
}

@media all and (max-width: 767px) {
	.aio-id-stream-archive-element .kt-post-grid-layout-carousel-wrap .splide__arrow.splide__arrow--prev,
	.aio-id-stream-archive-element .kb-advanced-slider-7910_650ebf-24 .splide__arrow.splide__arrow--prev,
	.aio-game-archive-element .kt-post-grid-layout-carousel-wrap .splide__arrow.splide__arrow--prev {
		display: none !important;
	}
}