/* Pictures classic watch / preview pages only. No changes to global theme. */
#main.pictures-watch-page { padding-top: 24px !important; }
#main.pictures-watch-page .container { max-width: 1200px; width: 100%; }
#main.pictures-watch-page .main-detail,
#main.pictures-watch-page .main-category { max-width: 100%; width: 100%; min-width: 0; }
#main.pictures-watch-page.page-detail .pad { height: 0; }
#main.pictures-watch-page #bread { margin-bottom: 16px; }
#main.pictures-watch-page #bread .breadcrumb { margin: 0; padding: 0; font-size: 13px; }
#main.pictures-watch-page #mv-info { margin: 0; }
#main.pictures-watch-page .player-holder { overflow: hidden; background: #111; }
#main.pictures-watch-page .play-notice .alert { padding: 11px 15px; line-height: 1.5; font-size: 13px; }
#main.pictures-watch-page #media-player,
#main.pictures-watch-page #content-embed { width: 100%; aspect-ratio: 16 / 9; height: auto !important; min-height: 250px; position: relative; }
#main.pictures-watch-page #content-embed iframe { width: 100% !important; height: 100% !important; position: absolute; inset: 0; border: 0; }
#main.pictures-watch-page #bar-player { min-height: 45px; }
#main.pictures-watch-page #list-eps { margin: 0 0 12px; border-bottom: 1px solid #e7e7e7; }
#main.pictures-watch-page #list-eps .le-server { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 13px 18px; }
#main.pictures-watch-page #list-eps .le-server .les-title { float: none; flex: 0 0 auto; width: auto; padding-top: 0; }
#main.pictures-watch-page #list-eps .le-server .les-content { padding: 0; flex: 1 1 240px; }
#main.pictures-watch-page #list-eps .les-content .btn-eps { margin: 3px 5px 3px 0; }
#main.pictures-watch-page #mv-info .mvi-content {
  display: grid; grid-template-columns: 140px minmax(0, 1fr) 192px;
  gap: 12px 22px; align-items: start; padding: 22px; margin-top: 0;
  width: 100%; background: #fff;
}
#main.pictures-watch-page #mv-info .mvi-content > .mvic-thumb {
  grid-column: 1; grid-row: 1; width: 140px; height: 210px; float: none; margin: 0;
}
#main.pictures-watch-page #mv-info .mvi-content > .mvic-thumb .thumb {
  display: block; width: 100%; height: 100%; float: none; margin: 0;
  background-size: cover; background-position: center; border-radius: 4px;
}
#main.pictures-watch-page #mv-info .mvi-content > .mvic-desc {
  grid-column: 2; grid-row: 1; width: auto; min-width: 0;
  min-height: 0; float: none; margin: 0; padding: 0; border: 0;
}
#main.pictures-watch-page #mv-info .mvi-content > .mvic-btn {
  grid-column: 3; grid-row: 1; width: auto; float: none;
  position: static; inset: auto; margin: 0;
}
#main.pictures-watch-page #mv-info .mvi-content > .mvic-btn .btn { margin: 0 0 10px; white-space: normal; }
#main.pictures-watch-page #mv-info .mvi-content > .clearfix { display: none; }
#main.pictures-watch-page #mv-info .mvi-content > :not(.mvic-btn):not(.mvic-thumb):not(.mvic-desc):not(.clearfix) { grid-column: 1 / -1; }
#main.pictures-watch-page #mv-info .mvi-content h1 { font-size: 24px; line-height: 1.25; font-weight: 600; display: block; margin: 0 0 10px; }
#main.pictures-watch-page #mv-info .mvi-content .desc { min-height: 0; font-size: 13px; line-height: 1.6; font-style: normal; color: #666; margin-bottom: 14px; }
#main.pictures-watch-page #mv-info .mvi-content .mvic-info p { line-height: 1.55; margin: 0 0 5px; }
#main.pictures-watch-page #mv-info .mvi-content .mvic-info .mvici-left { width: 60%; margin-right: 3%; }
#main.pictures-watch-page #mv-info .mvi-content .mvic-info .mvici-right { width: 37%; }
#main.pictures-watch-page #mv-keywords { background: #fff; margin: 12px 0 20px; padding: 12px 18px; border-top: 1px solid #eee; line-height: 1.65; font-size: 12px; }
#main.pictures-watch-page #mv-keywords h3,
#main.pictures-watch-page #mv-keywords h5 { font-size: 12px; }
#main.pictures-watch-page #mv-keywords .pad { display: none; }
#main.pictures-watch-page .content-kuss { display: none; }
#main.pictures-watch-page .mlw-related { clear: both; margin: 26px 0 35px; }
#main.pictures-watch-page .mlw-related .ml-title { margin: 0 0 18px; padding: 2px 0 2px 12px; height: auto; text-align: left; border-left: 4px solid var(--main-brand-color, #00aabc); background: none; }
#main.pictures-watch-page .mlw-related .ml-title span { background: none; display: inline-block; margin: 0; padding: 0; color: #262f3d; font-size: 19px; font-weight: 700; line-height: 1.5; }
#main.pictures-watch-page .mlw-related .movies-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px 14px; margin: 0; }
#main.pictures-watch-page .mlw-related .movies-list:before,
#main.pictures-watch-page .mlw-related .movies-list:after { content: none; }
#main.pictures-watch-page .mlw-related .movies-list .ml-item { width: 100%; height: auto; margin: 0; float: none; aspect-ratio: 2 / 3; border-radius: 5px; }
#main.pictures-watch-page .mlw-related .ml-item .ml-mask { display: block; width: 100%; height: 100%; }
#main.pictures-watch-page .mlw-related .ml-item img.mli-thumb { width: 100%; height: 100%; object-fit: cover; }
#main.pictures-watch-page .mlw-related .mli-info h2 { overflow-wrap: anywhere; }
@media(max-width: 991px) {
  #main.pictures-watch-page #mv-info .mvi-content { grid-template-columns: 120px minmax(0,1fr); gap: 16px; }
  #main.pictures-watch-page #mv-info .mvi-content > .mvic-thumb { width: 120px; height: 180px; }
  #main.pictures-watch-page #mv-info .mvi-content > .mvic-desc { grid-column: 2; }
  #main.pictures-watch-page #mv-info .mvi-content > .mvic-btn { grid-column: 1/-1; grid-row: 2; display: block; }
  #main.pictures-watch-page #mv-info .mvi-content > .mvic-btn .btn { margin: 0 0 10px; }
  #main.pictures-watch-page .mlw-related .movies-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media(max-width: 600px) {
  #main.pictures-watch-page { padding-top: 16px !important; }
  #main.pictures-watch-page .container { padding-left: 12px; padding-right: 12px; }
  #main.pictures-watch-page #media-player, #main.pictures-watch-page #content-embed { min-height: 190px; }
  #main.pictures-watch-page #mv-info .mvi-content { padding: 16px; grid-template-columns: 90px minmax(0,1fr); gap: 12px; }
  #main.pictures-watch-page #mv-info .mvi-content > .mvic-thumb { width: 90px; height: 135px; }
  #main.pictures-watch-page #mv-info .mvi-content h1 { font-size: 20px; }
  #main.pictures-watch-page #mv-info .mvi-content .mvic-info .mvici-left,
  #main.pictures-watch-page #mv-info .mvi-content .mvic-info .mvici-right { float: none; width: 100%; margin: 0; }
  #main.pictures-watch-page #mv-info .mvi-content > .mvic-btn { grid-column: 1/-1; grid-row: 2; }
  #main.pictures-watch-page .mlw-related .movies-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
}
@media(max-width: 380px) {
  #main.pictures-watch-page .mlw-related .movies-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

/* Small, matching action buttons, including legacy themes with different button heights. */
#main.pictures-watch-page #mv-info .mvi-content > .mvic-btn .pictures-action-btn,
#main.pictures-watch-page #mv-info .mobile-btn .pictures-action-btn {
  display: flex !important; align-items: center; justify-content: center;
  box-sizing: border-box; min-height: 43px; height: 43px;
  width: 100%; max-width: 192px; padding: 7px 10px !important;
  margin: 0 0 8px !important; line-height: 1.2 !important;
  font-size: 13px !important; font-weight: 600; white-space: nowrap !important;
  text-align: center; border-radius: 3px; text-decoration: none;
}
#main.pictures-watch-page #mv-info .pictures-action-btn i { margin-right: 8px; flex: 0 0 auto; }
#main.pictures-watch-page #mv-info .pictures-action-disabled {
  cursor: not-allowed; opacity: .6; pointer-events: none;
}
#main.pictures-watch-page #mv-keywords { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
#main.pictures-watch-page #mv-keywords .pictures-keywords-values { flex: 1 1 180px; overflow-wrap: anywhere; }
#main.pictures-watch-page #list-eps .les-content { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
#main.pictures-watch-page #list-eps .les-content .btn-eps { display: inline-block; }
#main.pictures-watch-page .pictures-no-servers { font-size: 12px; color: #666; }
#main.pictures-watch-page .pictures-no-player { color: #ddd; position: absolute; top: 50%; left: 10%; right: 10%; transform: translateY(-50%); text-align: center; }
@media (max-width: 991px) {
 #main.pictures-watch-page #mv-info .mvi-content > .mvic-btn .pictures-action-btn { max-width: 220px; }
}
@media (max-width: 600px) {
 #main.pictures-watch-page #mv-info .mvi-content > .mvic-btn .pictures-action-btn,
 #main.pictures-watch-page #mv-info .mobile-btn .pictures-action-btn { max-width: 100%; }
}


/* v3: Keep all five IMDb-derived server choices visible and clickable. */
#main.pictures-watch-page #list-eps,
#main.pictures-watch-page #list-eps .le-server,
#main.pictures-watch-page #list-eps .les-content {
  visibility: visible !important;
}
#main.pictures-watch-page #list-eps { display: block !important; background: #fff; }
#main.pictures-watch-page #list-eps .les-content {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center;
  gap: 8px;
}
#main.pictures-watch-page #list-eps .pictures-server-btn {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 90px;
  min-height: 36px;
  padding: 8px 12px !important;
  margin: 0 !important;
  border: 1px solid #dce6e9;
  border-radius: 3px;
  background: #f3f7f8;
  color: #26343a !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
}
#main.pictures-watch-page #list-eps .pictures-server-btn:hover,
#main.pictures-watch-page #list-eps .pictures-server-btn:focus {
  border-color: #009bb3;
  color: #007d98 !important;
}
#main.pictures-watch-page #list-eps .pictures-server-btn.active {
  background: #08a9c0;
  border-color: #08a9c0;
  color: #fff !important;
}
@media(max-width: 600px) {
  #main.pictures-watch-page #list-eps .le-server { padding: 12px; }
  #main.pictures-watch-page #list-eps .pictures-server-btn { flex: 1 0 auto; min-width: 83px; }
}


/* v4: Restore the classic navigation and breadcrumb hierarchy.
   Scoped to the CSS loaded by Pictures watch.php and stream.php only. */
body > header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media (min-width: 992px) {
  body > header #menu,
  body > header #menu ul.top-menu {
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/* Old CMS header is fixed at 70px; its .header-pad had no effective height. */
body > .header-pad {
  display: block !important;
  height: 70px !important;
  min-height: 70px !important;
}
#main.pictures-watch-page {
  padding-top: 16px !important;
}
#main.pictures-watch-page #bread {
  display: block !important;
  clear: both;
  position: relative;
  margin: 0 0 16px !important;
  visibility: visible !important;
}
#main.pictures-watch-page #bread .breadcrumb {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.5;
}
#main.pictures-watch-page #bread .breadcrumb a {
  color: #333;
  text-decoration: none;
}
#main.pictures-watch-page #bread .breadcrumb a:hover {
  color: var(--main-brand-color, #00aabc);
}

/* v5: Stream page only. Cap desktop player height at 500px.
   Watch page keeps the existing responsive 16:9 player. */
@media (min-width: 768px) {
  body.pictures-stream-page #main.pictures-watch-page #media-player,
  body.pictures-stream-page #main.pictures-watch-page #content-embed {
    height: 500px !important;
    min-height: 500px !important;
    aspect-ratio: auto !important;
  }
  body.pictures-stream-page #main.pictures-watch-page #content-embed iframe {
    width: 100% !important;
    height: 500px !important;
    position: absolute;
    inset: 0;
  }
}

/* Keep the smaller screen player responsive instead of forcing 500px. */
@media (max-width: 767px) {
  body.pictures-stream-page #main.pictures-watch-page #media-player,
  body.pictures-stream-page #main.pictures-watch-page #content-embed {
    height: auto !important;
    min-height: 190px;
    aspect-ratio: 16 / 9;
  }
  body.pictures-stream-page #main.pictures-watch-page #content-embed iframe {
    width: 100% !important;
    height: 100% !important;
  }
}


/* v6: Detail card polish. Stream/Download remain intentional ad buttons with no URL. */
#main.pictures-watch-page .pictures-ad-button {
  border: 0;
  cursor: pointer;
}
#main.pictures-watch-page #mv-info .mvi-content .mvic-info a {
  color: var(--main-brand-color, #00aabc);
  text-decoration: none;
}
#main.pictures-watch-page #mv-info .mvi-content .mvic-info a:hover {
  text-decoration: underline;
}
#main.pictures-watch-page #mv-info .mvi-content .mvic-info p {
  overflow-wrap: anywhere;
}


/* v7: Slightly larger detail typography + tidy social-share strip. */
#main.pictures-watch-page #mv-info .mvi-content h1 {
  font-size: 26px;
  line-height: 1.25;
  margin-bottom: 9px;
}
#main.pictures-watch-page #mv-info .mvi-content .desc {
  font-size: 14px;
  line-height: 1.68;
  color: #555;
  margin-bottom: 15px;
}
#main.pictures-watch-page #mv-info .mvi-content .mvic-info p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 6px;
}
#main.pictures-watch-page #mv-info .mvi-content .mvic-info strong {
  font-weight: 700;
}

#main.pictures-watch-page .pictures-share-strip {
  display: flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  max-width: 100%;
  min-height: 34px;
  margin: 0 0 13px;
  padding: 5px 9px;
  border: 1px solid #e6eaec;
  border-radius: 3px;
  background: #f7f9fa;
}
#main.pictures-watch-page .pictures-share-label {
  flex: 0 0 auto;
  color: #666;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
#main.pictures-watch-page .pictures-share-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
  line-height: 1;
}
#main.pictures-watch-page .pictures-share-content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#main.pictures-watch-page .pictures-share-content iframe {
  vertical-align: middle !important;
  margin: 0 !important;
}

@media (max-width: 600px) {
  #main.pictures-watch-page #mv-info .mvi-content h1 {
    font-size: 22px;
  }
  #main.pictures-watch-page #mv-info .mvi-content .desc,
  #main.pictures-watch-page #mv-info .mvi-content .mvic-info p {
    font-size: 13.5px;
  }
  #main.pictures-watch-page .pictures-share-strip {
    width: 100%;
    box-sizing: border-box;
  }
}
\n\n/* v8: Replace the legacy share widget with one clean inline row. */
#main.pictures-watch-page .pictures-share-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
}
#main.pictures-watch-page .pictures-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 3px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  box-sizing: border-box;
}
#main.pictures-watch-page .pictures-share-btn i {
  font-size: 13px;
  line-height: 1;
}
#main.pictures-watch-page .pictures-share-twitter {
  background: #1da1f2;
}
#main.pictures-watch-page .pictures-share-facebook {
  background: #1877f2;
}
#main.pictures-watch-page .pictures-share-btn:hover,
#main.pictures-watch-page .pictures-share-btn:focus {
  opacity: .88;
  color: #fff !important;
}
@media (max-width: 600px) {
  #main.pictures-watch-page .pictures-share-row {
    margin-bottom: 12px;
  }
  #main.pictures-watch-page .pictures-share-btn {
    min-height: 30px;
  }
}