/* Inkblot Styles */
html,
body {
  height: 100%;
  width: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: 30px;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  body section,
  body .container,
  body .container-fluid,
  body header,
  body footer {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* Utility Classes */
.inkblot-border {
  border: 0.5px solid #333 !important;
}

.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-fit-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

/* Header */
header .nav-link {
  letter-spacing: 1.5px;
  padding: 0px 10px !important;
  z-index: 9999;
}

footer {
  background: linear-gradient(9deg, #131313, #000000);
  position: relative;
}

footer::after {
  content: "";
  position: absolute;
  top: 0;
  right: -10%;
  width: 600px;
  height: 100%;
  background: url("../assets/images/inklogofav.png") no-repeat center center;
  background-size: contain;
  mix-blend-mode: soft-light;
  background-repeat: no-repeat;
  opacity: 0.5;
}

.prefooter .btn {
  background: linear-gradient(9deg, #131313, #000000);
  height: 135px;
  width: 120px !important;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.prefooter .btn:hover {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#131313),
    to(#000000)
  );
  background: linear-gradient(90deg, #131313, #000000);
  border: 0.5px solid #333;
}

@media screen and (max-width: 768px) {
  .prefooter .button-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
  }

  footer::after {
    width: 300px;
    left: 0;
    right: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    background-size: cover;
    opacity: 0.2;
  }

  header .navbar-nav:not(:last-child) {
    gap: 15px !important;
  }
}

/* Home Page */
/* Hero Slider */
#heroSliderWrapper,
#heroSliderWrapper > div:not(.swiper-button-prev),
#heroSliderWrapper > div:not(.swiper-button-next),
#heroSliderWrapper iframe,
#heroSliderWrapper video {
  height: 750px;
  --swiper-navigation-sides-offset: 5%;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

/* .video-container {
  border: 0.5px solid #333;
} */

.video-container,
.video-player {
  width: 100%;
  height: 100%;
}

.video-player {
  pointer-events: auto;
  position: relative;
}

.video-player.desktop-only iframe {
  pointer-events: none;
}

.movie-details {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  color: #fff;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.95)),
    color-stop(20%, rgba(0, 0, 0, 0.5)),
    to(transparent)
  );
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.95),
    rgba(0, 0, 0, 0.5) 20%,
    transparent
  );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /* pointer-events: none; Allow touch events to pass through to Swiper */
}

.cast-list-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}

/* Re-enable pointer events for interactive elements within the overlay */
.movie-details .btn,
.movie-details a,
.movie-details button {
  pointer-events: auto;
}

/* Ensure Swiper navigation buttons are above the overlay */
#heroSlider .swiper-button-prev,
#heroSlider .swiper-button-next {
  z-index: 10 !important;
}

.showing-on {
  /* background: linear-gradient(to left, rgba(0, 0, 0, 0.95), transparent 30%); */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.showing-on > div {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.95)),
    color-stop(90%, transparent)
  );
  background: linear-gradient(to left, rgba(0, 0, 0, 0.95), transparent 90%);
  border-radius: 10px;
  /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.8);*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

@media screen and (max-width: 768px) {
  #heroSliderWrapper,
  #heroSliderWrapper > div:not(.swiper-button-prev),
  #heroSliderWrapper > div:not(.swiper-button-next),
  #heroSliderWrapper iframe,
  #heroSliderWrapper video {
    height: 500px;
  }

  .showing-on {
    display: none !important;
  }

  /* Hide default swiper navigation on mobile */
  #heroSlider .swiper-button-prev,
  #heroSlider .swiper-button-next {
    display: none !important;
  }
}

/* News */
.news-card {
  border: 0.5px solid #333;
}

.news-card.alt {
  background: #1a1a1a;
  border: 0.5px solid #333;
}

.news-card .card-img-top {
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .news-card.alt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .news-card.alt img {
    height: 200px;
    width: 100%;
  }
}

/* About Us */
@media screen and (max-width: 991px) {
  #repeatTeam .member-card:not(:last-child) {
    margin-bottom: 30px !important;
  }

  #repeatTeam img {
    height: 400px !important;
  }
}

/* Movies */
.movie-details-header,
.movie-details-header div {
  height: 750px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

.detailsShare {
  padding-right: 50px;
  margin-right: 50px;
  border-right: 0.5px solid #333;
}

#moviesRepeat {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}

#moviesRepeat .movie-card {
  border: 0.5px solid #333;
  -o-object-fit: cover;
  object-fit: cover;
}

#photogalleryList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
}

#photogalleryList img {
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Movie Details */
.movie-details-header {
  height: 750px;
}

.movie-details-header iframe {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}

@media screen and (max-width: 768px) {
  .movie-details-header {
    height: 350px;
  }

  .detailsShare {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }

  #moviesRepeat {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  }
}

/* Latest News */
.latest-news-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
}

/* News Details */
.news-details-header {
  height: 750px;
}

@media screen and (max-width: 768px) {
  .news-details-header {
    height: 350px;
  }
}