/* PF7 player skin - align the StreamTube "forest" Video.js theme with the CaSTV
   red accent, and show the big play button whenever the video is paused (so
   click-to-pause has a clear YouTube-style play affordance). */

/* Accent: forest green (#6fb04e) -> CaSTV red. This drives the play/pause icon
   triangle and the control hover colour. */
.video-js.vjs-theme-forest { --vjs-theme-forest--primary: #e50914; }

/* Volume slider: neutral track, red fill (the forest theme draws these with
   triangle borders rather than a solid bar). */
.video-js.vjs-theme-forest .vjs-volume-bar:before { border-bottom-color: rgba(255, 255, 255, 0.25); }
.video-js.vjs-theme-forest .vjs-volume-level:before { border-bottom-color: #e50914; }

/* Seek bar: played portion in red. */
.video-js .vjs-play-progress { background-color: #e50914; }

/* Big play button: the default glyph stays white (reads well on the dark video);
   the theme's hover state was a hard-coded green SVG - swap it for the red one. */
.vjs-theme-forest:hover .vjs-big-play-button,
.vjs-theme-forest .vjs-big-play-button:focus {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23e50914'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 50%;
}

/* Show the big play button when paused mid-playback (video.js hides it after the
   first play). Hidden during ads / seeking / the ended state (binge end-screen
   handles that). The transparent click-layer performs the actual toggle. */
.video-js.vjs-has-started.vjs-paused:not(.vjs-ad-playing):not(.vjs-seeking):not(.vjs-ended) .vjs-big-play-button {
	display: block;
}

/* Small player-chrome controls: the Up Next auto-play toggle (#btn-up-next) and
   the prev/next post arrows (.next-prev-nav) render as .text-secondary glyphs on
   white (bg-light) buttons. Bootstrap's .text-secondary carries !important and
   resolved near-white here, leaving the icons white-on-white / invisible.
   Recolor to the CaSTV red accent so they read on the light buttons and match
   the player controls. (!important is required to beat .text-secondary.) */
#btn-up-next .icon-toggle-off,
#btn-up-next .icon-toggle-on,
#previous-post-link .icon-left-open,
#previous-post-link span[class*="icon-"],
#next-post-link .icon-right-open,
#next-post-link span[class*="icon-"],
.video-small-controls .next-prev-nav .btn span[class*="icon-"] {
	color: #e50914 !important;
}

/* Leftover empty tags block under the player: the video CPT has no post body, so
   the theme's post-tags part renders just the .icon-tags glyph with no tag links,
   wrapped in a p-4 padded box - showing as a large empty gap. (The real fiche
   tags render elsewhere.) Hide the empty tags row, and collapse the padded
   wrapper when it holds no actual content (no link, image, or paragraph). */
.post-tags:has(> .icon-tags:only-child) { display: none; }
.post-bottom__content:not(:has(a)):not(:has(img)):not(:has(p)) { display: none; }