/* DIASTOMY fixes – round 3 (loaded last in base.html) */

/* 3) Continue watching: title / remaining time stay inside their own card */
.dm-continue-card{display:block;min-width:0;max-width:100%;overflow:hidden}
.dm-continue-card .dm-continue-meta{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:3px !important;min-width:0 !important;max-width:100% !important;overflow:hidden !important;padding:0 2px !important;margin-top:8px !important;text-align:right}
.dm-continue-card .dm-continue-title{display:block !important;margin:0 !important;font-size:12px !important;line-height:1.5 !important;font-weight:600 !important;color:#fff;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important}
.dm-continue-card .dm-continue-sub,
.dm-continue-card .dm-continue-remaining{display:block !important;font-size:10px !important;line-height:1.5 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;position:static !important;transform:none !important}
.dm-continue-card .dm-continue-sub{color:rgba(255,255,255,.55) !important}
.dm-continue-card .dm-continue-remaining{color:rgba(255,255,255,.7) !important}
@media (min-width:768px){
  .dm-continue-card .dm-continue-title{font-size:15px !important}
  .dm-continue-card .dm-continue-sub,.dm-continue-card .dm-continue-remaining{font-size:12px !important}
}

/* 5) Account mobile header (notifications etc.): the global tap effect
      (.dm-is-pressed / .dm-is-releasing) replaced translateY(-50%), so the
      Home / menu button jumped below the bar. Centre without transform. */
@media (max-width:767px){
  .account-mobile-topbar .account-mobile-topbar__action,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-pressed,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-releasing{
    top:calc(50% - 21px) !important;
    transform:none !important;
  }
  .account-mobile-topbar .account-mobile-topbar__action:active,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-pressed{opacity:.75 !important}
}
@media (max-width:370px){
  .account-mobile-topbar .account-mobile-topbar__action,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-pressed,
  .account-mobile-topbar .account-mobile-topbar__action.dm-is-releasing{top:calc(50% - 20px) !important}
}

/* 7 + 21) Movie / series title: Persian small white, English big red */
.dm-detail-title-fa{color:#fff !important;font-size:15px !important;font-weight:700 !important;line-height:1.6 !important;margin:0 0 4px !important;opacity:.95}
.dm-detail-title-en{color:#FF4040 !important;font-size:2rem !important;font-weight:900 !important;line-height:1.15 !important;letter-spacing:-.01em;margin:0 0 16px !important;text-shadow:0 10px 30px rgba(0,0,0,.45);font-family:Inter,"YekanBakh",system-ui,sans-serif !important}
@media (min-width:1024px){.dm-detail-title-fa{font-size:18px !important}.dm-detail-title-en{font-size:2.6rem !important}}

/* 7) Satisfaction – outline icon like the like/save icons, value from rating */
.dm-satisfaction{display:inline-flex !important;align-items:center;gap:5px;color:#2FE851;font-weight:600}
.dm-satisfaction-icon{width:17px;height:17px;flex:0 0 17px;color:#fff;opacity:.9}
.dm-satisfaction-label{color:rgba(255,255,255,.55);font-size:10px}
@media (min-width:768px){.dm-satisfaction-icon{width:19px;height:19px}.dm-satisfaction-label{font-size:12px}}

/* 8) Cast row: overflow-x:auto clipped the top of the round photos */
#actor-list{padding-top:8px !important;margin-top:-4px !important}
#actor-list .dm-actor-avatar{box-sizing:border-box !important;flex-shrink:0}
.movie-detail-actors,.series-detail-actors{overflow:visible !important}

/* 9) Empty rails: the empty-state box was squeezed into one card width */
.splide__slide.dm-empty-slide{width:100% !important;min-width:100% !important;max-width:100% !important;flex:0 0 100% !important}
.splide__slide.dm-empty-slide h3,.splide__slide.dm-empty-slide p{white-space:normal !important;word-break:normal !important}

/* 22) Episode card: play button centred without transform (the tap effect
       replaced -translate-* so the button jumped away and the tap was lost) */
.dm-episode-play,
.dm-episode-play.dm-is-pressed,
.dm-episode-play.dm-is-releasing{position:relative !important;top:auto !important;left:auto !important;transform:none !important;margin:0 !important}
.dm-episode-play:active,.dm-episode-play.dm-is-pressed{opacity:.8 !important}

/* 22) Episode download menu */
.dm-episode-dl{position:relative;display:inline-flex}
.dm-episode-dl-menu{position:absolute;z-index:60;top:calc(100% + 8px);right:0;min-width:170px;padding:6px;border-radius:14px;
  background:rgba(18,18,19,.98);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 40px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:4px}
.dm-episode-dl-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;color:#fff;font-size:13px;text-decoration:none;background:rgba(255,255,255,.03)}
.dm-episode-dl-menu a:hover,.dm-episode-dl-menu a:active{background:rgba(228,26,26,.18)}
.dm-episode-dl-menu strong{color:#ff4040;font-weight:700}
.dm-episode-dl-menu span{color:rgba(255,255,255,.5);font-size:11px}
[x-cloak]{display:none !important}