/* Single – theme-switch aware */

/* Title & misc */
.post-single-wrapper h1.entry-title{
  font-size:clamp(1.6rem,5vw,2.2rem);
  font-weight:800;
  line-height:1.3;
  margin-bottom:16px;
  color:var(--text);
  background:linear-gradient(to right,#00dfd8,#007cf0);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  display:inline-block;
  word-break:break-word;
  border-left:5px solid var(--brand);
  padding-left:14px;
  text-shadow:0 1px 2px rgba(0,0,0,.1);
}
.synopsis-content.expanded{ max-height:10000px; }
li.cat-item{ display:inline-block; }

/* Video embed */
.embed-container{ position:relative; width:100%; padding-bottom:56.25%; height:0; overflow:hidden; background:#000; }
.embed-container iframe, .loading-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; }
.loading-overlay{ background:#000; display:flex; align-items:center; justify-content:center; z-index:10; }
.spinner{ width:50px; height:50px; border:5px solid rgba(255,255,255,.3); border-radius:50%; border-top:5px solid #fff; animation:1s linear infinite spin; }
@keyframes spin{ 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }

/* Player servers */
.player-servers.player-servers{
  background:linear-gradient(135deg,#4aeadc 0,#6f3fc9 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#4c9afe 100%);
  overflow:hidden; position:relative; margin-bottom:30px; border-radius:0 0 3px 3px; padding:10px;
}
.player-servers #servers-content{ overflow:hidden; min-height:80px; display:flex; gap:20px; flex-wrap:wrap; }
.player-servers .ps_-status{
  background:var(--base-3);
  border:1px solid color-mix(in srgb, var(--brand) 55%, var(--line) 45%);
  border-radius:5px; padding:0 10px; flex-shrink:0; text-align:center;
}
.ps_-status + .ps_-block{ margin-top:20px; }
.player-servers .ps_-block{ display:flex; flex-wrap:wrap; gap:15px; flex-shrink:0; }
.ps_-block .server-item .btn:not(.active){ background:#ffb509 !important; color:#000; }
.ps_-block .server-item .btn:not(.active):hover{ background:#e4ff03 !important; color:#000 !important; }
.ps__-list{ display:flex; flex-wrap:wrap; width:100%; justify-content:center; }

.player-servers .ps__-list .itemm .btn.active{ background:#29b40e; color:#fff; }
.player-servers .ps__-list .itemm .btn{
  font-size:13px; box-shadow:none !important; font-weight:800; padding:0 10px; line-height:30px;
  background:var(--base-2); color:var(--text);
  border:1px solid var(--line) !important; display:inline-block; border-radius:3px; text-align:center; margin:5px;
}

/* Custom meta */
.custom-post-meta{
  display:flex; flex-wrap:wrap; gap:10px; font-size:14px; color:var(--muted); margin-bottom:15px; align-items:center;
}
.custom-post-meta span{
  display:inline-flex; align-items:center; gap:5px;
  background:var(--base-3); color:var(--text);
  padding:6px 12px; border-radius:20px; font-weight:500; border:1px solid var(--line);
}
.custom-post-meta i{ color:var(--muted); }

/* Single Content Center */
.single-center-area{
  display:flex;
  justify-content:center;
  margin:16px 0 20px;
  text-align:center;
}
.single-center-area > .widget{
  width:min(100%, 780px);
  margin-inline:auto;
}
@media (max-width: 600px){
  .single-center-area{ margin:12px 0 16px; }
  .single-center-area > .widget{ width:100%; }
}

/* Player */
#shadow{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:10000;opacity:0;pointer-events:none;transition:opacity .2s}
.lights-off #shadow{opacity:1;pointer-events:auto}
.player-embed .embed-container{position:relative;z-index:auto}
.lights-off .player-embed .embed-container{z-index:10002}
.item.video-nav{position:relative}
.lights-off .item.video-nav{z-index:10002}
.lights-off .item.video-nav .iconx{position:relative;z-index:10003}
.lights-off .item.video-nav .icol,.lights-off .item.video-nav .icol>span{color:#fff!important}
.lights-off .item.video-nav .icol{background:rgba(0,0,0,.55);border-radius:6px;padding:4px 10px}
.lights-off .item.video-nav .icol+.icol{margin-left:8px}
.player-embed .embed-container{background:#000;border-radius:6px;overflow:hidden}
.player-embed .embed-container .loading-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.35);z-index:5;transition:opacity .15s;opacity:0}
.player-embed .embed-container .loading-overlay.show{display:flex;opacity:1}
.player-embed .embed-container .spinner{width:36px;height:36px;border:3px solid #fff3;border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ps__-list .btn.active{background:#159957;color:#fff}
.icol.light[aria-pressed="true"] i{color:#ffd54a}
.player-embed iframe{width:100%;aspect-ratio:16/9;display:block;border:0}
.nolink {opacity: 0.5;}
.nvs a {color: #1000ff;text-decoration: none;font-weight: 700;}

/* Responsive tweaks for servers */
@media (max-width:768px){
  .player-servers{ flex-direction:column; }
  .player-servers .ps_-block, .player-servers .ps_-status{ width:100%; flex:1 1 100%; }
  .player-servers .ps_-status .server-notice{ transform:none; position:relative; top:auto; padding:5px; }
  .itemm.server-item{ margin-top:-15px; margin-bottom:10px; }
}

/* Episode nav & status */
.naveps{ display:flex; justify-content:center; gap:10px; margin-top:10px; }
.nvs{
  background:var(--base-2);
  padding:5px 20px; border-radius:2px; border:2px solid var(--line);
}
.nvs a{ color:var(--text); text-decoration:none; font-weight:700; }
.icol.expand, .iconx .icol span, .naveps.bignav .nvs .tex{ display:inline !important; }
.nvs.nvsc{ background:linear-gradient(135deg,#fcb900 0,#ff6900 100%); }
.ctstt{ padding-top:15px; }

.content-status{
  background:linear-gradient(135deg,#ff416c,#ff4b2b);
  color:#fff; padding:5px 15px; border-radius:8px; text-align:center;
  font-size:18px; font-weight:bold; box-shadow:0 4px 10px rgba(0,0,0,.2);
}
.content-status span{ color:#ffeb3b; font-weight:700; font-size:20px; }
@media (max-width:768px){
  #main{ margin-left:5px; margin-right:5px; }
  .content-status{ font-size:15px; }
  .content-status span{ font-size:16px; }
}

/* Icon toolbar */
.mobius{ flex:0 0 40%; display:flex; justify-content:flex-end; }
.iconx{ float:right; margin-left:10px; overflow:hidden; }
.iconx .icol{ display:inline-block; margin-left:7px; padding:5px; font-size:12.5px; cursor:pointer; }
.iconx .icol .fa, .iconx .icol .fas{ font-size:14px; font-weight:700; margin-right:2px; }
.iconx .icol .fa-expand{ color:#00a58d; }
.iconx .icol .fa-lightbulb{ color:#ecbc2a; }
.iconx .icol span{ line-height:20px; }
@media only screen and (max-width:800px){ .icol.expand{ display:none; } }

/* Social share */
.socialts{
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px;
  padding:15px; background:var(--base-3); border-radius:8px; text-align:center;
}
.socialts .sd-title{
  flex-basis:100%; font-size:18px; font-weight:bold; color:var(--text); text-align:left; margin-bottom:10px;
}
.socialts a{
  display:flex; align-items:center; gap:6px; text-decoration:none; font-size:14px; font-weight:500;
  padding:10px 14px; border-radius:5px; color:#fff; transition:.3s;
}
.socialts a:hover{ transform:scale(1.05); filter:brightness(1.2); }
.socialts .fb{ background:#1877f2; } .socialts .twt{ background:#1da1f2; } .socialts .wa{ background:#25d366; }
.socialts .pntrs{ background:#e60023; } .socialts .tlg{ background:#0088cc; }
@media (max-width:768px){
  .socialts a span{ display:none; }
  .socialts a{ width:40px; height:40px; display:flex; align-items:center; justify-content:center; padding:0; }
  .socialts a i{ font-size:20px; }
}