.vodi-age-gate-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;padding:20px;}
.vodi-age-gate{background:#111;color:#f2f2f2;border-radius:12px;max-width:460px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.6);padding:26px 22px;text-align:center;font-family:inherit;}
.vodi-age-gate__logo{max-width:180px;margin:0 auto 12px auto;display:block;}
.vodi-age-gate h2{font-size:24px;margin:12px 0;}
.vodi-age-gate p{font-size:14px;line-height:1.6;margin:12px 0;}
.vodi-age-gate .btn-row{display:flex;flex-direction:column;gap:12px;margin-top:18px;}
.vodi-age-gate button{cursor:pointer;border:none;border-radius:10px;padding:14px 12px;font-size:16px;font-weight:700;transition:transform .15s ease,opacity .15s ease;}
.vodi-age-gate__enter{background:#d32;border:2px solid #d32;color:#fff;}
.vodi-age-gate__exit{background:#444;border:2px solid #444;color:#fff;}
.vodi-age-gate button:hover{transform:translateY(-1px);opacity:.95;}
.home-video-categories-bar > .container-fluid{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.home-video-categories-bar__wrap{flex:1;display:flex;align-items:center;gap:12px;}
.home-video-categories-bar__inner{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0;flex:1;}
.home-video-categories-bar[data-expanded="false"] .home-video-categories-bar__inner{max-height:46px;overflow:hidden;}
.home-video-categories-bar[data-expanded="true"] .home-video-categories-bar__inner{max-height:none;overflow:visible;}
.home-video-categories-bar__item{flex:0 0 auto;white-space:nowrap;}
.home-video-categories-bar__toggle{position:relative;z-index:2;pointer-events:auto;}
.handheld-footer:empty{display:none!important;}
@media (max-width:1199.98px){.desktop-footer{display:block!important;}}
.home-video-categories-bar__top-tag-btn{display:inline-flex;align-items:center;justify-content:center;background:#d61f1f;color:#fff;border:none;padding:10px 16px;border-radius:999px;font-weight:700;white-space:nowrap;cursor:pointer;}
.video-tax-categories-bar{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;background-color:#0f1424;border-bottom:1px solid #1d2333;position:relative;z-index:1;}
.video-tax-categories-bar .home-video-categories-bar{position:relative;overflow:visible;background:transparent;}
.video-tax-categories-bar .home-video-categories-bar::before{content:'';position:absolute;left:50%;width:100vw;top:0;bottom:0;transform:translateX(-50%);background-color:#0f1424;z-index:0;pointer-events:none;}
.video-tax-categories-bar .home-video-categories-bar > *{position:relative;z-index:1;}
.video-tax-categories-bar .home-video-categories-bar > .container-fluid{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.video-tax-categories-bar .home-video-categories-bar__wrap{flex:1;display:flex;align-items:center;gap:12px;}
.video-tax-categories-bar .home-video-categories-bar__inner{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0;flex:1;}
.video-tax-categories-bar .home-video-categories-bar[data-expanded="false"] .home-video-categories-bar__inner{max-height:48px;overflow:hidden;}
.video-tax-categories-bar .home-video-categories-bar[data-expanded="true"] .home-video-categories-bar__inner{max-height:none;overflow:visible;}
.video-tax-categories-bar .home-video-categories-bar__item{flex:0 0 auto;white-space:nowrap;}
.video-tax-categories-bar .home-video-categories-bar__top-tag-btn{display:inline-flex;align-items:center;justify-content:center;background:#d61f1f;color:#fff;border:none;padding:10px 16px;border-radius:999px;font-weight:700;white-space:nowrap;cursor:pointer;}
body[class*="page-template-videos-popular"] .home-hero .container-fluid,
body[class*="page-template-videos-popular"] .home-hero-copy,
body[class*="page-template-videos-popular"] .home-hero-copy__inner,
body[class*="page-template-videos-popular"] .home-hero-copy .container-fluid,
body[class*="page-template-videos-popular"] .home-video-categories-bar > .container-fluid{max-width:revert;padding-left:revert;padding-right:revert;}
body[class*="page-template-videos-popular"] .home-video-categories-bar{position:relative;overflow:visible;background-color:#0f1424;z-index:0;}
body[class*="page-template-videos-popular"] .home-video-categories-bar::before{content:'';position:absolute;left:50%;width:100vw;top:0;bottom:0;transform:translateX(-50%);background-color:#0f1424;z-index:-1;pointer-events:none;}
body[class*="page-template-videos-popular"] .home-video-categories-bar > *{position:relative;z-index:1;}
body[class*="page-template-videos-popular"] .home-hero,
body[class*="page-template-videos-popular"] .home-hero-copy{display:none!important;}
body[class*="page-template-videos-popular"]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
body[class*="page-template-videos-popular"] .video-listing-grid{position:relative;z-index:2;}
body[class*="page-template-videos-popular"] .videos__inner,
body[class*="page-template-videos-popular"] .videos__inner .video{position:relative;z-index:2;}
body[class*="page-template-videos-popular"] .video__container,
body[class*="page-template-videos-popular"] .video__poster,
body[class*="page-template-videos-popular"] .vodi-hover-preview{border-radius:12px;overflow:hidden;}
body[class*="page-template-videos-popular"] .video__poster{position:relative;}
body[class*="page-template-videos-popular"] .vodi-hover-preview{z-index:3;}
body[class*="page-template-videos-popular"] .site-content__inner > #primary > header.handheld-header{display:none;}
body[class*="page-template-videos-recent"] .home-hero .container-fluid,
body[class*="page-template-videos-recent"] .home-hero-copy,
body[class*="page-template-videos-recent"] .home-hero-copy__inner,
body[class*="page-template-videos-recent"] .home-hero-copy .container-fluid,
body[class*="page-template-videos-recent"] .home-video-categories-bar > .container-fluid{max-width:revert;padding-left:revert;padding-right:revert;}
body[class*="page-template-videos-recent"] .home-video-categories-bar{position:relative;overflow:visible;background-color:#0f1424;z-index:0;}
body[class*="page-template-videos-recent"] .home-video-categories-bar::before{content:'';position:absolute;left:50%;width:100vw;top:0;bottom:0;transform:translateX(-50%);background-color:#0f1424;z-index:-1;pointer-events:none;}
body[class*="page-template-videos-recent"] .home-video-categories-bar > *{position:relative;z-index:1;}
body[class*="page-template-videos-recent"] .home-hero,
body[class*="page-template-videos-recent"] .home-hero-copy{display:none!important;}
body[class*="page-template-videos-recent"]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
body[class*="page-template-videos-recent"] .video__container,
body[class*="page-template-videos-recent"] .video__poster,
body[class*="page-template-videos-recent"] .vodi-hover-preview{border-radius:12px;overflow:hidden;}
body[class*="page-template-videos-recent"] .video__poster{position:relative;}
body[class*="page-template-videos-recent"] .vodi-hover-preview{z-index:3;}
body[class*="page-template-videos-recent"] .site-content__inner > #primary > header.handheld-header{display:none;}
@media (min-width:600px){.vodi-age-gate .btn-row{flex-direction:row;}.vodi-age-gate button{flex:1;}}
@media (max-width:768px){.home-video-categories-bar__wrap{flex-wrap:wrap;gap:8px;overflow:visible;}.home-video-categories-bar__inner{gap:8px;flex-wrap:wrap;min-width:0;padding:8px 0;}.home-video-categories-bar__toggle{flex:1 1 100%;justify-content:center;margin-left:0;}.video-tax-categories-bar .home-video-categories-bar__wrap{flex-wrap:wrap;gap:8px;overflow:visible;}.video-tax-categories-bar .home-video-categories-bar__inner{gap:8px;flex-wrap:wrap;min-width:0;padding:8px 0;}.home-hero-copy{display:none!important;}}
@media (max-width:768px){
  /* 手机端：分类条和视频播放器之间添加间跿*/
  .home-video-categories-bar + .plyr-player,
  .home-video-categories-bar + .plyr,
  .home-video-categories-bar + .single-video__content .plyr-player,
  .home-video-categories-bar + .single-video__content .plyr {
    margin-top: 10px;
  }
  .home-video-categories-bar {
    margin-bottom: 10px;
    padding: 8px 0;
  }

  /* Mobile: shift logo 5px left (logo only) */
  .handheld-header .site-header__logo{
    margin-left: -5px;
    margin-right: 0;
  }
  /* Mobile: nudge search icon to the edge */
  .handheld-header .site-header__inner{
    padding-right: 0 !important;
  }
  .handheld-header .site-header__search{
    margin-left: 0 !important;
    margin-right: -4px !important;
  }
  .handheld-header .site-header__search .dropdown-toggle{
    margin-left: 0 !important;
    margin-right: -1px !important;
  }
}

/* Force single video into mobile-style single column on mid/large tablets (iPad Pro / Nest Hub / Nest Hub Max) */
@media (max-width: 1400px){
  body.single-video .single-video__sidebar{
    display:none !important;
  }
  body.single-video .single-video__content,
  body.single-video .single-video__content-column,
  body.single-video #primary.content-area{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    float:none !important;
  }
}

/* Single video: unify header, category bar, and content width on mid/large tablets */
@media (min-width:820px) and (max-width:1400px){
  body.single-video .site-header__inner,
  body.single-video .home-video-categories-bar,
  body.single-video .home-video-categories-bar > .container-fluid,
  body.single-video .site-content__inner{
    max-width: 1040px !important;
    width: calc(100% - 60px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  body.single-video .home-video-categories-bar::before{
    display: none !important;
  }
}

/* Single video: remove side margins and ensure player clickable/full width on target tablets (iPad Pro / Nest Hub / Nest Hub Max) */
@media (min-width:820px) and (max-width:1400px){
  body.single-video .site-content__inner,
  body.single-video .single-video__content,
  body.single-video .single-video__content-column{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.single-video .site-content,
  body.single-video .page__content,
  body.single-video .content-area{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  body.single-video .single-video__inner{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.single-video .single-video__inner.row{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.single-video .single-video__content-column{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
  /* Ensure taps on video reach the player */
  body.single-video .plyr__poster{
    pointer-events: none !important;
  }
  body.single-video .plyr__video-wrapper,
  body.single-video .plyr__video-wrapper video{
    pointer-events: auto !important;
  }
}

/* Single video: ensure player is clickable/tappable */
@media (min-width:700px) and (max-width:900px){
  /* Keep categories on their own row on mid-size tablets (avoid hiding them beside the full-width toggle) */
  .home-video-categories-bar>.container-fluid{flex-wrap:wrap;align-items:center;}
  .home-video-categories-bar__wrap{flex:1 1 0%;min-width:0;flex-wrap:wrap;}
  .home-video-categories-bar__inner{flex-wrap:wrap;min-width:0;gap:8px;padding:0;}
  .home-video-categories-bar[data-expanded="true"] .home-video-categories-bar__wrap{flex-wrap:wrap;}
  .home-video-categories-bar[data-expanded="true"] .home-video-categories-bar__inner{flex-wrap:wrap;}
  /* Force toggle to full width so it drops to its own line (767‿00px) */
  .home-video-categories-bar__toggle{flex:1 1 100%;align-self:center;margin-left:0;justify-content:center;margin-top:0;margin-bottom:8px;}
  /* Match mobile pill size so buttons aren't oversized at 767‿00px */
  .home-video-categories-bar__item{padding:6px 14px;font-size:11px;border-radius:999px;}
}

/* Keep 768px layouts the same width feel as 767px (avoid sudden container expansion) */
@media (min-width:768px) and (max-width:820px){
  /* Apply broadly so any container on archive/home keeps the narrow padding */
  .site-content__inner,
  .site-content,
  .home-hero .container,
  .home-hero .container-fluid,
  .home-video-categories-bar > .container-fluid,
  .video-tax-categories-bar .home-video-categories-bar > .container-fluid,
  .container,
  .container-fluid{
    max-width: 100% !important;
    width: calc(100% - 24px) !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Align header + category bar with content width on target tablets (iPad Air / Surface Pro 7 / Zenbook Fold) */
@media (min-width:820px) and (max-width:1400px){
  /* 使导航与分类条与内容同宽 */
  .site-header .container,
  .site-header .container-fluid,
  .site-header__inner,
  .home-video-categories-bar,
  .home-video-categories-bar > .container-fluid,
  .video-tax-categories-bar,
  .video-tax-categories-bar .home-video-categories-bar,
  .video-tax-categories-bar .home-video-categories-bar > .container-fluid{
    max-width: 1040px !important;
    width: calc(100% - 15px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .home-video-categories-bar::before,
  .video-tax-categories-bar .home-video-categories-bar::before{
    display: none !important;
  }
}

/* Keep like/dislike icons the same size when text changes */
.wpulike .wp_ulike_general_class{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.wpulike .wp_ulike_btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
  min-width:18px;
  flex-shrink:0;
}
.wpulike .wp_ulike_btn::before,
.wpulike .wp_ulike_is_liked .wp_ulike_btn::before{
  font-size:18px;
  line-height:1;
}

/* Single video like/dislike buttons: keep icons big and spacing stable */
body.single-video .video-actions{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
}
body.single-video .video-like-block {
  flex-wrap:nowrap;
  gap: 10px;
}
body.single-video .video-pill-btn--like,
body.single-video .video-pill-btn--dislike {
  flex: 1 1 auto;
  min-width: 96px;
  font-size: 12px;
  padding: 6px 12px;
  gap: 8px;
}
body.single-video .video-like-btn__icon {
  font-size: 20px;
  line-height: 1;
  flex-shrink: 0;
}
body.single-video .video-pill-btn--share,
body.single-video .video-pill-btn--subscribe {
  flex: 0 0 auto;
  min-width: 90px;
  font-size: 12px;
  padding: 6px 12px;
}
body.single-video .video-extra-buttons{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
}
body.single-video .video-like-block .video-pill-btn,
body.single-video .video-extra-buttons button{
  min-height: 32px;
  border-radius: 18px;
}
body.single-video .video-like-btn__icon{
  font-size: 16px;
}

/* Tag archives: hide count next to page title */
.taxonomy-video_tag .page-title__count,
.tag .page-title__count{
  display:none;
}

/* Ensure page background matches dark theme when content height is short */
html, body{
  background-color: #0c0e17 !important;
}
/* Related Comics thumb ratio (single video page only) */
.single-video-extra--related .comic-related-grid .related-card__thumb--comic {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 137.8378% !important; /* 51/37 */
	height: 0 !important;
	aspect-ratio: 37 / 51 !important;
	border-radius: 16px;
	overflow: hidden;
	background: #111;
}

.single-video-extra--related .comic-related-grid .related-card__thumb--comic img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Related Comics grid columns */
.single-video-extra--related .comic-related-grid__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	gap: 24px;
}

@media (max-width: 1400px) {
	.single-video-extra--related .comic-related-grid__grid {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 992px) {
	.single-video-extra--related .comic-related-grid__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 600px) {
	.single-video-extra--related .comic-related-grid__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Footer menu: text only (hide menu icons) */
.site-footer .footer-v4-menu .menu-image,
.site-footer .footer-v4-menu .menu-image img,
.site-footer .footer-v4-menu .menu-image-title img,
.site-footer .footer-v4-menu img,
.site-footer .footer-v4-menu i {
    display: none !important;
}



/* Footer menu: hide icon pseudo-elements */
.site-footer .footer-v4-menu a:before,
.site-footer .footer-v4-menu a:after {
    display: none !important;
    content: none !important;
}