html,
body {
    color:#efefef;
    background:#464646;
}

a  { 
    color:#f9f9f9;
}
.text-muted {
    color:#d1d1d1;
}
.text-meta {
    color:#a9a9a9;
}
.text-title {
    color:#e5e5e5;
}
.video-card:hover .video-title,
.video-title:hover,
.pagination .page-link,
.search-suggestions li a:hover,
.search-suggestions li:hover,
.dropdown-menu li a:hover,
 .close-search:hover,
.search-trigger:hover,
.footer-links a:hover,
.nav-menu a.active,
.nav-menu a:hover,
a.logo span,
.error,

a:hover {
    color:#fe6b04;
}

.error {
    background:#000000;
    border:1px solid #fe6b04;
}
.bread a {
    color:#FE6B04;
}
.bread a:hover {
    color:#fff;
}

.bg {
    background:#292929;
}

.site-header {
    background-color:transparent;
    }
span.siz,
span.dur,
.video-card,    
.header-container,
.footer {
    background:#000;
    }
 select.form-select,   
 a.logo {
   color: #f4f4f4;
 }
 .search-suggestions .no-result,
 .copy {
    color:#a3a3a3;
}   

a.dll,
.dropdown-menu li a span.badge,
.nav-menu a.btn-primary,
.pagination .page-link:hover:not(.active),
.pagination .page-link.active
{
     background-color: #fe6b04;
}
a.dll:hover {
    color:#fff;
    background:#c65201;
}
a.cat span.hashtag {
    color:#888;
}
a.cat {
    background:#6e6e6e;
    border: 1px solid #5a5a5a;
    color:#e3e3e3;

}
a.cat.active,
a.cat:hover {
    color:#fff;
    border: 1px solid #fe6b04;
    background:#fe6b04;
}

a.cat span.badge {
    text-align:center;
    display:inline-block;
    font-size:12px;
    color:#999;
}
.video-card:hover .dplay-icon,
a.cat.active span.badge,
a.cat:hover span.badge {
    color:#fff;
}

.search-input:focus,
.pagination .page-link:hover:not(.active),
.pagination .page-link.active {
    border-color: #fe6b04;
}
.search-suggestions li,
.search-trigger,
.footer-links a,
.nav-menu a {
            color: #d6d6d6;
        }

span.viw,
.dplay-icon,
.pagination .page-link.active,
.pagination .page-link:hover:not(.active),        
 .nav-menu a.btn-primary:hover,        
.dropdown-menu li a span.badge,
.nav-menu a.btn-primary {
            color: #ffffff;
        }

        .nav-menu a.btn-primary:hover {
            background-color: #0056b3;
        }
        
 .search-trigger {
            background: none;
            border: none;
        }
        
     
        .search-input {
            border: 1px solid #444;
        }

   .search-input:focus,      
        .search-input {
            color:#fff;
            background:#333;
        }

        .close-search { background: none;
            color: #999;
        }
.search-suggestions,
 .dropdown-menu {
            background-color: #3c3c3c;

        }   
.search-suggestions li a:hover,
        .search-suggestions li:hover,
.dropdown-menu li a:hover {
    
    background-color: #5a5a5a;
}
.search-suggestions {
            
            border: 1px solid #646464;
        }  
        
  .search-suggestions li {
            border-bottom: 1px solid #646464;
        }       

/* Base Link Styling */

.pagination .page-link {
  background-color: #3d3d3d;
  border: 1px solid #515151;
}


/* Optional: Disabled State (e.g., if Prev/Next is unavailable) */
.pagination .page-link.disabled {
  color: #e3e3e3;
  background-color: #6e6e6e;
  border-color: #5a5a5a;
}   

select.form-select {
  background-color: #515151;
  border: 1px solid #666;
}

.overlay-gradient {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
.video-title {
    color:#f4f4f4;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Tambahan bayangan agar teks lebih tegas */
}
span.siz,
span.dur {
   color:#e5e5e5; 
}
.dplay-icon,
span.viw { opacity: .7;
    
}
span.viw { opacity: .7;
    background: #d74a49;
}

span.siz,
span.dur,
.video-card:hover .dplay-icon  {
     opacity: .9;
    
}

.vido {
    background:#333
}
.video-container {
  background:#000;
}
.content-list-item__link {
    
    background-color: #3e3e3e;
    border: 1px solid #535353;
    
}
.content-list-item__link:hover {
    background-color: #696969;
    border: 1px solid #fe6b04;
}
.content-list-item__thumbnail-wrapper {
    
    background-color: #000;
}
.content-list-item__duration {
    
    background-color: rgb(0 0 0 / 0.7);;
    color: #e5e5e5;
}

.content-list-item__meta {
    
    color: #d4d4d4;
   
}
.content-list-item__title {
	color:#f1f1f1;
    
}

.content-list-item:hover .content-list-item__title {
     color:#fe6b04;
}



  .server {
        border-bottom:2px solid #535353;
    }
    .server a {
        
        border-bottom:0px solid #535353;
        
    }
    .server a {
        color:#f1f1f1;
    }
     .server a:hover {
        color:#fe6b04;
        border-bottom:3px solid #fe6b04;
        margin-bottom:-3px;
    }
    .server a.active {
        color: #fe6b04;
        background:#292929;
        border-bottom:3px solid #fe6b04;
        margin-bottom:-3px;
    }
    .server a span {
    background:#fe6b04;
    color:#fff;
    
    }

span.by {
    color:#fe8836;
}

.header-top-box .logo {

    color: #f4f44;
   
}
.header-top-box .search-form input {
     color:#fff;
            background:#333;
    border: 1px solid #666;
}

.header-top-box .search-form input:focus {
    border-color: #fe6b04;
}

.header-top-box .search-form button {
    background-color: #fe6b04;
    color: white;
    border: 1px solid #fe6b04;
}

.header-top-box .search-form button:hover {
    background-color: #c65201;
    border-color: #c65201;
}

.header-top-box {
 
    background-color: #000;
    
}

.sticky-nav {
 
    background-color: #333; /* Wajib ada warna background agar konten tidak tembus pandang */
}

.nav-wrapper {
    
    background-color: #333;
  
}


.header-nav {
   
    border-top: 0px solid #515151; /* Garis pemisah antara logo dan menu */
}
.header-nav a {
    
    color: #d6d6d6;
    
}

.header-nav a:hover {
    color:#fe6b04;
}


/* Mengubah warna dan ketebalan teks yang aktif */
.header-nav a.active {
   color:#fe6b04;
    
}
.header-nav a.active::after {
   
    background-color: #fe6b04; /* Warna garis biru */
    
}

.nav-arrow {
    
    background-color: #000;
    border: 0px solid #ddd;
    
    color: #fff;
    
}

.nav-arrow:hover {
    background-color: #fe6b04;
    color: #ffffff;
}



.legal-page {
    background:#3e3e3e;
} a.link {
     display:block;
     margin-left:-20px;
     margin-right:-20px;
     border-bottom:1px solid #666;
     padding:10px 20px;
 } a.link:hover {
    background:#666;
 }
.span {
     background:#777;
     color:#f6f6f6;
     border-radius:3px;
     padding:2px 8px;
     font-size:14px;
 }
  a.link:last-child {
      border-bottom:0;
  }
.title {
     font-size:18px;
     font-weight:bold;
     margin-bottom:6px;
 }