/* VideoPro Cinema 1.2 — homepage-only Jav.Guru-inspired catalogue.
   No DOM hiding of posts or changes to VideoPro's loop/query/player. */
body.vpcinema.vpcinema-showcase {
  --vpcs-gap-x: 14px;
  --vpcs-gap-y: 18px;
}
/* Collapse unused header space so visitors see artwork immediately. */
body.vpcinema.vpcinema-showcase #cactus-body-container { padding-top: 10px; }
body.vpcinema.vpcinema-showcase .archive-header { margin: 0 0 12px; }
/* Keep the native breadcrumb in the document for navigation and SEO semantics. */
body.vpcinema.vpcinema-showcase .archive-header .breadcrumbs,
body.vpcinema.vpcinema-showcase .archive-header .breadcrumb { margin: 0 0 5px; font-size: 11px; }
body.vpcinema.vpcinema-showcase .archive-header .category-tools {
  padding: 3px 0 10px; margin: 0 0 12px; min-height: 34px;
  border-bottom: 1px solid var(--vpc-border);
}
body.vpcinema.vpcinema-showcase .content-top-sidebar-wrap:empty { display: none; }
/* Keep all native sorting/grid widgets functional. No overlaid click targets. */
body.vpcinema.vpcinema-showcase .view-sortby { font-size: 12px; }
body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 { --vpc-local-columns: 4; }
body.vpcinema.vpcinema-showcase .sb-ct-medium .cactus-listing-config.style-2,
body.vpcinema.vpcinema-showcase .sb-ct-small .cactus-listing-config.style-2 { --vpc-local-columns: 3; }
body.vpcinema.vpcinema-showcase .sb-ct-medium.sb-ct-small .cactus-listing-config.style-2 { --vpc-local-columns: 2; }
body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 > .cactus-sub-wrap:not(.slick-initialized):not(.isotope-ready) {
  gap: var(--vpcs-gap-y) var(--vpcs-gap-x);
}
body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 .cactus-post-item > .entry-content > .picture + .content { margin-top: 7px; }
body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 .cactus-post-item > .entry-content .cactus-post-title {
  font-weight: 750; line-height: 1.25; font-size: 14px; margin: 0 0 4px;
}
body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 .cactus-post-title a {
  -webkit-line-clamp: 2; word-break: break-word;
}
body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 .cactus-post-item .posted-on {
  font-size: 11px; line-height: 1.55; margin: 0;
}
body.vpcinema.vpcinema-showcase .cactus-post-item .picture-content,
body.vpcinema.vpcinema-showcase .cactus-post-item .picture-content > a { border-radius: 4px; }
body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 .picture-content > a > img { aspect-ratio: 16 / 9; object-fit: cover; }
/* Optional light catalogue like reference; dark header/logo/menu stay intact. */
body.vpcinema.vpcinema-showcase-light {
  --vpc-bg: #f7f9fc;
  --vpc-surface: #fff;
  --vpc-raised: #f0f3f8;
  --vpc-border: #e0e5ec;
  --vpc-text: #182033;
  --vpc-muted: #5b6576;
  background: var(--vpc-bg); color: var(--vpc-text); color-scheme: light;
}
body.vpcinema.vpcinema-showcase-light #cactus-body-container,
body.vpcinema.vpcinema-showcase-light .main-content-col,
body.vpcinema.vpcinema-showcase-light .main-content-col-body,
body.vpcinema.vpcinema-showcase-light #body-wrap,
body.vpcinema.vpcinema-showcase-light #wrap { background-color: var(--vpc-bg); }
body.vpcinema.vpcinema-showcase-light #body-wrap .cactus-sidebar-control,
body.vpcinema.vpcinema-showcase-light #body-wrap .cactus-sidebar-control > .cactus-container,
body.vpcinema.vpcinema-showcase-light #body-wrap .cactus-sidebar-control > .cactus-container::before,
body.vpcinema.vpcinema-showcase-light #body-wrap .cactus-sidebar-control .main-content-col::before,
body.vpcinema.vpcinema-showcase-light #body-wrap .cactus-sidebar-control .main-content-col::after,
body.vpcinema.vpcinema-showcase-light #body-wrap .cactus-sidebar,
body.vpcinema.vpcinema-showcase-light #body-wrap .cactus-sidebar-content,
body.vpcinema.vpcinema-showcase-light #body-wrap .cactus-sidebar::before { background-color: var(--vpc-bg) !important; border-color: var(--vpc-border) !important; }
body.vpcinema.vpcinema-showcase-light .cactus-post-item .cactus-post-title a { color: #101c35; }
body.vpcinema.vpcinema-showcase-light .cactus-post-item .cactus-post-title a:hover { color: #e11d48; }
body.vpcinema.vpcinema-showcase-light .cactus-post-item .posted-on,
body.vpcinema.vpcinema-showcase-light .cactus-post-item .posted-on a,
body.vpcinema.vpcinema-showcase-light #body-wrap .posted-on,
body.vpcinema.vpcinema-showcase-light #body-wrap .posted-on a,
body.vpcinema.vpcinema-showcase-light #body-wrap .posted-on a::before { color: #657185; }
body.vpcinema.vpcinema-showcase-light .cactus-post-item .picture-content { background: #e8edf4; }
body.vpcinema.vpcinema-showcase-light .cactus-post-item .cactus-note { color: #fff; }
/* The existing dark site header must remain readable after changing body palette. */
body.vpcinema.vpcinema-showcase-light #header-navigation,
body.vpcinema.vpcinema-showcase-light #header-navigation .cactus-nav-main,
body.vpcinema.vpcinema-showcase-light #header-navigation > .cactus-nav-control > .cactus-nav-main {
  background: #131923 !important; border-color: #303c4d;
}
body.vpcinema.vpcinema-showcase-light #header-navigation .cactus-main-menu > ul > li > a { color: #eef2fb; }
body.vpcinema.vpcinema-showcase-light #header-navigation .cactus-main-menu > ul > li:hover > a { color: #ff8095; }
body.vpcinema.vpcinema-showcase-light #header-navigation .cactus-header-search-form form input:not([type="submit"]) {
  background: #0e1420; color: #f8fafc; border-color: #374151;
}
body.vpcinema.vpcinema-showcase-light #header-navigation .cactus-header-search-form input::placeholder { color: #bac6d8; }
body.vpcinema.vpcinema-showcase-light #header-navigation .cactus-main-menu ul ul,
body.vpcinema.vpcinema-showcase-light #off-canvas { background: #1c2736; }
body.vpcinema.vpcinema-showcase-light #header-navigation .cactus-main-menu ul ul a,
body.vpcinema.vpcinema-showcase-light #off-canvas a { color: #f8fafc; }
body.vpcinema.vpcinema-showcase-light .view-sortby,
body.vpcinema.vpcinema-showcase-light .view-mode-switch > div { background: #fff; color: #475569; }
body.vpcinema.vpcinema-showcase-light .view-sortby ul { background: #fff; }
body.vpcinema.vpcinema-showcase-light .view-sortby ul a { color: #172033; }
body.vpcinema.vpcinema-showcase-light .view-sortby ul a:hover { color: #d51955; }
@media(max-width: 1399px) {
  body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 { --vpc-local-columns: 3; }
  body.vpcinema.vpcinema-showcase .sb-ct-medium .cactus-listing-config.style-2,
  body.vpcinema.vpcinema-showcase .sb-ct-small .cactus-listing-config.style-2 { --vpc-local-columns: 2; }
}
@media(max-width: 960px) {
  body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2,
  body.vpcinema.vpcinema-showcase .sb-ct-medium .cactus-listing-config.style-2,
  body.vpcinema.vpcinema-showcase .sb-ct-small .cactus-listing-config.style-2 { --vpc-local-columns: 2; }
}
@media(max-width: 600px) {
  body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 > .cactus-sub-wrap:not(.slick-initialized):not(.isotope-ready) { gap: 16px 9px; }
  body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2 .cactus-post-item > .entry-content .cactus-post-title { font-size: 12px; }
  body.vpcinema.vpcinema-showcase #cactus-body-container { padding-top: 6px; }
}
@media(max-width: 380px) {
  body.vpcinema.vpcinema-showcase .cactus-listing-config.style-2,
  body.vpcinema.vpcinema-showcase .sb-ct-medium .cactus-listing-config.style-2,
  body.vpcinema.vpcinema-showcase .sb-ct-small .cactus-listing-config.style-2,
  body.vpcinema.vpcinema-showcase .sb-ct-medium.sb-ct-small .cactus-listing-config.style-2 { --vpc-local-columns: 1; }
}

/* Reserve the native grid geometry for the JS-initialized view. The normal
   VideoPro layout switcher still works if the visitor selects list view. */
body.vpcinema.vpcinema-grid-default.vpcinema-showcase .cactus-listing-wrap .cactus-listing-config.style-2 .cactus-post-item > .entry-content { display: block; }