/**
 * ID-Stream listing hover preview panel (Element 7910).
 */

.aio-id-stream-archive-element .aio-id-stream-listing-preview-title-link {
	color: inherit;
	text-decoration: none;
}

.aio-id-stream-archive-element .aio-id-stream-listing-preview-title-link:hover,
.aio-id-stream-archive-element .aio-id-stream-listing-preview-title-link:focus {
	text-decoration: underline;
}

/* Beat Kadence inline <style> for Steam icon in preview panel. */
.aio-id-stream-archive-element .kt-svg-item-7910_c8548d-4d .kb-svg-icon-wrap,
.aio-id-stream-archive-element .kt-svg-style-stacked.kt-svg-item-7910_c8548d-4d .kb-svg-icon-wrap,
.aio-id-stream-archive-element .kt-svg-icons .kt-svg-item-7910_c8548d-4d .kb-svg-icon-wrap {
	font-size: 25px !important;
	margin-top: -5px !important;
	margin-left: -10px !important;
}

/* Pull review line flush against Steam icon (kill gap + heading padding). */
.aio-id-stream-archive-element .kadence-column7910_01ec23-70 > .kt-inside-inner-col {
	column-gap: 2px !important;
	row-gap: 0 !important;
	align-items: center !important;
}

.aio-id-stream-archive-element .kt-svg-icons7910_e91dc4-0a {
	margin-right: 0 !important;
	flex: 0 0 auto !important;
}

.aio-id-stream-archive-element .kt-adv-heading7910_dcf36a-da.wp-block-kadence-advancedheading,
.aio-id-stream-archive-element .kt-adv-heading7910_dcf36a-da[data-kb-block="kb-adv-heading7910_dcf36a-da"] {
	padding-left: 0 !important;
	padding-right: 8px !important;
	margin-left: -2px !important;
}

/* Flash when preview panel switches to another hovered game. */
@keyframes aio-listing-preview-flash {
	0% {
		opacity: 0.25;
		filter: brightness(1.25);
	}
	35% {
		opacity: 1;
		filter: brightness(1);
	}
	55% {
		opacity: 0.55;
	}
	100% {
		opacity: 1;
		filter: none;
	}
}

.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9.is-preview-flash {
	animation: aio-listing-preview-flash 0.48s ease;
}

.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9 {
	transition: none;
}

/*
 * Pin preview panel to the TOP of 2f01cd-98 and make sticky inner full width.
 * - Parent Kadence uses justify-content:center (floats panel mid-column)
 * - Sticky .kt-inside-inner-col often shrinks to content width unless width:100%
 * - align-self:flex-start on the sticky inner was shrinking cross-axis width
 */
.aio-id-stream-archive-element .kadence-column7910_2f01cd-98 {
	align-items: stretch !important;
	justify-content: flex-start !important;
}

.aio-id-stream-archive-element .kadence-column7910_2f01cd-98 > .kt-inside-inner-col {
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 100%;
	min-height: 100%;
	box-sizing: border-box;
}

.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9.kb-section-is-sticky,
.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9 {
	align-self: flex-start !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 0 !important;
	box-sizing: border-box;
}

.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9.kb-section-is-sticky > .kt-inside-inner-col,
.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9 > .kt-inside-inner-col {
	align-self: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box;
	margin-top: 0 !important;
	left: 0;
	right: 0;
}

.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9 .kt-adv-heading7910_423e18-e2.aio-listing-ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

/*
 * Review stack: hide stats dropdown (b524af-ed) until hover / tap-open.
 *
 * Kadence .kb-section-link-overlay is a sibling of .kt-inside-inner-col with
 * z-index:10. Descendants inside the inner-col can NEVER paint above that
 * sibling (z-index is trapped), so hover never reaches the review column
 * unless the overlay lets pointers through.
 */
.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9 {
	overflow: visible !important;
}

/* Keep Kadence sticky; only raise z-index above link overlay. */
.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9 > .kt-inside-inner-col {
	position: sticky;
	z-index: 2;
	overflow: visible !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box;
}

.aio-id-stream-archive-element .kadence-column7910_bf14c5-c9 > .kb-section-link-overlay {
	z-index: 0 !important;
	pointer-events: none !important;
}

.aio-id-stream-archive-element .kadence-column7910_f4fef9-77 {
	position: relative !important;
	z-index: 5 !important;
	overflow: visible !important;
}

.aio-id-stream-archive-element .kadence-column7910_f4fef9-77 > .kt-inside-inner-col {
	overflow: visible !important;
}

.aio-id-stream-archive-element .kadence-column7910_f4fef9-77.is-review-open,
.aio-id-stream-archive-element .kadence-column7910_f4fef9-77:hover,
.aio-id-stream-archive-element .kadence-column7910_f4fef9-77:has(.aio-review-desc:hover) {
	z-index: 40 !important;
}

.aio-id-stream-archive-element .kadence-column7910_f4fef9-77 .kadence-column7910_01ec23-70 {
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.aio-id-stream-archive-element .kadence-column7910_f4fef9-77 .aio-review-desc {
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.aio-id-stream-archive-element .kadence-column7910_b524af-ed {
	display: none !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: calc(100% + 6px) !important;
	width: 100% !important;
	min-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 .kadence-column7910_b524af-ed > .kt-inside-inner-col {
	border-radius: 6px;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
	width: 100% !important;
	box-sizing: border-box;
}

/* Stats row: same width as review trigger (01ec23-70). */
.aio-id-stream-archive-element .kadence-column7910_2c7a28-62 {
	width: 100% !important;
	max-width: 100% !important;
	align-self: stretch !important;
	box-sizing: border-box;
}

.aio-id-stream-archive-element .kadence-column7910_2c7a28-62 > .kt-inside-inner-col {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	flex-wrap: nowrap !important;
}

/*
 * Recommend cell a029cf-7f — same treatment as featured slide b3bdf4-3d3
 * (likes/reviews siblings match aafb50 / 8c7a88).
 */
.aio-id-stream-archive-element .kadence-column7910_a029cf-7f > .kt-inside-inner-col {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 28px;
	min-width: 0;
	max-width: 100%;
}

.aio-id-stream-archive-element .kt-svg-icons7910_0fde27-09 {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 28px;
}

.aio-id-stream-archive-element .kadence-column7910_a029cf-7f .aio-review-ring {
	--aio-review-p: 0;
	position: relative;
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 auto;
}

.aio-id-stream-archive-element .kadence-column7910_df7e61-8b,
.aio-id-stream-archive-element .kadence-column7910_948581-12,
.aio-id-stream-archive-element .kadence-column7910_a029cf-7f {
	min-width: 0;
	flex: 1 1 0 !important;
}

.aio-id-stream-archive-element .kadence-column7910_df7e61-8b > .kt-inside-inner-col,
.aio-id-stream-archive-element .kadence-column7910_948581-12 > .kt-inside-inner-col,
.aio-id-stream-archive-element .kadence-column7910_a029cf-7f > .kt-inside-inner-col {
	min-width: 0;
	max-width: 100%;
}

.aio-id-stream-archive-element .kt-adv-heading7910_1d1adb-8a,
.aio-id-stream-archive-element .kt-adv-heading7910_e8ed55-d2,
.aio-id-stream-archive-element .kt-adv-heading7910_9f520c-98 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aio-id-stream-archive-element .kadence-column7910_f4fef9-77:hover .kadence-column7910_b524af-ed,
.aio-id-stream-archive-element .kadence-column7910_f4fef9-77:has(.aio-review-desc:hover) .kadence-column7910_b524af-ed,
.aio-id-stream-archive-element .kadence-column7910_f4fef9-77.is-review-open .kadence-column7910_b524af-ed {
	display: block !important;
}