/* Movixo custom overrides - 4.3.15 */

/* Font Awesome icon-font isolation */
body .fa-brands,
body .fab,
body i.fa-brands,
body i.fab {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

body .fa,
body .fas,
body .far,
body .fal,
body .fat,
body .fad,
body .fa-solid,
body .fa-regular,
body .fa-light,
body .fa-thin,
body .fa-duotone,
body i.fa-solid,
body i.fa-regular,
body i.fa-light,
body i.fa-thin,
body i.fa-duotone {
  font-family: "Font Awesome 6 Pro" !important;
}

/* Hero background: full-width 16:9 desktop presentation. */
@media only screen and (min-width: 801px) {
  .top-movies-section-slider .item .item-bg .bg {
    right: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .top-movies-section {
    height: 56.25vw !important;
    min-height: 56.25vw !important;
    overflow: hidden;
    background: transparent !important;
  }

  .top-movies-section-slider,
  .top-movies-section-slider .swiper-wrapper,
  .top-movies-section-slider .swiper-slide,
  .top-movies-section-slider .item,
  .top-movies-section-slider .item-bg,
  .top-movies-section-slider .item-bg .bg,
  .top-movies-section-slider .item .item-content {
    height: 56.25vw !important;
    min-height: 56.25vw !important;
  }

  .top-movies-section-slider .item .item-bg .bg {
    width: 100vw !important;
    max-width: none !important;
    right: 0 !important;
    top: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  /* Remove legacy full-area overlay/shadow. */
  .top-movies-section-slider .item .full-item-bg,
  .top-movies-section-slider .item .full-item-bg::before {
    display: none !important;
    opacity: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Movixo 4.3.11 - Featured row clearly higher on desktop. */
@media only screen and (min-width: 801px) {
  .top-slider-1 .thumbs-top-movies-main {
    bottom: 360px !important;
    transform: none !important;
    -webkit-transform: none !important;
  }
}

/* 4.3.7: Continue Watching accent. */
.top-slider-1 .keep-alive-box .inner-box .right-box .contents .title span {
  color: #e50914 !important;
}


/* Movixo 4.3.12 - Show Continue Watching on desktop without clipping it by the 16:9 hero. */
@media only screen and (min-width: 801px) {
  .top-movies-section {
    overflow: visible !important;
  }

  .top-slider-1 .keep-alive-box {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 20 !important;
  }
}


/* Movixo 4.3.15 - Free content badge only; no changes to section layout. */
.movixo-free-badge {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 8px;
  background: linear-gradient(135deg, #159447 0%, #21c761 100%);
  color: #fff !important;
  font-family: inherit !important;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 5px 14px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.12) inset;
  direction: rtl;
  pointer-events: none;
}
.movixo-free-badge i {
  color: #fff !important;
  font-size: 10px;
  line-height: 1;
}
.movixo-free-badge-small {
  top: 6px;
  right: 6px;
  min-height: 25px;
  padding: 4px 8px;
  border-radius: 7px;
  font-size: 10px;
}
.top-movies-thumbs-slider .pic,
.top-movies-thumbs-slider .pic figure,
.post-image,
.index-2 .image {
  position: relative;
}
@media only screen and (max-width: 800px) {
  .movixo-free-badge {
    top: 6px;
    right: 6px;
    min-height: 25px;
    padding: 4px 8px;
    font-size: 10px;
  }
}