/*
 * Path: wp-content/themes/moviestream-child-gogotv/assets/css/fixes-v161.css
 * GogoTV 1.6.1 stability and layout fixes.
 */

:root{
	--gogo-adminbar-offset:0px;
	--gogo-fixed-header-space:128px;
	--gogo-v161-footer-gap:42px;
}

/* WordPress may inject html margin-top for the admin bar. We manage the
   visible admin bar offset ourselves in header-v161.js to prevent ghost gaps. */
html{margin-top:0!important;min-height:100%}

body.gogotv-design-v161{
	min-height:100vh!important;
	display:flex!important;
	flex-direction:column!important;
	padding-top:var(--gogo-fixed-header-space)!important;
}

/* Always-follow header. The measured header height is reserved on body,
   therefore content is never hidden behind the fixed chrome. */
body.gogotv-design-v161 .gogo-site-header{
	position:fixed!important;
	top:var(--gogo-adminbar-offset)!important;
	left:0!important;
	right:0!important;
	width:100%!important;
	z-index:99980!important;
	margin:0!important;
	transform:none!important;
}

/* Cancel legacy admin-bar offsets. JS only adds an offset when #wpadminbar
   is actually visible and has a measurable height. */
body.admin-bar.gogotv-design-v161 .gogo-site-header{
	top:var(--gogo-adminbar-offset)!important;
}

/* Keep normal page sections in document flow and force the real footer to
   the document bottom on short pages. */
body.gogotv-design-v161 > main,
body.gogotv-design-v161 > .sdmode,
body.gogotv-design-v161 > .psbody,
body.gogotv-design-v161 > #content{
	flex:0 0 auto;
}
body.gogotv-design-v161 .gogo-site-footer{
	margin-top:auto!important;
	padding-top:var(--gogo-v161-footer-gap)!important;
	flex:0 0 auto!important;
	position:relative!important;
	inset:auto!important;
	transform:none!important;
}

/* Remove accidental blank blocks that may be inherited from old header
   spacer implementations. */
body.gogotv-design-v161 .gogo-header-spacer,
body.gogotv-design-v161 .header-spacer,
body.gogotv-design-v161 .site-header-spacer{
	display:none!important;
	height:0!important;
	min-height:0!important;
	margin:0!important;
	padding:0!important;
}

/* Clean genre navigation: no emoji, no decorative gradients. */
body.gogotv-design-v161 .gogo-genre-tile-grid{
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:10px!important;
}
body.gogotv-design-v161 .gogo-genre-tile{
	position:relative!important;

	display:grid!important;
	grid-template-columns:34px minmax(0,1fr) 18px!important;
	align-items:center!important;
	gap:10px!important;
	min-height:70px!important;
	padding:12px 14px!important;
	border:1px solid rgba(255,255,255,.10)!important;
	border-radius:4px!important;
	background:#0f1010!important;
	box-shadow:none!important;
	text-align:left!important;
	text-decoration:none!important;
}
body.gogotv-design-v161 .gogo-genre-tile:hover{
	background:#141515!important;
	border-color:rgba(255,41,56,.54)!important;
}
body.gogotv-design-v161 .gogo-genre-tile__index{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:32px!important;
	height:32px!important;
	border:1px solid rgba(255,255,255,.11)!important;
	border-radius:3px!important;
	color:#ff3442!important;
	font-size:11px!important;
	font-weight:850!important;
	letter-spacing:.04em!important;
}
body.gogotv-design-v161 .gogo-genre-tile__copy{
	display:flex!important;
	flex-direction:column!important;
	min-width:0!important;
	gap:2px!important;
}
body.gogotv-design-v161 .gogo-genre-tile__copy strong{
	color:#f3f4f5!important;
	font-size:13px!important;
	font-weight:780!important;
	line-height:1.3!important;
}
body.gogotv-design-v161 .gogo-genre-tile__copy small{
	color:#747a80!important;
	font-size:10px!important;
	font-weight:550!important;
	line-height:1.3!important;
}
body.gogotv-design-v161 .gogo-genre-tile__arrow{
	color:#6f7479!important;
	font-size:22px!important;
	line-height:1!important;
	text-align:right!important;
}

/* TOP 20 display remains compact after the temporary x1000 multiplier. */
body.gogotv-design-v161 .gogo-rank-row em{
	font-style:normal!important;
	font-variant-numeric:tabular-nums!important;
	white-space:nowrap!important;
}

@media (max-width:860px){
	:root{--gogo-v161-footer-gap:26px}

	body.gogotv-design-v161 .gogo-site-header{
		backdrop-filter:blur(15px)!important;
		-webkit-backdrop-filter:blur(15px)!important;
	}

	body.gogotv-design-v161 .gogo-genre-tile-grid{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:7px!important;
		padding-left:12px!important;
		padding-right:12px!important;
	}
	body.gogotv-design-v161 .gogo-genre-tile{
		grid-template-columns:29px minmax(0,1fr) 14px!important;
		gap:8px!important;
		min-height:60px!important;
		padding:9px 10px!important;
	}
	body.gogotv-design-v161 .gogo-genre-tile__index{
		width:28px!important;
		height:28px!important;
		font-size:10px!important;
	}
	body.gogotv-design-v161 .gogo-genre-tile__copy strong{font-size:12px!important}
	body.gogotv-design-v161 .gogo-genre-tile__copy small{font-size:9px!important}
	body.gogotv-design-v161 .gogo-genre-tile__arrow{font-size:18px!important}

	/* The fixed mobile bottom navigation remains viewport-fixed. The real
	   document footer stays after all content and receives safe clearance. */
	body.gogotv-design-v161 .gogo-site-footer{
		padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
	}
}

@media (max-width:380px){
	body.gogotv-design-v161 .gogo-genre-tile-grid{
		grid-template-columns:1fr 1fr!important;
	}
}