/* ==========================================================
   NEF Mobile Bottom Fix v1
   Applies from: <!-- prs theater Slider Start --> downwards
   Goal (mobile):
   - Theater slider: one card per view (no 2-column layout), swipe/scroll works
   - Newsletter: single column, input/button full width
   - Footer: single column blocks, no side-by-side columns
   Does NOT modify style.css / responsive.css
   ========================================================== */

@media (max-width: 767px){

  /* ---------- THEATER / CATALOGO SLIDER (album-slider) ---------- */
  .prs_theater_main_slider_wrapper{
    padding-bottom: 40px;
  }

  .prs_theater_main_slider_wrapper .wrap-album-slider{
    margin-top: 30px !important;
    padding-left: 15px;
    padding-right: 15px;
  }

  /* Convert to a stable horizontal scroll with snap (1 column per "slide") */
  .prs_theater_main_slider_wrapper .album-slider{
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .prs_theater_main_slider_wrapper .album-slider__item{
    flex: 0 0 88% !important;      /* one card per view */
    max-width: 88% !important;
    scroll-snap-align: start;
    display: block !important;
  }

  .prs_theater_main_slider_wrapper figure.album,
  .prs_theater_main_slider_wrapper .prs_upcom_movie_box_wrapper{
    width: 100% !important;
    float: none !important;
  }

  .prs_theater_main_slider_wrapper .prs_upcom_movie_img_box img{
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* If any bootstrap half columns leak into the theater block, force full width */
  .prs_theater_main_slider_wrapper .col-xs-6,
  .prs_theater_main_slider_wrapper .col-sm-6,
  .prs_theater_main_slider_wrapper [class*="col-"]{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ---------- NEWSLETTER: single column ---------- */
  .prs_newsletter_wrapper .row{
    display: block !important;
  }

  .prs_newsletter_wrapper [class*="col-"]{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .prs_newsletter_text{
    text-align: center;
    margin-bottom: 12px;
  }

  .prs_newsletter_field{
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .prs_newsletter_field input,
  .prs_newsletter_field button{
    width: 100% !important;
  }

  /* ---------- FOOTER: single column ---------- */
  .prs_footer_main_section_wrapper [class*="col-"],
  .prs_bottom_footer_wrapper [class*="col-"]{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .prs_footer_cont1_wrapper{
    margin-bottom: 18px;
    text-align: left;
  }

  .prs_bottom_footer_cont_wrapper{
    text-align: center;
    margin-bottom: 10px;
  }

  .prs_footer_social_wrapper ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .prs_footer_social_wrapper ul li{
    float: none !important;
    display: inline-flex;
  }

}