/* -------------------------------------------------------------------------
   QuitStreaming Cancel Guides — per-service page backgrounds
   Generated from build/brands.json. Edit that file, then run
   `node build/gen-brand-css.mjs`.
   ------------------------------------------------------------------------- */

/* Pages that contain a guide get a colored page background, and the theme
   header/footer go transparent so the color runs edge to edge. */
body:has(.qs-guide) {
	background-color: #111827;
	background-repeat: no-repeat;
}

body:has(.qs-guide) .site-header,
body:has(.qs-guide) .site-footer {
	background: transparent;
}

body:has(.qs-guide) .site-footer {
	border-top: 1px solid rgba(255, 255, 255, 0.18);
}

body:has(.qs-brand-index) { background-image: linear-gradient(180deg, #111827 0%, #0B1220 100%); }
body:has(.qs-brand-netflix) { background-image: linear-gradient(180deg, #E50914 0%, #8B0710 100%); }
body:has(.qs-brand-amazon-prime) { background-image: linear-gradient(180deg, #0F6FB5 0%, #0A3F66 100%); }
body:has(.qs-brand-apple-tv) { background-image: linear-gradient(180deg, #3A3A3D 0%, #141416 100%); }
body:has(.qs-brand-britbox) { background-image: linear-gradient(180deg, #12305B 0%, #0A1B33 100%); }
body:has(.qs-brand-directv-stream) { background-image: linear-gradient(180deg, #0A4C8A 0%, #052A4C 100%); }
body:has(.qs-brand-discovery-plus) { background-image: linear-gradient(180deg, #0B5CD5 0%, #06337A 100%); }
body:has(.qs-brand-disney-plus) { background-image: linear-gradient(180deg, #113CCF 0%, #0A2380 100%); }
body:has(.qs-brand-espn) { background-image: linear-gradient(180deg, #C40000 0%, #7A0000 100%); }
body:has(.qs-brand-facebook) { background-image: linear-gradient(180deg, #0B5FCC 0%, #063A7A 100%); }
body:has(.qs-brand-fox-one-nation) { background-image: linear-gradient(180deg, #0B2B5B 0%, #051830 100%); }
body:has(.qs-brand-fubo) { background-image: linear-gradient(180deg, #C24A00 0%, #7A2E00 100%); }
body:has(.qs-brand-google) { background-image: linear-gradient(180deg, #1A56C4 0%, #0F3578 100%); }
body:has(.qs-brand-hbo-max) { background-image: linear-gradient(180deg, #5A1FD1 0%, #331080 100%); }
body:has(.qs-brand-hulu) { background-image: linear-gradient(180deg, #0E7A45 0%, #084A29 100%); }
body:has(.qs-brand-instagram) { background-image: linear-gradient(160deg, #B8267A 0%, #5B1E8A 55%, #2A1150 100%); }
body:has(.qs-brand-mlb) { background-image: linear-gradient(180deg, #0A2E5C 0%, #05182F 100%); }
body:has(.qs-brand-nba-league-pass) { background-image: linear-gradient(180deg, #1D428A 0%, #0F2450 100%); }
body:has(.qs-brand-pandora) { background-image: linear-gradient(180deg, #2A55D6 0%, #16307A 100%); }
body:has(.qs-brand-paramount-plus) { background-image: linear-gradient(180deg, #0057D9 0%, #00307A 100%); }
body:has(.qs-brand-peacock) { background-image: linear-gradient(180deg, #1A1A2E 0%, #0A0A12 100%); }
body:has(.qs-brand-philo) { background-image: linear-gradient(180deg, #3B1E63 0%, #201037 100%); }
body:has(.qs-brand-sling) { background-image: linear-gradient(180deg, #0A6E96 0%, #054257 100%); }
body:has(.qs-brand-spotify) { background-image: linear-gradient(180deg, #0B6B33 0%, #063F1E 100%); }
body:has(.qs-brand-threads) { background-image: linear-gradient(180deg, #1F1F1F 0%, #0D0D0D 100%); }
body:has(.qs-brand-tiktok) { background-image: linear-gradient(160deg, #123033 0%, #161616 55%, #0A0A0A 100%); }
body:has(.qs-brand-youtube-tv) { background-image: linear-gradient(180deg, #C40000 0%, #7A0000 100%); }

/* Browsers without :has() get a neutral dark page instead of white-on-white. */
@supports not selector(:has(*)) {
	.qs-guide {
		background: #111827;
	}
}