body {
    font-family: 'Cairo', 'Roboto', system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    overflow: hidden; /* disable page scroll */
  }
  
  .material-icons {
  translate: no;
}










  .skeleton {
    background: #333;
    border-radius: 4px;
    animation: pulse 1.5s infinite;
  }

  @keyframes pulse {
    0%, 100% { opacity: 1 }
    50% { opacity: 0.4 }
  }

  /* scrollable content */
  .streamContainer {
    height: calc(100vh - 160px);
    overflow-y: auto;
    
	
   
  }

  #bottomNav { z-index: 3; }

 
  #tabContainers {
    position: relative;
    height: 100vh; 
  }

  .tabPane {
    display: block;
    position: absolute;
    inset: 0;
    overflow: hidden;
    padding-bottom: 100px; /* keep items above bottom nav */
  }

  .tabPane.hidden {
    display: none;
  }

  /* sticky info headers */
  #seriesInfoTop,
  #movieInfoTop {
    position: sticky;
    top: 0;
    z-index: 5;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  }

  #videoPlayer, #seriesInfo, #movieInfo {
    z-index: 5;
  }

  /* scrollbars */
  *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #1f1f1f;
    border-radius: 5px;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #4b5563;
    border-radius: 5px;
    border: 2px solid #1f1f1f;
  }

  *::-webkit-scrollbar-thumb:hover {
    background-color: #6b7280;
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: #D4AF37 #1f1f1f;
  }
  
  
  #playerWrapper.live video {
  cursor: default;
}

#playerWrapper.live #playerTitle::after {
  content: "LIVE";
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  background: red;
  color: white;
  font-size: 0.75rem;
  font-weight: bold;
  border-radius: 4px;
}