/* ==========================================================================
   Episode Single Page -- visual refresh (content-single-v2.php layout)
   Confirmed against the theme's actual template files in use on this
   site: content-single-v2.php (player left, sidebar list right, then
   breadcrumb/title/info/tools below the player) and
   post-episodes-list.php (the right-side episode list panel).
   ========================================================================== */

.episodes-top {
	margin-bottom: 28px;
}

.spisodes-top,
.episodes-top .col-xl-9 > div:first-child {
	border-radius: 14px;
	overflow: hidden;
}

/* --------------------------------------------------------------------
   Right-side episode list panel (post-episodes-list.php)
   -------------------------------------------------------------------- */

.sidebar-list {
	background: #12121A;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	overflow: hidden;
}

.tv-shows-info {
	padding: 16px 16px 12px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.tv-shows-info h5 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 700;
}

.tv-shows-info h5 a {
	color: var(--heading, #ffffff);
	text-decoration: none;
}

.tv-shows-info h5 a:hover {
	color: #71F336;
}

.jws-list-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}

.jws-list-top .total-number {
	font-size: 12.5px;
	color: var(--body2, #a1a0a1);
	font-weight: 600;
}

.select-seasion .dropdown-toggle {
	background: #1a1a24;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: var(--heading, #ffffff);
	font-size: 13.5px;
	font-weight: 600;
	padding: 8px 14px;
	width: 100%;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.select-seasion .dropdown-toggle:hover,
.select-seasion.show .dropdown-toggle {
	border-color: #71F336;
}

.select-seasion .dropdown-menu {
	background: #1a1a24;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	overflow: hidden;
	padding: 4px;
}

.select-seasion .dropdown-item {
	color: var(--body, #ffffffcc);
	font-size: 13.5px;
	border-radius: 6px;
	padding: 8px 12px;
}

.select-seasion .dropdown-item:hover {
	background: rgba(113, 243, 54, 0.08);
	color: #71F336;
}

.select-seasion .dropdown-item.active,
.select-seasion .dropdown-item.active:hover {
	background: #71F336;
	color: #0a1a02 !important;
	font-weight: 700;
}

.jws-episodes_advanced-element {
	max-height: 620px;
}

.episodes-content.layout4 {
	display: flex;
	flex-direction: column;
}

.jws-pisodes_advanced-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	transition: background 0.12s ease;
}

.jws-pisodes_advanced-item:hover {
	background: rgba(255, 255, 255, 0.03);
}

.jws-pisodes_advanced-item.active {
	background: rgba(113, 243, 54, 0.07);
	border-left: 2px solid #71F336;
}

.jws-pisodes_advanced-item .post-inner {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}

.jws-pisodes_advanced-item .post-inner a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	text-decoration: none;
}

.jws-pisodes_advanced-item .post-media {
	position: relative;
	flex-shrink: 0;
	width: 90px;
	aspect-ratio: 16 / 9;
	border-radius: 6px;
	overflow: hidden;
	background: #1a1a24;
}

.jws-pisodes_advanced-item .post-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.jws-pisodes_advanced-item .post-media .time {
	position: absolute;
	bottom: 4px;
	right: 6px;
	font-size: 10.5px;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	padding: 1px 5px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	gap: 3px;
}

.jws-pisodes_advanced-item .post-media .jws-vip {
	position: absolute;
	top: 4px;
	right: 4px;
	background: #71F336;
	color: #0a1a02;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.3px;
	padding: 2px 5px;
	border-radius: 3px;
}

.jws-pisodes_advanced-item .time-data {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: rgba(255, 255, 255, 0.15);
}

.jws-pisodes_advanced-item .time-data span {
	display: block;
	height: 100%;
	background: #71F336;
}

.jws-pisodes_advanced-item .episodes-info {
	min-width: 0;
	flex: 1;
}

.jws-pisodes_advanced-item .episodes-number {
	display: block;
	font-size: 11px;
	font-weight: 700;
	color: #71F336;
	margin-bottom: 2px;
}

.jws-pisodes_advanced-item .episodes-info h6 {
	margin: 0;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--heading, #ffffff);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.jws-pisodes_advanced-item .number-item {
	flex-shrink: 0;
}

.jws-pisodes_advanced-item .number-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06);
	color: var(--body2, #a1a0a1);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.jws-pisodes_advanced-item.active .number-item a,
.jws-pisodes_advanced-item.active .number-item a:hover {
	background: #71F336;
	color: #0a1a02 !important;
}

/* --------------------------------------------------------------------
   Below-player content: breadcrumb, title, meta, description, tools
   -------------------------------------------------------------------- */

.jws-breadcrumb {
	font-size: 13px;
	color: var(--body2, #a1a0a1);
	margin: 20px 0 14px;
}

.jws-breadcrumb a {
	color: var(--body2, #a1a0a1);
	text-decoration: none;
}

.jws-breadcrumb a:hover {
	color: #71F336;
}

.jws-breadcrumb .delimiter {
	margin: 0 8px;
	color: rgba(255, 255, 255, 0.15);
}

.jws-title {
	margin-bottom: 14px;
}

.jws-title > h6:last-child {
	font-size: 16px;
	font-weight: 500;
	color: var(--body, #ffffffcc);
	margin: 6px 0 0;
}

.jws-meta-info {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 13.5px;
	color: var(--body2, #a1a0a1);
	margin-bottom: 20px;
}

.jws-meta-info > div {
	display: flex;
	align-items: center;
	gap: 6px;
}

.jws-raring-number .fa-star {
	color: #71F336;
}

.jws-description {
	color: var(--body, #ffffffcc);
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 20px;
}

.jws-tags {
	margin-bottom: 24px;
	font-size: 13px;
}

.jws-tags label {
	color: var(--body2, #a1a0a1);
	margin-right: 8px;
}

.jws-tags a {
	display: inline-block;
	color: var(--body, #ffffffcc);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	padding: 3px 10px;
	font-size: 12.5px;
	margin: 2px 4px 2px 0;
	text-decoration: none;
}

.jws-tags a:hover {
	border-color: #71F336;
	color: #71F336;
}

.jws-tool {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 28px;
	margin-bottom: 28px;
}

body .ceu-episode-page .jws-tool .jws-likes,
body .ceu-episode-page .jws-tool .jws-watchlist,
body .ceu-episode-page .jws-tool .jws-share {
	width: 48px;
	flex-shrink: 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

body .ceu-episode-page .jws-tool .jws-likes,
body .ceu-episode-page .jws-tool .jws-watchlist,
body .ceu-episode-page .jws-tool .jws-share,
body .ceu-episode-page .jws-tool .jws-likes a,
body .ceu-episode-page .jws-tool .jws-watchlist a,
body .ceu-episode-page .jws-tool .jws-share a,
body .ceu-episode-page .jws-tool .jws-likes a.like-button,
body .ceu-episode-page .jws-tool .jws-watchlist a.watchlist-add {
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

body .ceu-episode-page .jws-likes a,
body .ceu-episode-page .jws-likes a.like-button,
body .ceu-episode-page .jws-watchlist a,
body .ceu-episode-page .jws-watchlist a.watchlist-add,
body .ceu-episode-page .jws-share a {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--body2, #a1a0a1);
	font-size: 12.5px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.12s ease;
}

body .ceu-episode-page .jws-likes a:hover,
body .ceu-episode-page .jws-likes a.like-button:hover,
body .ceu-episode-page .jws-watchlist a:hover,
body .ceu-episode-page .jws-watchlist a.watchlist-add:hover,
body .ceu-episode-page .jws-share a:hover {
	color: #71F336;
	background: none !important;
	border: none !important;
}

.jws-likes a.liked,
.jws-watchlist a[class*="added"] {
	color: #71F336;
}

.jws-likes .likes-count {
	color: inherit;
	font-weight: 700;
	font-size: 13px;
}

/**
 * Show only the numeric count under Likes (hide the trailing "like"/
 * "likes" word); Watchlist and Share have no count in this theme's data
 * model at all, so their text labels are hidden entirely -- icon only,
 * matching the reference's icon-only treatment for those two, per
 * explicit request.
 */
.jws-likes a > span:not(.count):not(.likes-count) {
	display: none;
}

.jws-watchlist a > span,
.jws-share a > span {
	display: none;
}

/**
 * Icon swap: the theme's like/watchlist/share buttons render icon-font
 * glyphs (jws-icon-thumbs-up, jws-icon-plus, jws-icon-share-network)
 * that can't be reshaped via CSS content alone (they're specific
 * characters in a custom icon font, not something we can redraw). We
 * hide those glyphs and substitute our own inline-SVG icons via
 * ::before, matching the heart / star(bookmark) / share-arrow style
 * used in the reference -- while leaving the theme's actual button
 * markup, classes, and click behavior (AJAX like/watchlist toggling)
 * completely untouched.
 */
.jws-likes i.jws-icon-thumbs-up,
.jws-watchlist i.jws-icon-plus,
.jws-share i.jws-icon-share-network {
	display: none;
}

.jws-likes a::before,
.jws-watchlist a::before,
.jws-share a::before {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex-shrink: 0;
}

.jws-likes a::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23a1a0a1%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23a1a0a1%22%20d%3D%22M18.716%204.884c-2.413-1.462-4.52-.873-5.785.065-.519.385-.778.578-.931.578-.153%200-.412-.193-.931-.578-1.265-.938-3.372-1.527-5.785-.065-3.168%201.919-3.884%208.25%203.422%2013.59C10.097%2019.491%2010.793%2020%2012%2020c1.207%200%201.903-.509%203.294-1.526%207.307-5.34%206.59-11.671%203.422-13.59%22/%3E%3C/svg%3E");
}

.jws-likes a.liked::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%2371F336%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2371F336%22%20d%3D%22M18.716%204.884c-2.413-1.462-4.52-.873-5.785.065-.519.385-.778.578-.931.578-.153%200-.412-.193-.931-.578-1.265-.938-3.372-1.527-5.785-.065-3.168%201.919-3.884%208.25%203.422%2013.59C10.097%2019.491%2010.793%2020%2012%2020c1.207%200%201.903-.509%203.294-1.526%207.307-5.34%206.59-11.671%203.422-13.59%22/%3E%3C/svg%3E");
}

.jws-watchlist a::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23a1a0a1%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23a1a0a1%22%20d%3D%22M8.98%206.029c1.183-1.866%201.774-2.8%202.585-2.98.287-.065.583-.065.87%200%20.81.18%201.402%201.114%202.585%202.98.327.516.491.774.715.969.082.072.17.136.263.194.252.155.544.233%201.13.389%202.117.563%203.176.845%203.597%201.57.149.256.24.542.269.838.08.837-.613%201.695-2%203.412-.383.475-.575.713-.688.988a2.053%202.053%200%200%200-.1.314c-.069.29-.051.597-.017%201.21.126%202.214.189%203.32-.362%203.95a2.017%202.017%200%200%201-.703.518c-.761.336-1.781-.067-3.82-.872-.565-.223-.848-.334-1.141-.358a2.006%202.006%200%200%200-.326%200c-.293.024-.576.136-1.14.358-2.04.805-3.06%201.208-3.82.872a2.016%202.016%200%200%201-.704-.518c-.55-.63-.488-1.736-.362-3.95.034-.614.052-.92-.016-1.21a2.057%202.057%200%200%200-.101-.314c-.113-.275-.305-.513-.689-.988-1.386-1.717-2.079-2.575-1.999-3.412.029-.296.12-.582.269-.838.42-.725%201.48-1.007%203.597-1.57.586-.156.879-.234%201.13-.39.093-.057.18-.121.263-.193.224-.195.388-.453.715-.97%22/%3E%3C/svg%3E");
}

.jws-watchlist a[class*="added"]::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%2371F336%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2371F336%22%20d%3D%22M8.98%206.029c1.183-1.866%201.774-2.8%202.585-2.98.287-.065.583-.065.87%200%20.81.18%201.402%201.114%202.585%202.98.327.516.491.774.715.969.082.072.17.136.263.194.252.155.544.233%201.13.389%202.117.563%203.176.845%203.597%201.57.149.256.24.542.269.838.08.837-.613%201.695-2%203.412-.383.475-.575.713-.688.988a2.053%202.053%200%200%200-.1.314c-.069.29-.051.597-.017%201.21.126%202.214.189%203.32-.362%203.95a2.017%202.017%200%200%201-.703.518c-.761.336-1.781-.067-3.82-.872-.565-.223-.848-.334-1.141-.358a2.006%202.006%200%200%200-.326%200c-.293.024-.576.136-1.14.358-2.04.805-3.06%201.208-3.82.872a2.016%202.016%200%200%201-.704-.518c-.55-.63-.488-1.736-.362-3.95.034-.614.052-.92-.016-1.21a2.057%202.057%200%200%200-.101-.314c-.113-.275-.305-.513-.689-.988-1.386-1.717-2.079-2.575-1.999-3.412.029-.296.12-.582.269-.838.42-.725%201.48-1.007%203.597-1.57.586-.156.879-.234%201.13-.39.093-.057.18-.121.263-.193.224-.195.388-.453.715-.97%22/%3E%3C/svg%3E");
}

.jws-share a::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23a1a0a1%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23a1a0a1%22%20d%3D%22m18.511%208.85-2.704-2.427c-1.95-1.749-2.713-2.69-3.768-2.357-1.316.415-.883%203.031-.883%203.915C7.064%207.98%203%2012.545%203%2019.38c0%20.618.83.879%201.161.284%201.742-3.133%204.064-3.661%206.995-3.661%200%20.994-.433%203.5.883%203.914%201.195.377%201.819-.608%203.768-2.357l2.704-2.427C20.171%2013.646%2021%2012.901%2021%2011.992c0-.909-.83-1.653-2.489-3.142%22/%3E%3C/svg%3E");
}

.jws-likes a:hover:not(.liked)::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%2371F336%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2371F336%22%20d%3D%22M18.716%204.884c-2.413-1.462-4.52-.873-5.785.065-.519.385-.778.578-.931.578-.153%200-.412-.193-.931-.578-1.265-.938-3.372-1.527-5.785-.065-3.168%201.919-3.884%208.25%203.422%2013.59C10.097%2019.491%2010.793%2020%2012%2020c1.207%200%201.903-.509%203.294-1.526%207.307-5.34%206.59-11.671%203.422-13.59%22/%3E%3C/svg%3E");
}

.jws-watchlist a:hover:not([class*="added"])::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%2371F336%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2371F336%22%20d%3D%22M8.98%206.029c1.183-1.866%201.774-2.8%202.585-2.98.287-.065.583-.065.87%200%20.81.18%201.402%201.114%202.585%202.98.327.516.491.774.715.969.082.072.17.136.263.194.252.155.544.233%201.13.389%202.117.563%203.176.845%203.597%201.57.149.256.24.542.269.838.08.837-.613%201.695-2%203.412-.383.475-.575.713-.688.988a2.053%202.053%200%200%200-.1.314c-.069.29-.051.597-.017%201.21.126%202.214.189%203.32-.362%203.95a2.017%202.017%200%200%201-.703.518c-.761.336-1.781-.067-3.82-.872-.565-.223-.848-.334-1.141-.358a2.006%202.006%200%200%200-.326%200c-.293.024-.576.136-1.14.358-2.04.805-3.06%201.208-3.82.872a2.016%202.016%200%200%201-.704-.518c-.55-.63-.488-1.736-.362-3.95.034-.614.052-.92-.016-1.21a2.057%202.057%200%200%200-.101-.314c-.113-.275-.305-.513-.689-.988-1.386-1.717-2.079-2.575-1.999-3.412.029-.296.12-.582.269-.838.42-.725%201.48-1.007%203.597-1.57.586-.156.879-.234%201.13-.39.093-.057.18-.121.263-.193.224-.195.388-.453.715-.97%22/%3E%3C/svg%3E");
}

.jws-share a:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%2371F336%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2371F336%22%20d%3D%22m18.511%208.85-2.704-2.427c-1.95-1.749-2.713-2.69-3.768-2.357-1.316.415-.883%203.031-.883%203.915C7.064%207.98%203%2012.545%203%2019.38c0%20.618.83.879%201.161.284%201.742-3.133%204.064-3.661%206.995-3.661%200%20.994-.433%203.5.883%203.914%201.195.377%201.819-.608%203.768-2.357l2.704-2.427C20.171%2013.646%2021%2012.901%2021%2011.992c0-.909-.83-1.653-2.489-3.142%22/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------
   Numbered episode grid (class-ceu-episode-grid.php)
   -------------------------------------------------------------------- */

.ceu-episode-grid-wrap {
	background: #12121A;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	padding: 18px;
}

.ceu-episode-grid-header {
	margin-bottom: 14px;
}

.ceu-episode-range-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 14px;
}

.ceu-episode-range-tab {
	background: none;
	border: none;
	padding: 4px 2px;
	font-size: 13px;
	font-weight: 600;
	color: var(--body2, #a1a0a1);
	cursor: pointer;
	border-bottom: 2px solid transparent;
}

.ceu-episode-range-tab:hover {
	color: var(--heading, #ffffff);
}

.ceu-episode-range-tab.is-active {
	color: #71F336;
	border-bottom-color: #71F336;
}

.ceu-episode-range-tab:not(:last-child) {
	margin-right: 10px;
}

.ceu-episode-grid--hidden {
	display: none !important;
}

.ceu-episode-grid-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--heading, #ffffff);
	text-decoration: none;
}

.ceu-episode-grid-title:hover {
	color: #71F336;
}

.ceu-season-tabs {
	display: flex;
	gap: 6px;
	margin-bottom: 14px;
}

.ceu-season-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 30px;
	height: 30px;
	padding: 0 8px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.05);
	color: var(--body, #ffffffcc);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

.ceu-season-tab:hover {
	background: rgba(113, 243, 54, 0.1);
	color: #71F336;
}

.ceu-season-tab.is-active,
.ceu-season-tab.is-active:hover {
	background: #71F336;
	color: #0a1a02 !important;
}

.ceu-episode-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 8px;
}

.ceu-episode-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.05);
	color: var(--body, #ffffffcc);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.12s ease, color 0.12s ease;
}

.ceu-episode-box:hover {
	background: rgba(113, 243, 54, 0.1);
	color: #71F336;
}

.ceu-episode-box.is-current,
.ceu-episode-box.is-current:hover {
	background: #71F336;
	color: #0a1a02 !important;
}

.ceu-episode-box.is-locked {
	color: var(--body2, #a1a0a1);
}

.ceu-episode-box.is-locked:hover {
	color: #71F336;
}

.ceu-episode-box-badge {
	position: absolute;
	top: -5px;
	right: -5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: #1a1a24;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.ceu-episode-box-badge--lock svg {
	width: 9px;
	height: 9px;
	color: #71F336;
}

.ceu-episode-box-badge--vip {
	width: auto;
	height: auto;
	border-radius: 4px;
	background: #71F336;
	border: none;
	color: #0a1a02;
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 0.2px;
	padding: 1px 3px;
}

@media (max-width: 480px) {
	.ceu-episode-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

/* --------------------------------------------------------------------
   Full-page template layout (template-episode-page.php)
   -------------------------------------------------------------------- */

.ceu-episode-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 24px;
}

.ceu-episode-layout {
	display: flex;
	align-items: flex-start;
	gap: 28px;
}

.ceu-episode-main {
	flex: 1;
	min-width: 0;
}

.ceu-episode-sidebar {
	flex: 0 0 340px;
	background: #12121A;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	overflow: hidden;
}

.ceu-sidebar-section {
	padding: 18px;
}

.ceu-sidebar-divider {
	height: 1px;
	background: rgba(255, 255, 255, 0.12);
	margin: 0 18px;
}

.ceu-inline-divider {
	height: 1px;
	background: rgba(255, 255, 255, 0.12);
	margin: 16px 0;
}

.ceu-sidebar-section--info .jws-breadcrumb {
	margin: 0 0 12px;
	font-size: 12px;
}

.ceu-sidebar-section--info .jws-title > h6:last-child {
	font-size: 20px;
	font-weight: 700;
	color: var(--heading, #ffffff);
	margin-top: 0;
	line-height: 1.3;
}

.ceu-sidebar-section--info .jws-meta-info {
	flex-wrap: wrap;
	gap: 12px;
	font-size: 12.5px;
	margin-bottom: 0;
}

.ceu-plot-heading {
	font-size: 14px;
	font-weight: 700;
	color: var(--heading, #ffffff);
	margin: 16px 0 8px;
}

.ceu-sidebar-section--info .jws-description {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 0;
}

.ceu-plot-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.ceu-plot-text.is-expanded {
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
}

.ceu-plot-more-toggle {
	display: inline-block;
	margin-top: 4px;
	padding: 0;
	background: none;
	border: none;
	color: #71F336;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.ceu-plot-more-toggle:hover {
	text-decoration: underline;
}

.ceu-show-categories {
	margin-top: 16px;
}

.ceu-sidebar-section--info .jws-tags {
	margin-bottom: 12px;
}

.ceu-sidebar-section--info .jws-tags:last-of-type {
	margin-bottom: 16px;
}

.ceu-show-categories a {
	background: rgba(113, 243, 54, 0.08);
	border-color: rgba(113, 243, 54, 0.25);
	color: #71F336;
}

.ceu-sidebar-section--info .jws-tool {
	margin-bottom: 0;
	flex-wrap: wrap;
}

.ceu-sidebar-section--episodes .ceu-episode-grid-wrap {
	background: transparent;
	border: none;
	padding: 0;
}

@media (max-width: 960px) {
	.ceu-episode-layout {
		flex-direction: column;
	}

	.ceu-episode-sidebar {
		flex: 1 1 auto;
		width: 100%;
	}
}

/* --------------------------------------------------------------------
   Cast & Crew (class-ceu-cast-crew.php)
   -------------------------------------------------------------------- */

.ceu-cast-crew {
	margin-bottom: 28px;
}

.ceu-cast-crew-section {
	margin-bottom: 22px;
}

.ceu-cast-crew-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--heading, #ffffff);
	margin: 0 0 12px;
}

.ceu-cast-crew-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	gap: 14px;
}

.ceu-person-card {
	text-decoration: none;
	color: inherit;
	text-align: center;
}

.ceu-person-photo {
	width: 72px;
	height: 72px;
	margin: 0 auto 8px;
	border-radius: 50%;
	overflow: hidden;
	background: #1a1a24;
}

.ceu-person-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ceu-person-photo-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.06);
}

.ceu-person-name {
	font-size: 12.5px;
	font-weight: 600;
	color: var(--heading, #ffffff);
	line-height: 1.3;
	word-break: break-word;
}

.ceu-person-card:hover .ceu-person-name {
	color: #71F336;
}

.ceu-person-role {
	font-size: 11px;
	color: var(--body2, #a1a0a1);
	margin-top: 2px;
}