/*
 * v318 — desktop-only homepage hero finishing pass.
 * 1) Pull the interview cards closer to the hero fade.
 * 2) Preserve the vertical position of everything after this section.
 * 3) Keep the movie button and < > arrows clickable above overlapping layers.
 * Mobile is intentionally untouched.
 */
@media (min-width:821px){
  /* Pull the whole card wrapper up, while compensating at its bottom so
     "مشاهده بیشتر", the following banner, and later sections keep their flow. */
  html body .featured-movies > .movies-slider-wrapper{
    margin-top:-30px !important;
    margin-bottom:30px !important;
    position:relative !important;
    z-index:80 !important;
  }

  html body .featured-movies{
    overflow:visible !important;
  }

  /* The transformed full-width title row was sitting over the hero controls.
     Let only the title link receive clicks; the transparent row itself must not. */
  html body .featured-movies > .section-header{
    pointer-events:none !important;
  }
  html body .featured-movies > .section-header .home-section-title-link,
  html body .featured-movies > .section-header h2 a{
    pointer-events:auto !important;
  }

  /* Force both interactive hero controls above the fade/title/card layers. */
  html body .hero .irf-hero-movie-action-v309,
  html body .hero .irf-hero-arrow-nav-v316{
    z-index:2147483500 !important;
    pointer-events:auto !important;
    visibility:visible !important;
  }
  html body .hero .irf-hero-movie-button-v309,
  html body .hero .irf-hero-arrow-v316{
    pointer-events:auto !important;
    touch-action:manipulation !important;
  }

  html body .hero .hero-overlay,
  html body .hero > .irf-home-hero-bottom-fade-v315{
    pointer-events:none !important;
  }
}