@import '_content/HhHv.Components/HhHv.Components.u3g3arpbdy.bundle.scp.css';

/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-srbjlnwi52],
.components-reconnect-repeated-attempt-visible[b-srbjlnwi52],
.components-reconnect-failed-visible[b-srbjlnwi52],
.components-pause-visible[b-srbjlnwi52],
.components-resume-failed-visible[b-srbjlnwi52],
.components-rejoining-animation[b-srbjlnwi52] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-srbjlnwi52],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-srbjlnwi52],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-srbjlnwi52],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-srbjlnwi52],
#components-reconnect-modal.components-reconnect-retrying[b-srbjlnwi52],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-srbjlnwi52],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-srbjlnwi52],
#components-reconnect-modal.components-reconnect-failed[b-srbjlnwi52],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-srbjlnwi52] {
    display: block;
}


#components-reconnect-modal[b-srbjlnwi52] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-srbjlnwi52 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-srbjlnwi52 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-srbjlnwi52 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-srbjlnwi52]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-srbjlnwi52 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-srbjlnwi52 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-srbjlnwi52 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-srbjlnwi52 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-srbjlnwi52] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-srbjlnwi52] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-srbjlnwi52] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-srbjlnwi52] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-srbjlnwi52] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-srbjlnwi52] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-srbjlnwi52] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-srbjlnwi52 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-srbjlnwi52] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-srbjlnwi52 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Library/Read.razor.rz.scp.css */
/* Full-bleed reader area */
.reader-root[b-nnw0bfylao] {
  position: relative;
  width: 100%;
  height: 100vh; /* maximize the viewport */
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #0b0b0b; /* nice neutral for readers */
}

/* The actual embedded reader */
.reader-frame[b-nnw0bfylao] {
  position: absolute;
  inset: 0; /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  background: transparent;
}

/* Centered message overlay for errors / not entitled / missing link */
.reader-message[b-nnw0bfylao] {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
}

/* Your mobile menu is fixed bottom; reserve space so it doesn't cover content */
.mobile-nav-host[b-nnw0bfylao] {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: var(--mud-palette-primary);
  z-index: 999;
}

/* Make room for the mobile nav so the iframe isn't hidden underneath it */
@media (max-width: 768px) {
  .reader-root[b-nnw0bfylao] {
    height: calc(100vh - 64px); /* adjust to your MobileMenu height */
  }
}
/* /Components/Pages/Podcasts/Details.razor.rz.scp.css */
/* /Components/Shared/AudioPlayer.razor.rz.scp.css */
.audio-player[b-m1ukxhphvq] {
  width: 100%;
  border-radius: var(--mud-default-borderradius);
  background: var(--mud-palette-primary);
  padding: 8px 10px;
}

.audio-player-title[b-m1ukxhphvq] {
  color: var(--mud-palette-primary-text);
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 6px;
  opacity: 0.95;
}

.audio-player-control[b-m1ukxhphvq] {
  width: 100%;
  display: block;
}

/* Fallback empty state */
.audio-player-empty[b-m1ukxhphvq] {
  color: var(--mud-palette-primary-text);
  opacity: 0.85;
  font-size: 0.85rem;
}

/* WebKit control enclosure (Chrome/Edge/Safari) - scoped to THIS component */
:global(.audio-player audio::-webkit-media-controls-enclosure)[b-m1ukxhphvq] {
  border-radius: var(--mud-default-borderradius);
  background: transparent;
}
/* /Components/Shared/ImageEvent.razor.rz.scp.css */
.event-wrap[b-uaf1xf32lb] {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

  .event-wrap > .event-img[b-uaf1xf32lb] {
    position: relative;
    overflow: hidden;
  }

    .event-wrap > .event-img[b-uaf1xf32lb]::before {
      background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left bottom, left top, color-stop(25%, #072e4a), color-stop(60%, transparent)) repeat scroll 0% 0%;
      background: rgba(0, 0, 0, 0) linear-gradient(to top, #072e4a 25%, transparent 60%) repeat scroll 0% 0%;
      bottom: 0;
      content: "";
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
      pointer-events: none;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -webkit-transform: translate3d(0px, 50%, 0px);
      transform: translate3d(0px, 50%, 0px);
    }

    .event-wrap > .event-img > a[b-uaf1xf32lb] {
      display: block;
    }

      .event-wrap > .event-img > a > img[b-uaf1xf32lb] {
        width: 100%;
        border-radius: 10px;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
      }

    .event-wrap > .event-img .action-btn[b-uaf1xf32lb] {
      position: absolute;
      top: 0px;
      right: 15px;
      z-index: 5;
      width: 40px;
      height: 40px;
      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;
      font-size: 22px;
      color: #ffffff;
      border-radius: 100%;
      -webkit-transition: all 0.7s ease 0s;
      transition: all 0.7s ease 0s;
      background-color: var(--mud-palette-primary); /*#f4181c;*/
      border: none;
      opacity: 0;
      visibility: hidden;
    }

      .event-wrap > .event-img .action-btn:hover[b-uaf1xf32lb] {
        background-color: var(--mud-palette-secondary); /*#000000;*/
      }


.event-wrap .event-content[b-uaf1xf32lb] {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 5;
  bottom: 10px;
  opacity: 0;
  visibility: hidden;
  padding: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

    .event-wrap .event-content .title[b-uaf1xf32lb] {
      color: #ffffff;
      font-size: 20px;
      font-weight: 600;
      margin: 0 0 3px;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
    }


@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .event-wrap .event-content .title[b-uaf1xf32lb] {
    font-size: 18px;
  }
}

.event-wrap .event-content .title a[b-uaf1xf32lb] {
  color: #ffffff;
}

  .event-wrap .event-content .title a:hover[b-uaf1xf32lb] {
    color: var(--mud-palette-primary); /*#f4181c;*/
  }

.event-wrap .event-content .event-view-rank[b-uaf1xf32lb] {
  margin: 10px 0;
  -webkit-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

  .event-wrap .event-content .event-view-rank ul[b-uaf1xf32lb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .event-wrap .event-content .event-view-rank ul li[b-uaf1xf32lb] {
      color: #f4181c;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 15px;
      position: relative;
      line-height: 1;
    }

      .event-wrap .event-content .event-view-rank ul li[b-uaf1xf32lb]::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        right: -8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #777;
      }

      .event-wrap .event-content .event-view-rank ul li:last-child[b-uaf1xf32lb] {
        margin-right: 0;
      }

        .event-wrap .event-content .event-view-rank ul li:last-child[b-uaf1xf32lb]::before {
          display: none;
        }

      .event-wrap .event-content .event-view-rank ul li span[b-uaf1xf32lb] {
        font-weight: 500;
        color: #ffffff;
        display: inline-block;
        margin-right: 3px;
      }

.event-wrap .event-content .event-rating[b-uaf1xf32lb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 10px;
  -webkit-transition: all 0.9s ease 0s;
  transition: all 0.9s ease 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

  .event-wrap .event-content .event-rating i[b-uaf1xf32lb] {
    color: #ffa534;
    font-size: 17px;
    margin: 0 2px;
  }

.event-wrap .event-content > span[b-uaf1xf32lb] {
  color: #ffffff;
  font-size: 15px;
  display: block;
  margin: 0 0 10px;
  -webkit-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.event-wrap .event-content .event-btn[b-uaf1xf32lb] {
  display: block;
  -webkit-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.event-wrap:hover > .event-img[b-uaf1xf32lb]::before {
  opacity: 1;
  border-radius: 10px;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.event-wrap:hover > .event-img > a > img[b-uaf1xf32lb] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.event-wrap:hover > .event-img .action-btn[b-uaf1xf32lb] {
  top: 15px;
  opacity: 1;
  visibility: visible;
}

.event-wrap:hover .event-content[b-uaf1xf32lb] {
  opacity: 1;
  visibility: visible;
}

  .event-wrap:hover .event-content .title[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .event-wrap:hover .event-content .event-view-rank[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .event-wrap:hover .event-content .event-rating[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .event-wrap:hover .event-content span[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .event-wrap:hover .event-content .event-btn[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }




@media only screen and (max-width: 768px) {
  .event-wrap[b-uaf1xf32lb] {
    transition: all .3s ease-in-out;
  }



    .event-wrap > .event-img .action-btn[b-uaf1xf32lb] {
      top: 15px;
      opacity: 1;
      visibility: visible;
    }

    .event-wrap .event-content[b-uaf1xf32lb] {
      opacity: 1;
      visibility: visible;
    }

      .event-wrap .event-content .title[b-uaf1xf32lb] {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }

      .event-wrap .event-content .event-view-rank[b-uaf1xf32lb] {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }

      .event-wrap .event-content .event-rating[b-uaf1xf32lb] {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }

      .event-wrap .event-content span[b-uaf1xf32lb] {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }

      .event-wrap .event-content .event-btn[b-uaf1xf32lb] {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }
} {
      background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left bottom, left top, color-stop(25%, #072e4a), color-stop(60%, transparent)) repeat scroll 0% 0%;
      background: rgba(0, 0, 0, 0) linear-gradient(to top, #072e4a 25%, transparent 60%) repeat scroll 0% 0%;
      bottom: 0;
      content: "";
      left: 0;
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 2;
      pointer-events: none;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      -webkit-transform: translate3d(0px, 50%, 0px);
      transform: translate3d(0px, 50%, 0px);
    }

    .event-wrap > .event-img > a[b-uaf1xf32lb] {
      display: block;
    }

      .event-wrap > .event-img > a > img[b-uaf1xf32lb] {
        width: 100%;
        border-radius: 10px;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
      }

.event-wrap > .event-img .action-btn[b-uaf1xf32lb] {
  position: absolute;
  top: 0px;
  right: 15px;
  z-index: 5;
  width: 40px;
  height: 40px;
  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;
  font-size: 22px;
  color: #ffffff;
  border-radius: 100%;
  -webkit-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  background-color: var(--mud-palette-primary); /*#f4181c;*/
  border: none;
  opacity: 0;
  visibility: hidden;
}

      /* Hover effect for all states */
  .event-wrap > .event-img .action-btn:hover[b-uaf1xf32lb] {
    background-color: var(--mud-palette-dark); /* Hover color */
  }

      /* Style for items with quantity between 1 and 50 (low quantity) */
  .event-wrap > .event-img .action-btn.low-qty[b-uaf1xf32lb] {
    background-color: var(--mud-palette-warning);
  }
    .event-wrap > .event-img .action-btn.low-qty:hover[b-uaf1xf32lb] {
      background-color: var(--mud-palette-dark); /* Hover color */
    }
      /* Style for disabled items */
  .event-wrap > .event-img .action-btn.disabled[b-uaf1xf32lb] {
    background-color: var(--mud-palette-error);
  }

  .event-wrap .event-content[b-uaf1xf32lb] {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 5;
    bottom: 10px;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

    .event-wrap .event-content .title[b-uaf1xf32lb] {
      color: #ffffff;
      font-size: 20px;
      font-weight: 600;
      margin: 0 0 3px;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      -webkit-transform: translateY(30px);
      transform: translateY(30px);
    }


@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .event-wrap .event-content .title[b-uaf1xf32lb] {
    font-size: 18px;
  }
}

.event-wrap .event-content .title a[b-uaf1xf32lb] {
  color: #ffffff;
}

  .event-wrap .event-content .title a:hover[b-uaf1xf32lb] {
    color: var(--mud-palette-primary); /*#f4181c;*/
  }

.event-wrap .event-content .event-view-rank[b-uaf1xf32lb] {
  margin: 10px 0;
  -webkit-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

  .event-wrap .event-content .event-view-rank ul[b-uaf1xf32lb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

    .event-wrap .event-content .event-view-rank ul li[b-uaf1xf32lb] {
      color: #f4181c;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 15px;
      position: relative;
      line-height: 1;
    }

      .event-wrap .event-content .event-view-rank ul li[b-uaf1xf32lb]::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        right: -8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #777;
      }

      .event-wrap .event-content .event-view-rank ul li:last-child[b-uaf1xf32lb] {
        margin-right: 0;
      }

        .event-wrap .event-content .event-view-rank ul li:last-child[b-uaf1xf32lb]::before {
          display: none;
        }

      .event-wrap .event-content .event-view-rank ul li span[b-uaf1xf32lb] {
        font-weight: 500;
        color: #ffffff;
        display: inline-block;
        margin-right: 3px;
      }

.event-wrap .event-content .event-rating[b-uaf1xf32lb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 10px;
  -webkit-transition: all 0.9s ease 0s;
  transition: all 0.9s ease 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

  .event-wrap .event-content .event-rating i[b-uaf1xf32lb] {
    color: #ffa534;
    font-size: 17px;
    margin: 0 2px;
  }

.event-wrap .event-content > span[b-uaf1xf32lb] {
  color: #ffffff;
  font-size: 15px;
  display: block;
  margin: 0 0 10px;
  -webkit-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.event-wrap .event-content .event-btn[b-uaf1xf32lb] {
  display: block;
  -webkit-transition: all 0.8s ease 0s;
  transition: all 0.8s ease 0s;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}

.event-wrap:hover > .event-img[b-uaf1xf32lb]::before {
  opacity: 1;
  border-radius: 10px;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.event-wrap:hover > .event-img > a > img[b-uaf1xf32lb] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.event-wrap:hover > .event-img .action-btn[b-uaf1xf32lb] {
  top: 15px;
  opacity: 1;
  visibility: visible;
}

.event-wrap:hover .event-content[b-uaf1xf32lb] {
  opacity: 1;
  visibility: visible;
}

  .event-wrap:hover .event-content .title[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .event-wrap:hover .event-content .event-view-rank[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .event-wrap:hover .event-content .event-rating[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .event-wrap:hover .event-content span[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .event-wrap:hover .event-content .event-btn[b-uaf1xf32lb] {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }



@media only screen and (max-width: 768px) {

  .event-wrap > .event-img[b-uaf1xf32lb]::before {
    opacity: 1; /* Ensure background effect is visible */
    transform: translate3d(0px, 0px, 0px);
  }

  .event-wrap > .event-img > a > img[b-uaf1xf32lb] {
    transform: scale(1.2); /* Maintain scale effect */
  }

  .event-wrap > .event-img .action-btn[b-uaf1xf32lb] {
    top: 15px;
    opacity: 1; /* Make it fully visible */
    visibility: visible; /* Ensure it’s not hidden */
  }

  .event-wrap .event-content[b-uaf1xf32lb] {
    opacity: 1;
    visibility: visible; /* Ensure content is visible */
  }

    .event-wrap .event-content .title[b-uaf1xf32lb],
    .event-wrap .event-content .event-view-rank[b-uaf1xf32lb],
    .event-wrap .event-content .event-rating[b-uaf1xf32lb],
    .event-wrap .event-content span[b-uaf1xf32lb],
    .event-wrap .event-content .event-btn[b-uaf1xf32lb] {
      transform: translateY(0px); /* Reset translation */
    }


}
/* /Components/Shared/ImageFilm.razor.rz.scp.css */
/* ROOT SCOPE */
.image-film .container-wrap[b-mwz4wz0tg2] {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  height: 420px;
}

/* IMAGE WRAP */
.image-film .image-wrap[b-mwz4wz0tg2] {
  position: relative;
  height: 100%;
  overflow: hidden;
}

  /* IMAGE */
  .image-film .image-wrap img[b-mwz4wz0tg2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: all 0.5s ease;
  }

  /* GRADIENT OVERLAY */
  .image-film .image-wrap[b-mwz4wz0tg2]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #072e4a 25%, transparent 60%);
    opacity: 0;
    transform: translate3d(0, 50%, 0);
    transition: all 0.3s ease;
    z-index: 2;
    pointer-events: none;
    border-radius: 10px;
  }

/* 👁 ACTION BUTTON */
.image-film .action-btn[b-mwz4wz0tg2] {
  position: absolute;
  top: 0;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--mud-palette-primary);
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.7s ease;
  z-index: 5;
  text-decoration: none;
}

  .image-film .action-btn:hover[b-mwz4wz0tg2] {
    background-color: var(--mud-palette-secondary);
  }

/* TEXT OVERLAY */
.image-film .content-wrap[b-mwz4wz0tg2] {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 5;
}

.image-film .title[b-mwz4wz0tg2] {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 3px;
  transform: translateY(30px);
  transition: all 0.5s ease;
}

  .image-film .title a[b-mwz4wz0tg2] {
    color: #fff;
    text-decoration: none;
  }

    .image-film .title a:hover[b-mwz4wz0tg2] {
      color: var(--mud-palette-primary);
    }

/* HOVER */
.image-film .container-wrap:hover .image-wrap[b-mwz4wz0tg2]::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.image-film .container-wrap:hover img[b-mwz4wz0tg2] {
  transform: scale(1.2);
}

.image-film .container-wrap:hover .action-btn[b-mwz4wz0tg2] {
  top: 15px;
  opacity: 1;
  visibility: visible;
}

.image-film .container-wrap:hover .content-wrap[b-mwz4wz0tg2] {
  opacity: 1;
  visibility: visible;
}

.image-film .container-wrap:hover .title[b-mwz4wz0tg2] {
  transform: translateY(0);
}
/* /Components/Shared/ImageProduct.razor.rz.scp.css */
/* ===========================
   IMAGE PRODUCT WRAPPER
   =========================== */
.image-product-root[b-ishqm4rlce] {
  position: relative;
}

/* ===========================
   PRODUCT BADGES
   =========================== */
.product-badge[b-ishqm4rlce] {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 6;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 4px;
  line-height: 1;
  pointer-events: none;
}

  .product-badge.soldout[b-ishqm4rlce] {
    background: rgba(160, 0, 0, 0.9);
    color: #fff;
  }

  .product-badge.lowqty[b-ishqm4rlce] {
    background: rgba(255, 152, 0, 0.9);
    color: #000;
  }

/* ===========================
   SMALL TILE SAFETY
   =========================== */
@container imagetile (max-width: 160px) {
  .product-badge[b-ishqm4rlce] {
    font-size: 9px;
    padding: 3px 6px;
  }
}
/* /Components/Shared/ImageTile.razor.rz.scp.css */
.image-tile[b-xe6f4mxye4] {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-color: #000;
}

  /* Image */
  .image-tile img[b-xe6f4mxye4] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

/* Link wrapper */
.image-link[b-xe6f4mxye4] {
  display: block;
  width: 100%;
  height: 100%;
}

/* Overlay gradient */
.tile-overlay[b-xe6f4mxye4] {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.75) 25%, transparent 60%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}


/* Hover zoom */
.image-tile:hover img[b-xe6f4mxye4] {
  transform: scale(1.15);
}

/* Show overlay on hover */
.image-tile:hover .tile-overlay[b-xe6f4mxye4] {
  opacity: 1;
}

/* Action button */
.tile-action[b-xe6f4mxye4] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--mud-palette-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-decoration: none;
  opacity: 0;
  transform: translateY(-6px);
  transition: all 0.3s ease;
  pointer-events: auto;
}

.image-tile:hover .tile-action[b-xe6f4mxye4] {
  opacity: 1;
  transform: translateY(0);
}

.tile-action:hover[b-xe6f4mxye4] {
  background: var(--mud-palette-secondary);
}

/* ===========================
   TEXT / CTA (HOVER-GATED)
   =========================== */
.tile-text[b-xe6f4mxye4] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  padding: 0 12px;
  text-align: center;
  pointer-events: auto;
  /* 🔑 hide by default */
  opacity: 0;
  transform: translateY(8px);
  transition: all 0.3s ease;
}

/* Reveal text on hover */
.image-tile:hover .tile-text[b-xe6f4mxye4] {
  opacity: 1;
  transform: translateY(0);
}

/* Title */
.tile-title[b-xe6f4mxye4] {
  display: block;
  color: #fff;
  font-weight: 600;
  margin-bottom: 2px;
}

/* Subtitle */
.tile-subtitle[b-xe6f4mxye4] {
  display: block;
  color: #cfd8dc;
  font-size: 0.8rem;
  margin-bottom: 8px;
}

/* CTA button */
.tile-cta[b-xe6f4mxye4] {
  display: inline-block;
  background: var(--mud-palette-primary);
  color: #fff;
  font-size: 0.8rem;
  padding: 6px 14px;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s ease;
}

  .tile-cta:hover[b-xe6f4mxye4] {
    background: var(--mud-palette-secondary);
  }

/* ===========================
   MOBILE: ALWAYS VISIBLE
   =========================== */
/*

@media (max-width: 768px) {

  .tile-overlay {
    opacity: 1;
  }

  .tile-action {
    opacity: 1;
    transform: translateY(0);
  }

  .tile-text {
    opacity: 1;
    transform: none;
  }
}

*/
/* /Components/Shared/Jumbo.razor.rz.scp.css */
.jumboHeader[b-z9wgzjd7vt] {
  position: relative;
  background-color: black;
  height: 30vh !important; /* Constrain height to 30% of viewport */
  width: 100%;
  overflow: hidden; /* Hide overflowing content */
  margin: auto;
  display: flex; /* Use flexbox for alignment */
  align-items: center; /* Center content vertically */
  justify-content: center; /* Center content horizontally */
  box-sizing: border-box; /* Include padding in height/width calculations */
}

  .jumboHeader .content-wrapper[b-z9wgzjd7vt] {
    display: flex; /* Use flexbox for layout */
    flex-direction: column; /* Stack children vertically */
    justify-content: center; /* Vertically center content */
    align-items: flex-start; /* Align content to the start (left) */
    z-index: 3; /* Ensure it is above the overlay and video */
    padding: 12px;
    position: absolute; /* Allows precise positioning */
    left: 25%; /* Position the wrapper 20% from the left */
    transform: translateX(-25%); /* Optional: fine-tune positioning if needed */
    height: 100%; /* Match the parent�s height */
    box-sizing: border-box; /* Include padding in height/width calculations */
    overflow: hidden; /* Prevent overflow */
  }

    .jumboHeader .content-wrapper .jumbo-image[b-z9wgzjd7vt] {
      width: auto; /* Let the browser calculate the width automatically */
      height: auto; /* Maintain aspect ratio */
      max-width: 80%; /* Ensure the image doesn't exceed the container's width */
      max-height: 100%; /* Ensure the image doesn't exceed the container's height */
      display: block; /* Ensure proper layout */
      object-fit: contain; /* Maintain aspect ratio and fit within the container */
    }

  .jumboHeader .overlay[b-z9wgzjd7vt] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.6; /* Up this to create a darker overlay */
    z-index: 1;
  }

  .jumboHeader video[b-z9wgzjd7vt] {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: inherit;
    min-height: inherit;
    z-index: 0;
    transform: translate(-50%, -50%);
  }
/* /Components/Shared/JumboCarousel.razor.rz.scp.css */
.jumboCarousel[b-zdfgf5kctx] {
  height: 300px !important;
}

@media (max-width: 768px) {
  .jumboCarousel[b-zdfgf5kctx] {
    height: 200px !important;
  }
}

/* /Components/Shared/JumboOverseerr.razor.rz.scp.css */
.jumbo-root[b-5j3t0ytyjs] {
  position: relative;
  overflow: hidden;
}

.jumbo-video[b-5j3t0ytyjs] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.jumbo-content[b-5j3t0ytyjs] {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  min-height: 420px;
}

/* Desktop */
.jumbo-desktop[b-5j3t0ytyjs] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  gap: 6px;
}


/* Footer + CTA alignment */
.jumbo-footer-actions[b-5j3t0ytyjs] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 4px;
}

/* Mobile */
.jumbo-mobile[b-5j3t0ytyjs] {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  margin-top: 16px;
}
/* /Components/Shared/OverseerrPodcasts.razor.rz.scp.css */
/* ===========================
   HEADER
   =========================== */
.overseerr-row-header[b-oyyij50e1l] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.75rem 0 .75rem;
}

.see-more[b-oyyij50e1l] {
  font-size: .85rem;
  color: var(--mud-palette-primary);
  text-decoration: none;
}

  .see-more:hover[b-oyyij50e1l] {
    text-decoration: underline;
  }

/* ===========================
   ROW
   =========================== */
.overseerr-row[b-oyyij50e1l] {
  display: flex;
  gap: .75rem;
  overflow-x: auto;
  padding-bottom: .5rem;
  scroll-snap-type: x mandatory;
}

/* ===========================
   CARD
   =========================== */
.overseerr-card[b-oyyij50e1l] {
  flex: 0 0 auto;
  display: flex;
}

/* /Components/Shared/OverseerrProducts.razor.rz.scp.css */
/* ===========================
   HEADER
   =========================== */
.overseerr-row-header[b-dzywlays8x] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.75rem 0 .75rem;
}

.see-more[b-dzywlays8x] {
  font-size: .85rem;
  color: var(--mud-palette-primary);
  text-decoration: none;
}

/* ===========================
   ROW
   =========================== */
.overseerr-row[b-dzywlays8x] {
  display: flex;
  gap: .75rem;
  overflow-x: auto;
  padding-bottom: .5rem;
  scroll-snap-type: x mandatory;
}

/* ===========================
   CARD
   =========================== */
.overseerr-card[b-dzywlays8x] {
  flex: 0 0 auto;
  display: flex;
  scroll-snap-align: start;
}
/* /Components/Shared/OverseerrPublishing.razor.rz.scp.css */
/* ===========================
   HEADER
   =========================== */
.overseerr-row-header[b-9ut5v26p1k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.75rem 0 .75rem;
}

.see-more[b-9ut5v26p1k] {
  font-size: .85rem;
  color: var(--mud-palette-primary);
  text-decoration: none;
}

/* ===========================
   ROW
   =========================== */
.overseerr-row[b-9ut5v26p1k] {
  display: flex;
  gap: .75rem;
  overflow-x: auto;
  padding-bottom: .5rem;
  scroll-snap-type: x mandatory;
}

/* ===========================
   CARD
   =========================== */
.overseerr-card[b-9ut5v26p1k] {
  flex: 0 0 auto;
  display: flex;
  scroll-snap-align: start;
}
/* /Components/Shared/OverseerrRecords.razor.rz.scp.css */
/* ===========================
   HEADER
   =========================== */
.overseerr-row-header[b-2mb3ynub4e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1.75rem 0 .75rem;
}

.see-more[b-2mb3ynub4e] {
  font-size: .85rem;
  color: var(--mud-palette-primary);
  text-decoration: none;
}

/* ===========================
   ROW
   =========================== */
.overseerr-row[b-2mb3ynub4e] {
  display: flex;
  gap: .75rem;
  overflow-x: auto;
  padding-bottom: .5rem;
  scroll-snap-type: x mandatory;
}

/* ===========================
   CARD
   =========================== */
.overseerr-card[b-2mb3ynub4e] {
  flex: 0 0 auto;
  display: flex;
  scroll-snap-align: start;
}
/* /Components/Shared/SwipeCardPodcasts.razor.rz.scp.css */
.flex-slide-container[b-9s0d06uhgo] {
  display: flex; /* [1] */
  flex-wrap: nowrap; /* [1] */
  overflow-x: auto; /* [2] */
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
  padding-bottom: 16px;
}

  .flex-slide-container[b-9s0d06uhgo]::-webkit-scrollbar {
    display: none;
    padding-bottom: 0px;
  }

/* Media query for small screens */
@media (max-width: 768px) {
  .flex-slide-container[b-9s0d06uhgo] {
    display: block; /* Disable flex for small screens */
  }
}
/* /Components/Shared/SwipeCardProducts.razor.rz.scp.css */
/* Default behavior for large screens */
.flex-slide-container[b-3pjvrrbdr2] {
  display: flex; /* [1] */
  flex-wrap: nowrap; /* [1] */
  overflow-x: auto; /* [2] */
  -webkit-overflow-scrolling: touch; /* [3] */
  -ms-overflow-style: -ms-autohiding-scrollbar; /* [4] */
  padding-bottom: 12px;
}

  .flex-slide-container[b-3pjvrrbdr2]::-webkit-scrollbar {
    display: none;
    padding-bottom: 0px;
  }

/* Disable flex for small screens or when VerticalOnSmall is true */
@media (max-width: 768px) {
  .vertical-on-small[b-3pjvrrbdr2] {
    display: block;
  }
}
/* /Components/Shared/VideoPlayer.razor.rz.scp.css */
.video-wrap[b-tomz8wpq0h] {
  position: relative;
  width: 100%; /* Ensures the container takes up the full width of its parent */
  max-width: 100%; /* Ensures it doesn’t exceed the width of its container */
  overflow: hidden; /* Prevents content overflow */
}

  .video-wrap video[b-tomz8wpq0h] {
    width: 100%; /* Video scales to fit the width of its container */
    height: auto; /* Maintains aspect ratio */
    display: block; /* Removes inline block spacing */
    object-fit: cover; /* Ensures the video content covers its container nicely */
    max-width: 100%; /* Limits the video width to the container’s width */
  }
/* /Components/Shared/WatchLocations.razor.rz.scp.css */
/* Keep WatchLocations scoped + simple.
   All tile visuals (hover, gradient, eyeball, etc.) should live in ImageTile. */

.watch-locations-root[b-zyk2tbxbsq] {
  width: 100%;
}