/*
Theme-wide visual sync for custom hub and subcategory page templates.
Keeps buttons, cards, empty states and editorial rhythm consistent.
*/

.isg-subcat,
.isg-news-subcat,
.isg-gear-subpage,
.isg-learn-subpage,
.isg-deals-subpage,
.isg-news-page,
.isg-deals,
.isg-gear,
.isg-learn-v3,
.isg-blog,
.isg-games-v4 {
	background:
		radial-gradient(circle at 16% 0%, rgba(118, 87, 255, .11), transparent 34rem),
		radial-gradient(circle at 86% 10%, rgba(57, 231, 255, .08), transparent 32rem),
		linear-gradient(180deg, rgba(5, 8, 15, .95), rgba(4, 7, 12, .98)) !important;
	color: var(--text, #f7f9ff) !important;
}

.isg-subcat__shell,
.isg-news-subcat__shell,
.isg-gear-subpage__container,
.isg-learn-subpage__container,
.isg-deals-subpage__container,
.isg-news-page__container,
.isg-deals__container,
.isg-gear__container,
.isg-learn-v3__container,
.isg-blog__container,
.isg-games-v4__container {
	width: min(1280px, calc(100% - 40px)) !important;
	max-width: 1280px !important;
}

.isg-subcat__hero,
.isg-news-subcat__hero,
.isg-gear-subpage__hero,
.isg-learn-subpage__hero,
.isg-deals-subpage__hero,
.isg-news-page__hero,
.isg-deals__hero,
.isg-gear__hero,
.isg-learn-v3__hero,
.isg-games-v4__hero {
	min-height: clamp(420px, 46vw, 560px) !important;
	padding-block: clamp(48px, 6vw, 76px) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.isg-subcat__hero h1,
.isg-news-subcat__hero h1,
.isg-gear-subpage__title,
.isg-learn-subpage__title,
.isg-deals-subpage__title,
.isg-news-page__hero h1,
.isg-deals__title,
.isg-gear__title,
.isg-learn-v3__title,
.isg-games-v4__hero-title {
	max-width: 920px !important;
	font-size: clamp(2.55rem, 5vw, 4.85rem) !important;
	line-height: .98 !important;
	letter-spacing: 0 !important;
	background: linear-gradient(92deg, #fff 0%, #e7efff 42%, var(--cyan, #39e7ff) 72%, var(--pink, #ff3d81) 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
	text-transform: none !important;
}

.isg-subcat__hero h1 span,
.isg-news-subcat__hero h1 span,
.isg-gear-subpage__title span,
.isg-learn-subpage__title span,
.isg-deals-subpage__title span {
	color: inherit !important;
	-webkit-text-fill-color: transparent !important;
}

.isg-subcat__label,
.isg-news-subcat__label,
.isg-gear-subpage__label,
.isg-learn-subpage__label,
.isg-deals-subpage__label,
.isg-news-page__label,
.isg-deals__label,
.isg-gear__label,
.isg-learn-v3__label,
.isg-blog__label,
.isg-games-v4__label {
	color: var(--cyan, #39e7ff) !important;
	letter-spacing: .11em !important;
}

.isg-subcat__button,
.isg-news-subcat__button,
.isg-gear-subpage__button,
.isg-learn-subpage__button,
.isg-deals-subpage__button,
.isg-news-page__button,
.isg-deals__button,
.isg-gear__button,
.isg-learn-v3__button,
.isg-blog__search button,
.isg-subcat__read,
.isg-news-subcat__read,
.isg-gear-subpage__read-more,
.isg-learn-subpage__read-more,
.isg-deals-subpage__read-more,
.isg-news-page__read,
.isg-deals__read,
.isg-gear__read,
.isg-learn-v3__read,
.isg-blog__read,
.isg-games-v4__feed-head a,
.isg-subcat__view-all,
.isg-news-subcat__view-all,
.isg-gear-subpage__view-all,
.isg-learn-subpage__view-all,
.isg-deals-subpage__view-all,
.isg-news-page__view-all,
.isg-deals__view-all,
.isg-gear__view-all,
main[class^="isg-"] [class*="__button"],
main[class^="isg-"] [class*="__view-all"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 42px !important;
	width: max-content !important;
	max-width: 100% !important;
	padding: 0 16px !important;
	border: 1px solid rgba(57, 231, 255, .2) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(135deg, rgba(118, 87, 255, .18), rgba(255, 61, 129, .16)),
		rgba(255, 255, 255, .035) !important;
	color: #fff !important;
	font-size: .88rem !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.isg-subcat__button--primary,
.isg-news-subcat__button--primary,
.isg-gear-subpage__button--primary,
.isg-learn-subpage__button--primary,
.isg-deals-subpage__button--primary,
.isg-news-page__button--primary,
.isg-deals__button--primary,
.isg-gear__button--primary,
.isg-learn-v3__button--primary,
main[class^="isg-"] [class*="__button--primary"] {
	border-color: rgba(255, 61, 129, .42) !important;
	background:
		linear-gradient(90deg, var(--violet, #7657ff), var(--pink, #ff3d81) 56%, #ff9f43),
		var(--pink, #ff3d81) !important;
	box-shadow: 0 18px 44px rgba(255, 61, 129, .24), 0 0 34px rgba(57, 231, 255, .09) !important;
}

.isg-subcat__button:hover,
.isg-news-subcat__button:hover,
.isg-gear-subpage__button:hover,
.isg-learn-subpage__button:hover,
.isg-deals-subpage__button:hover,
.isg-news-page__button:hover,
.isg-deals__button:hover,
.isg-gear__button:hover,
.isg-learn-v3__button:hover,
.isg-blog__search button:hover,
.isg-subcat__read:hover,
.isg-news-subcat__read:hover,
.isg-gear-subpage__read-more:hover,
.isg-learn-subpage__read-more:hover,
.isg-deals-subpage__read-more:hover,
.isg-news-page__read:hover,
.isg-deals__read:hover,
.isg-gear__read:hover,
.isg-learn-v3__read:hover,
.isg-blog__read:hover,
.isg-games-v4__feed-head a:hover,
.isg-subcat__view-all:hover,
.isg-news-subcat__view-all:hover,
.isg-gear-subpage__view-all:hover,
.isg-learn-subpage__view-all:hover,
.isg-deals-subpage__view-all:hover,
.isg-news-page__view-all:hover,
.isg-deals__view-all:hover,
.isg-gear__view-all:hover,
main[class^="isg-"] [class*="__button"]:hover,
main[class^="isg-"] [class*="__view-all"]:hover {
	transform: translateY(-2px) !important;
	border-color: rgba(57, 231, 255, .4) !important;
	color: #fff !important;
	box-shadow: 0 20px 52px rgba(255, 61, 129, .26), 0 0 36px rgba(57, 231, 255, .14) !important;
}

.isg-subcat__post,
.isg-news-subcat__post,
.isg-gear-subpage__post,
.isg-learn-subpage__post,
.isg-deals-subpage__post,
.isg-news-page__post,
.isg-deals__post,
.isg-gear__post,
.isg-learn-v3__post,
.isg-blog__post,
.isg-subcat__card,
.isg-news-subcat__card,
.isg-gear-subpage__card,
.isg-learn-subpage__card,
.isg-deals-subpage__card,
.isg-news-page__card,
.isg-deals__card,
.isg-gear__card,
.isg-games-v4__post-card,
.isg-games-v4__category-card,
.isg-games-v4__feed-card,
.isg-learn-v3__card,
main[class^="isg-"] [class*="__overview"],
main[class^="isg-"] [class*="__value-card"],
main[class^="isg-"] [class*="__next-card"],
main[class^="isg-"] [class*="__feed-card"],
main[class^="isg-"] [class*="__post-card"],
main[class^="isg-"] [class*="__category-card"] {
	border: 1px solid rgba(57, 231, 255, .14) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(145deg, rgba(57, 231, 255, .055), rgba(255, 61, 129, .035)),
		rgba(9, 16, 27, .76) !important;
	box-shadow: 0 22px 70px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.isg-subcat__post:hover,
.isg-news-subcat__post:hover,
.isg-gear-subpage__post:hover,
.isg-learn-subpage__post:hover,
.isg-deals-subpage__post:hover,
.isg-news-page__post:hover,
.isg-deals__post:hover,
.isg-gear__post:hover,
.isg-learn-v3__post:hover,
.isg-blog__post:hover,
.isg-subcat__card:hover,
.isg-news-subcat__card:hover,
.isg-gear-subpage__card:hover,
.isg-learn-subpage__card:hover,
.isg-deals-subpage__card:hover,
.isg-news-page__card:hover,
.isg-deals__card:hover,
.isg-gear__card:hover,
.isg-games-v4__post-card:hover,
.isg-games-v4__category-card:hover,
.isg-games-v4__feed-card:hover,
.isg-learn-v3__card:hover,
main[class^="isg-"] [class*="__value-card"]:hover,
main[class^="isg-"] [class*="__next-card"]:hover,
main[class^="isg-"] [class*="__feed-card"]:hover,
main[class^="isg-"] [class*="__post-card"]:hover,
main[class^="isg-"] [class*="__category-card"]:hover {
	transform: translateY(-3px) !important;
	border-color: rgba(57, 231, 255, .28) !important;
	box-shadow: 0 28px 90px rgba(0, 0, 0, .32), 0 0 36px rgba(57, 231, 255, .08) !important;
}

.isg-subcat__empty,
.isg-news-subcat__empty,
.isg-gear-subpage__empty,
.isg-learn-subpage__empty,
.isg-deals-subpage__empty,
.isg-news-page__empty,
.isg-deals__empty,
.isg-gear__empty,
.isg-learn-v3__empty,
.isg-blog__empty,
.isg-games-v4__empty {
	border: 1px solid rgba(57, 231, 255, .18) !important;
	border-radius: 16px !important;
	background:
		radial-gradient(circle at 16% 0%, rgba(57, 231, 255, .1), transparent 22rem),
		linear-gradient(145deg, rgba(118, 87, 255, .08), rgba(255, 61, 129, .045)),
		rgba(9, 16, 27, .78) !important;
	box-shadow: 0 24px 80px rgba(0, 0, 0, .22) !important;
}

.isg-subcat__placeholder,
.isg-news-subcat__placeholder,
.isg-gear-subpage__image-placeholder,
.isg-learn-subpage__image-placeholder,
.isg-deals-subpage__image-placeholder,
.isg-news-page__placeholder,
.isg-deals__placeholder,
.isg-gear__placeholder,
.isg-learn-v3__placeholder,
.isg-blog__placeholder,
.isg-games-v4__post-placeholder {
	background:
		linear-gradient(135deg, rgba(118, 87, 255, .26), rgba(57, 231, 255, .08) 48%, rgba(255, 61, 129, .16)),
		#08101c !important;
	color: rgba(247, 249, 255, .18) !important;
}

main[class^="isg-"] [class*="__post-image"],
main[class^="isg-"] [class*="__feed-image"],
main[class^="isg-"] [class*="__card-image"],
main[class^="isg-"] [class*="__article-image"],
.isg-games-v4__post-image {
	display: block !important;
	aspect-ratio: 16 / 10 !important;
	overflow: hidden !important;
	border-radius: 14px !important;
	background:
		linear-gradient(135deg, rgba(118, 87, 255, .24), rgba(57, 231, 255, .08) 48%, rgba(255, 61, 129, .12)),
		#07101b !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

main[class^="isg-"] [class*="__post-image"] img,
main[class^="isg-"] [class*="__feed-image"] img,
main[class^="isg-"] [class*="__card-image"] img,
main[class^="isg-"] [class*="__article-image"] img,
.isg-games-v4__post-image img {
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	transform: none !important;
	filter: saturate(1.04) brightness(.94) !important;
	transition: transform .28s ease, filter .28s ease !important;
}

main[class^="isg-"] [class*="__post"]:hover [class*="__post-image"] img,
main[class^="isg-"] [class*="__card"]:hover [class*="__card-image"] img,
main[class^="isg-"] [class*="__feed-card"]:hover img,
.isg-games-v4__post-card:hover .isg-games-v4__post-image img {
	transform: scale(1.012) !important;
	filter: saturate(1.08) brightness(1) !important;
}

main[class^="isg-"] [class*="__posts-grid"],
main[class^="isg-"] [class*="__feed-list"] {
	gap: clamp(14px, 2vw, 22px) !important;
}

main[class^="isg-"] [class*="__latest"] {
	position: relative !important;
}

@media (max-width: 760px) {
	.isg-subcat__shell,
	.isg-news-subcat__shell,
	.isg-gear-subpage__container,
	.isg-learn-subpage__container,
	.isg-deals-subpage__container,
	.isg-news-page__container,
	.isg-deals__container,
	.isg-gear__container,
	.isg-learn-v3__container,
	.isg-blog__container,
	.isg-games-v4__container {
		width: min(100% - 28px, 1280px) !important;
	}

	.isg-subcat__hero,
	.isg-news-subcat__hero,
	.isg-gear-subpage__hero,
	.isg-learn-subpage__hero,
	.isg-deals-subpage__hero,
	.isg-news-page__hero,
	.isg-deals__hero,
	.isg-gear__hero,
	.isg-learn-v3__hero,
	.isg-games-v4__hero {
		min-height: 0 !important;
		padding-block: 34px !important;
	}

	.isg-subcat__button,
	.isg-news-subcat__button,
	.isg-gear-subpage__button,
	.isg-learn-subpage__button,
	.isg-deals-subpage__button,
	.isg-news-page__button,
	.isg-deals__button,
	.isg-gear__button,
	.isg-learn-v3__button {
		width: 100% !important;
	}
}