/* ==========================================================
   NEF Theater Slider - Mobile strip (v2)
   Goal (mobile):
   - ONE single horizontal row (no wrap / no "2 columns" / no extra rows)
   - Compact "tira" just below the CATÁLOGO header (20px spacing)
   - Uses existing bxSlider ticker (custom.js)
   - Hides title/genre blocks on mobile to keep pure image strip
   Load AFTER: nef-mobile-bottom.v1.css
   ========================================================== */

@media (max-width: 767px){

  /* spacing under header */
  .prs_theater_main_slider_wrapper .wrap-album-slider{
    margin-top: 20px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Ensure bxSlider viewport is a single-row clip area */
  .prs_theater_main_slider_wrapper .bx-wrapper{
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  .prs_theater_main_slider_wrapper .bx-viewport{
    overflow: hidden !important;
    height: 220px !important; /* poster strip height */
  }

  /* Force the list into a single horizontal line */
  .prs_theater_main_slider_wrapper .album-slider{
    display: block !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .prs_theater_main_slider_wrapper .album-slider__item{
    float: left !important;       /* bxSlider expects floats */
    display: block !important;
    width: 140px !important;      /* compact strip width */
    max-width: 140px !important;
  }

  /* Make each card compact and image-focused */
  .prs_theater_main_slider_wrapper figure.album,
  .prs_theater_main_slider_wrapper .prs_upcom_movie_box_wrapper{
    width: 140px !important;
    max-width: 140px !important;
  }

  .prs_theater_main_slider_wrapper .prs_upcom_movie_img_box img{
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Hide text area so it doesn't look like a second row */
  .prs_theater_main_slider_wrapper .prs_upcom_movie_content_box{
    display: none !important;
  }

  /* Avoid any column/grid rules leaking into this block */
  .prs_theater_main_slider_wrapper [class*="col-"]{
    float: none !important;
    width: auto !important;
    max-width: none !important;
  }
}