/* GRH Player & Navigation Safe Fix 1.0.0
   Exact selectors only. No layout polling or DOM observers. */

/* =========================================================
   SHOW GUIDE / EPISODE PAGINATION
   Replaces the tiny square pager shown on large show catalogs.
   ========================================================= */
.grh-light-pagination{
	margin-top:22px !important;
}
.grh-light-pagination ul.page-numbers{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	flex-wrap:wrap !important;
	gap:8px !important;
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}
.grh-light-pagination ul.page-numbers > li{
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}
.grh-light-pagination ul.page-numbers > li > .page-numbers{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	min-width:44px !important;
	min-height:44px !important;
	padding:9px 13px !important;
	margin:0 !important;
	border:1px solid #bca786 !important;
	border-radius:9px !important;
	background:#fff9ef !important;
	color:#4b3526 !important;
	font-size:15px !important;
	font-weight:800 !important;
	line-height:1 !important;
	text-decoration:none !important;
	box-shadow:0 1px 2px rgba(65,43,27,.06) !important;
}
.grh-light-pagination ul.page-numbers > li > a.page-numbers:hover,
.grh-light-pagination ul.page-numbers > li > a.page-numbers:focus{
	border-color:#8d673f !important;
	background:#f0dfc3 !important;
	color:#2f2118 !important;
	box-shadow:0 0 0 3px rgba(154,116,52,.14) !important;
}
.grh-light-pagination ul.page-numbers > li > .page-numbers.current{
	border-color:#5e402c !important;
	background:#5e402c !important;
	color:#fff8e8 !important;
	box-shadow:0 2px 5px rgba(65,43,27,.16) !important;
}
.grh-light-pagination ul.page-numbers > li > .page-numbers.dots{
	min-width:28px !important;
	padding-left:4px !important;
	padding-right:4px !important;
	border-color:transparent !important;
	background:transparent !important;
	box-shadow:none !important;
}
.grh-light-pagination ul.page-numbers > li > .prev.page-numbers,
.grh-light-pagination ul.page-numbers > li > .next.page-numbers{
	min-width:92px !important;
	padding-left:16px !important;
	padding-right:16px !important;
}

/* =========================================================
   FULL PLAYER NAVIGATION
   Uses the existing search, genres, A-Z, seek and volume.
   It does not load or parse the archive a second time.
   ========================================================= */
#grh-full-player .grh-search-zone{
	padding-top:20px !important;
}
#grh-full-player #grh-search{
	min-height:52px !important;
	font-size:17px !important;
	border-width:2px !important;
}
#grh-full-player .grh-search-grid{
	align-items:end !important;
}
#grh-full-player .grh-search-grid .grh-btn{
	min-height:52px !important;
	font-size:13px !important;
}
#grh-full-player .grh-safe-browse-tools{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin-top:12px;
	padding-top:11px;
	border-top:1px solid #e1e1e1;
}
#grh-full-player .grh-safe-browse-label{
	margin-right:2px;
	color:#62564a;
	font-size:12px;
	font-weight:800;
}
#grh-full-player .grh-safe-browse-button{
	min-height:42px;
	padding:8px 14px;
	border:1px solid #baa17d;
	border-radius:8px;
	background:#fff9ef;
	color:#493325;
	font-size:13px;
	font-weight:850;
	cursor:pointer;
	box-shadow:none;
	text-transform:none;
	letter-spacing:0;
}
#grh-full-player .grh-safe-browse-button:hover,
#grh-full-player .grh-safe-browse-button:focus{
	border-color:#8f683e;
	background:#f0dfc3;
	color:#2f2118;
}
#grh-full-player .grh-safe-browse-button[aria-expanded="true"]{
	border-color:#7e332f;
	background:#7e332f;
	color:#fff7e8;
}
#grh-full-player .grh-genre-row[hidden],
#grh-full-player .grh-letter-row[hidden]{
	display:none !important;
}
#grh-full-player .grh-genre-row:not([hidden]),
#grh-full-player .grh-letter-row:not([hidden]){
	padding-top:10px !important;
}
#grh-full-player .grh-pagination{
	padding-top:20px !important;
}
#grh-full-player .grh-page-btn{
	min-width:112px !important;
	min-height:44px !important;
	height:44px !important;
	font-size:13px !important;
}
#grh-full-player .grh-page-status{
	min-width:190px !important;
	font-size:12px !important;
	line-height:1.35 !important;
}

/* Make the Full Player's existing timeline and volume easier to grab. */
#grh-full-player #grh-progress{
	-webkit-appearance:none;
	appearance:none;
	min-height:28px;
	background:transparent;
}
#grh-full-player #grh-progress::-webkit-slider-runnable-track{
	height:8px;
	border:1px solid #b9a37f;
	border-radius:999px;
	background:#dfd0b8;
}
#grh-full-player #grh-progress::-webkit-slider-thumb{
	-webkit-appearance:none;
	appearance:none;
	width:20px;
	height:20px;
	margin-top:-7px;
	border:2px solid #fff1df;
	border-radius:50%;
	background:#8a3732;
	box-shadow:0 1px 3px rgba(65,43,27,.22);
}
#grh-full-player #grh-progress::-moz-range-track{
	height:8px;
	border:1px solid #b9a37f;
	border-radius:999px;
	background:#dfd0b8;
}
#grh-full-player #grh-progress::-moz-range-thumb{
	width:17px;
	height:17px;
	border:2px solid #fff1df;
	border-radius:50%;
	background:#8a3732;
}
#grh-full-player .grh-volume{
	min-width:210px !important;
	font-size:11px !important;
}
#grh-full-player #grh-volume{
	min-height:28px !important;
	width:145px !important;
}

/* =========================================================
   PERSISTENT PLAYER
   The seek bar already exists and already controls playback.
   This only makes it more visible and adds an exact audio-volume control.
   ========================================================= */
@media (min-width:1221px){
	#grh-persistent-player-v2 .grh-ppv2-position{
		grid-template-columns:auto minmax(150px,1fr) auto minmax(120px,150px) !important;
		gap:8px !important;
	}
	#grh-persistent-player-v2 #grh-ppv2-progress{
		min-width:150px !important;
		height:24px !important;
	}
	#grh-persistent-player-v2 #grh-ppv2-progress::-webkit-slider-runnable-track{
		height:8px !important;
	}
	#grh-persistent-player-v2 #grh-ppv2-progress::-webkit-slider-thumb{
		width:18px !important;
		height:18px !important;
		margin-top:-6px !important;
	}
	#grh-persistent-player-v2 #grh-ppv2-progress::-moz-range-track,
	#grh-persistent-player-v2 #grh-ppv2-progress::-moz-range-progress{
		height:8px !important;
	}
	#grh-persistent-player-v2 #grh-ppv2-progress::-moz-range-thumb{
		width:15px !important;
		height:15px !important;
	}
	#grh-persistent-player-v2 .grh-safe-volume{
		min-width:0;
		display:grid;
		grid-template-columns:auto minmax(64px,1fr);
		align-items:center;
		gap:5px;
	}
	#grh-persistent-player-v2 .grh-safe-volume-button{
		height:28px;
		min-width:43px;
		padding:0 6px;
		border:1px solid #9b7d5c;
		border-radius:4px;
		background:linear-gradient(180deg,#fbf2e5 0%,#ead8bd 100%);
		color:#2b2018;
		font-family:Arial,Helvetica,sans-serif;
		font-size:10px;
		font-weight:900;
		line-height:1;
		cursor:pointer;
		box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
		text-transform:none;
		letter-spacing:0;
	}
	#grh-persistent-player-v2 .grh-safe-volume-button:hover,
	#grh-persistent-player-v2 .grh-safe-volume-button:focus{
		border-color:#a17837;
		background:#e3c79d;
	}
	#grh-persistent-player-v2 .grh-safe-volume-range{
		width:100%;
		min-width:64px;
		height:24px;
		margin:0;
		accent-color:#7e332f;
		cursor:pointer;
	}
}

/* At narrower widths the existing persistent bar intentionally hides its seek
   strip. The expanded Full Player remains the place for seek + volume controls. */
@media (max-width:1220px){
	#grh-persistent-player-v2 .grh-safe-volume{
		display:none !important;
	}
}

@media (max-width:620px){
	.grh-light-pagination ul.page-numbers{
		gap:6px !important;
	}
	.grh-light-pagination ul.page-numbers > li > .page-numbers{
		min-width:42px !important;
		min-height:42px !important;
		padding:8px 11px !important;
		font-size:14px !important;
	}
	.grh-light-pagination ul.page-numbers > li > .prev.page-numbers,
	.grh-light-pagination ul.page-numbers > li > .next.page-numbers{
		min-width:86px !important;
	}
	#grh-full-player .grh-safe-browse-tools{
		display:grid;
		grid-template-columns:1fr 1fr;
	}
	#grh-full-player .grh-safe-browse-label{
		grid-column:1 / -1;
	}
	#grh-full-player .grh-safe-browse-button{
		width:100%;
	}
	#grh-full-player .grh-page-status{
		order:-1;
		flex:1 0 100%;
	}
}


/* =========================================================
   1.0.1 SCREENSHOT FIX
   Exact live selectors confirmed on Golden Radio Hour.
   1) Bottom Explore cards return to the light GRH paper style.
   2) Show-guide page numbers become simple text navigation
      instead of a row of tiny boxed buttons.
   ========================================================= */

/* Light Explore cards used for All Performers / Program Guides / Full Player. */
.grh-library .grh-explore-section .grh-link-card,
.grh-discovery-layer .grh-explore-section .grh-link-card{
	background:#fffaf0 !important;
	border:1px solid #c9b58f !important;
	border-top:3px solid #8f2f37 !important;
	border-radius:9px !important;
	box-shadow:0 3px 10px rgba(59,45,27,.07) !important;
	color:#2f2923 !important;
	transform:none !important;
}
.grh-library .grh-explore-section .grh-link-card strong,
.grh-discovery-layer .grh-explore-section .grh-link-card strong{
	color:#3a2d24 !important;
	-webkit-text-fill-color:#3a2d24 !important;
	font-weight:800 !important;
}
.grh-library .grh-explore-section .grh-link-card span,
.grh-discovery-layer .grh-explore-section .grh-link-card span{
	color:#6f6256 !important;
	-webkit-text-fill-color:#6f6256 !important;
	font-weight:650 !important;
}
.grh-library .grh-explore-section .grh-link-card:hover,
.grh-library .grh-explore-section .grh-link-card:focus-visible,
.grh-discovery-layer .grh-explore-section .grh-link-card:hover,
.grh-discovery-layer .grh-explore-section .grh-link-card:focus-visible{
	background:#f5e7ca !important;
	border-color:#a9864c !important;
	border-top-color:#7a252d !important;
	box-shadow:0 6px 15px rgba(59,45,27,.10) !important;
	outline:2px solid rgba(143,47,55,.16) !important;
	outline-offset:2px !important;
	transform:translateY(-1px) !important;
}

/* Plain, readable page-number navigation for long show guides. */
.grh-light-pagination ul.page-numbers{
	gap:2px !important;
	align-items:center !important;
	padding:10px 0 0 !important;
}
.grh-light-pagination ul.page-numbers > li > .page-numbers{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	min-width:36px !important;
	min-height:42px !important;
	height:auto !important;
	padding:7px 9px !important;
	border:0 !important;
	border-bottom:3px solid transparent !important;
	border-radius:0 !important;
	background:transparent !important;
	color:#5a493b !important;
	font-size:15px !important;
	font-weight:850 !important;
	line-height:1 !important;
	text-decoration:none !important;
	box-shadow:none !important;
}
.grh-light-pagination ul.page-numbers > li > a.page-numbers:hover,
.grh-light-pagination ul.page-numbers > li > a.page-numbers:focus{
	background:#f4e6cb !important;
	color:#6f2028 !important;
	border-bottom-color:#b88931 !important;
	box-shadow:none !important;
}
.grh-light-pagination ul.page-numbers > li > .page-numbers.current{
	background:transparent !important;
	color:#7b2931 !important;
	border-bottom-color:#7b2931 !important;
	font-weight:950 !important;
	box-shadow:none !important;
}
.grh-light-pagination ul.page-numbers > li > .page-numbers.dots{
	min-width:28px !important;
	padding-left:4px !important;
	padding-right:4px !important;
	border-bottom-color:transparent !important;
	color:#87796c !important;
}
.grh-light-pagination ul.page-numbers > li > .prev.page-numbers,
.grh-light-pagination ul.page-numbers > li > .next.page-numbers{
	min-width:86px !important;
	margin:0 4px !important;
	padding:9px 14px !important;
	border:1px solid #bca786 !important;
	border-bottom:1px solid #bca786 !important;
	border-radius:6px !important;
	background:#fff9ef !important;
	color:#4b3526 !important;
}
.grh-light-pagination ul.page-numbers > li > .prev.page-numbers:hover,
.grh-light-pagination ul.page-numbers > li > .next.page-numbers:hover,
.grh-light-pagination ul.page-numbers > li > .prev.page-numbers:focus,
.grh-light-pagination ul.page-numbers > li > .next.page-numbers:focus{
	border-color:#8f683e !important;
	background:#ead7ac !important;
	color:#2f2118 !important;
}

@media (max-width:620px){
	.grh-light-pagination ul.page-numbers > li > .page-numbers{
		min-width:34px !important;
		min-height:40px !important;
		padding:7px 8px !important;
		font-size:14px !important;
	}
	.grh-light-pagination ul.page-numbers > li > .prev.page-numbers,
	.grh-light-pagination ul.page-numbers > li > .next.page-numbers{
		min-width:80px !important;
	}
}


/* =========================================================
   1.0.2 EXACT LIVE PAGINATION OVERRIDE
   The live show template is:
   body.grh-content-shows
   .grh-discovery-layer
   .grh-pagination.grh-light-pagination
   ul.page-numbers > li > a/span.page-numbers

   This is intentionally more specific than the Content Library /
   Theme Preview rules that were winning after 1.0.1.
   ========================================================= */

body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers{
	display:flex !important;
	align-items:center !important;
	flex-wrap:wrap !important;
	gap:8px !important;
	margin:18px 0 0 !important;
	padding:0 !important;
	list-style:none !important;
}

body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li{
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
}

body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.page-numbers,
body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > span.page-numbers{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	width:auto !important;
	min-width:30px !important;
	height:auto !important;
	min-height:38px !important;
	margin:0 !important;
	padding:6px 7px !important;
	border:0 !important;
	border-bottom:3px solid transparent !important;
	border-radius:0 !important;
	background:transparent !important;
	color:#57483b !important;
	-webkit-text-fill-color:#57483b !important;
	box-shadow:none !important;
	font:900 15px/1 Arial,Helvetica,sans-serif !important;
	text-decoration:none !important;
	transform:none !important;
}

body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.page-numbers:hover,
body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.page-numbers:focus-visible{
	color:#7b2931 !important;
	-webkit-text-fill-color:#7b2931 !important;
	background:#f5e7ca !important;
	border-bottom-color:#b88931 !important;
	outline:none !important;
	box-shadow:none !important;
}

body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > span.page-numbers.current{
	color:#7b2931 !important;
	-webkit-text-fill-color:#7b2931 !important;
	background:transparent !important;
	border:0 !important;
	border-bottom:3px solid #7b2931 !important;
	font-weight:1000 !important;
	box-shadow:none !important;
}

body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > span.page-numbers.dots{
	min-width:20px !important;
	padding-left:2px !important;
	padding-right:2px !important;
	color:#8a7b6e !important;
	-webkit-text-fill-color:#8a7b6e !important;
	background:transparent !important;
	border:0 !important;
}

body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.prev.page-numbers,
body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.next.page-numbers{
	min-width:88px !important;
	min-height:40px !important;
	padding:8px 14px !important;
	border:1px solid #bca786 !important;
	border-radius:6px !important;
	background:#fff9ef !important;
	color:#4b3526 !important;
	-webkit-text-fill-color:#4b3526 !important;
}

body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.prev.page-numbers:hover,
body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.next.page-numbers:hover,
body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.prev.page-numbers:focus-visible,
body.grh-content-shows .grh-discovery-layer
.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.next.page-numbers:focus-visible{
	border-color:#8f683e !important;
	background:#ead7ac !important;
	color:#2f2118 !important;
	-webkit-text-fill-color:#2f2118 !important;
}

@media(max-width:620px){
	body.grh-content-shows .grh-discovery-layer
	.grh-pagination.grh-light-pagination > ul.page-numbers{
		gap:5px !important;
	}
	body.grh-content-shows .grh-discovery-layer
	.grh-pagination.grh-light-pagination > ul.page-numbers > li > a.page-numbers,
	body.grh-content-shows .grh-discovery-layer
	.grh-pagination.grh-light-pagination > ul.page-numbers > li > span.page-numbers{
		min-width:28px !important;
		min-height:38px !important;
		padding:6px !important;
		font-size:14px !important;
	}
}


/* =========================================================
   1.0.3 REBUILT SHOW PAGER
   Uses unique class names so Content Library's .page-numbers
   styles cannot turn these back into tiny square buttons.
   ========================================================= */
.grh-safe-pagination{
	display:flex !important;
	align-items:center !important;
	flex-wrap:wrap !important;
	gap:7px !important;
	margin:18px 0 0 !important;
	padding:4px 0 !important;
	font-family:Arial,Helvetica,sans-serif !important;
}
.grh-safe-page-link,
.grh-safe-page-current,
.grh-safe-page-dots{
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	min-width:34px !important;
	min-height:40px !important;
	padding:7px 9px !important;
	margin:0 !important;
	border:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	font:900 15px/1 Arial,Helvetica,sans-serif !important;
	text-decoration:none !important;
}
.grh-safe-page-link{
	color:#57483b !important;
	-webkit-text-fill-color:#57483b !important;
	border-bottom:3px solid transparent !important;
}
.grh-safe-page-link:hover,
.grh-safe-page-link:focus-visible{
	color:#7b2931 !important;
	-webkit-text-fill-color:#7b2931 !important;
	background:#f5e7ca !important;
	border-bottom-color:#b88931 !important;
	outline:none !important;
}
.grh-safe-page-current{
	color:#7b2931 !important;
	-webkit-text-fill-color:#7b2931 !important;
	border-bottom:3px solid #7b2931 !important;
	font-weight:1000 !important;
}
.grh-safe-page-dots{
	min-width:20px !important;
	padding-left:2px !important;
	padding-right:2px !important;
	color:#8a7b6e !important;
	-webkit-text-fill-color:#8a7b6e !important;
}
.grh-safe-page-prev,
.grh-safe-page-next{
	min-width:88px !important;
	min-height:40px !important;
	padding:8px 14px !important;
	border:1px solid #bca786 !important;
	border-radius:6px !important;
	background:#fff9ef !important;
	color:#4b3526 !important;
	-webkit-text-fill-color:#4b3526 !important;
}
.grh-safe-page-prev:hover,
.grh-safe-page-next:hover,
.grh-safe-page-prev:focus-visible,
.grh-safe-page-next:focus-visible{
	border-color:#8f683e !important;
	background:#ead7ac !important;
	color:#2f2118 !important;
	-webkit-text-fill-color:#2f2118 !important;
}
@media(max-width:620px){
	.grh-safe-pagination{gap:4px !important}
	.grh-safe-page-link,
	.grh-safe-page-current,
	.grh-safe-page-dots{
		min-width:30px !important;
		min-height:38px !important;
		padding:6px 7px !important;
		font-size:14px !important;
	}
	.grh-safe-page-prev,
	.grh-safe-page-next{
		min-width:82px !important;
	}
}