:root{--bg-dark:#14181c;--bg-light:#1e2228;--primary-color:#e42d2d;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--border-color:#333;--border-radius:8px;--transition-speed:0.3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;background-color:var(--bg-dark);color:var(--text-primary)}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:20px}header{padding:15px 0;background-color:rgba(20,24,28,.8);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:99}header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--primary-color);letter-spacing:1px}.navbar{display:flex;align-items:center;gap:20px}.nav-menu{list-style:none;display:flex;gap:30px;margin:0;padding:0}.nav-menu li{position:relative}.nav-menu a{font-weight:500;transition:color var(--transition-speed);padding:10px 0}.nav-menu a:hover{color:var(--primary-color)}.dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:var(--bg-light);border-radius:var(--border-radius);padding:15px;padding-top:25px;min-width:220px;box-shadow:0 8px 16px rgba(0,0,0,.3);border-top:3px solid var(--primary-color)}.has-dropdown:hover .dropdown{display:block}.dropdown-content{max-height:400px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.dropdown-content a{padding:8px 12px;display:block;border-radius:5px}.dropdown-content a:hover{background-color:var(--primary-color);color:#fff}.page-main-title{font-size:2rem;font-weight:600;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:25px}.movie-card{background-color:var(--bg-light);border-radius:var(--border-radius);overflow:hidden;transition:transform var(--transition-speed) ease;display:flex;flex-direction:column}.movie-card:hover{transform:translateY(-8px)}.movie-card img{width:100%;aspect-ratio:2/3;object-fit:cover;background-color:#2a2c30}.movie-card .movie-info{padding:15px;text-align:center;flex-grow:1;display:flex;flex-direction:column}.movie-card h3{font-size:.95rem;line-height:1.4;height:2.8em;overflow:hidden;margin-bottom:10px}.movie-card span{font-size:.9rem;color:#f5c518;font-weight:700;margin-top:auto}.watch-section{padding:10px 0}.movie-title-watch{font-size:2.5rem;text-align:center;margin-bottom:5px}.movie-tagline-watch{text-align:center;color:var(--text-secondary);font-style:italic;margin-bottom:25px}.video-player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius);background-color:#000;margin-bottom:30px}.video-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.details-wrapper{background-color:var(--bg-light);padding:25px;border-radius:var(--border-radius)}.details-wrapper h2{font-size:1.5rem;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.meta-info{display:flex;flex-wrap:wrap;gap:10px 25px;margin-bottom:20px}.genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.genre-tag{background-color:#333;padding:5px 12px;border-radius:15px;font-size:.8rem;transition:background-color .2s}.genre-tag:hover{background-color:var(--primary-color)}.overview{line-height:1.7;color:var(--text-secondary)}.article-list{display:grid;gap:30px}.article-card{display:flex;background-color:var(--bg-light);border-radius:var(--border-radius);overflow:hidden;transition:background-color var(--transition-speed)}.article-card:hover{background-color:#2a2c30}.article-card img{width:300px;height:100%;object-fit:cover;background-color:#333;flex-shrink:0}.article-content{padding:25px}.article-source{display:inline-block;background-color:var(--primary-color);color:#fff;padding:4px 10px;border-radius:5px;font-size:.8rem;font-weight:600;margin-bottom:15px}.article-content h2{font-size:1.4rem;margin-bottom:10px}.article-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.article-date{font-size:.8rem;color:var(--text-secondary)}footer{text-align:center;padding:30px 0;margin-top:40px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}@media (max-width:768px){.navbar{display:none}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.article-card{flex-direction:column}.article-card img{width:100%;height:200px}}@media (max-width:480px){.movie-grid{grid-template-columns:repeat(2,1fr)}.logo{font-size:1.5rem}}
/* Styling untuk Footer Links */
.footer-links {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-links a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: color var(--transition-speed);
}

.footer-links a:hover {
    color: var(--primary-color);
}

p.copyright {
    font-size: 0.9rem;
    color: var(--text-secondary);
}
/* Styling untuk Halaman Statis (TOS, DMCA, dll) */
.static-page {
    background-color: var(--bg-light);
    padding: 30px;
    border-radius: var(--border-radius);
    line-height: 1.8;
}

.static-page h1 {
    font-size: 2.2rem;
    color: var(--primary-color);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
}

.static-page h2 {
    font-size: 1.5rem;
    margin-top: 30px;
    margin-bottom: 15px;
}

.static-page p, .static-page li {
    color: var(--text-secondary);
    margin-bottom: 15px;
}

.static-page a {
    color: var(--primary-color);
    text-decoration: underline;
}

.static-page ol, .static-page ul {
    padding-left: 20px;
}
/* --- STYLING UNTUK IKLAN RESPONSIVE --- */

/* Wadah utama untuk iklan di atas konten */
.ad-container {
    width: 100%;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Pengaturan umum untuk semua slot iklan */
.ad-slot {
    display: none; /* Sembunyikan semua iklan secara default */
    text-align: center;
    line-height: 0; /* Menghilangkan spasi bawah pada beberapa kode iklan */
}

/* --- Aturan Tampilan Berdasarkan Ukuran Layar --- */

/* 1. Untuk Layar Mobile (Lebar 767px ke bawah) */
@media (max-width: 767px) {
    .ad-mobile-banner {
        display: block; /* Tampilkan hanya iklan mobile */
    }
}

/* 2. Untuk Layar Desktop (Lebar 768px ke atas) */
@media (min-width: 768px) {
    .ad-leaderboard {
        display: block; /* Tampilkan hanya iklan leaderboard */
    }
}

/* 3. Untuk Layar Sangat Lebar (Lebar 1450px ke atas) */
@media (min-width: 1450px) {
    .ad-skyscraper {
        display: block; /* Tampilkan iklan skyscraper */
        position: fixed; /* Mengambang di layar */
        top: 100px; /* Jarak dari atas */
        
        /* Posisi di sebelah kiri konten utama */
        /* Kalkulasi: 50% layar - setengah lebar container - lebar iklan - margin */
        left: calc(50% - 600px - 160px - 20px);
    }
}

/* Tambahkan di paling bawah file style.css */

/* ============================================= */
/* === TAMPILAN PAGINATION MODERN (PENGGANTI) === */
/* ============================================= */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Memberi jarak antar tombol */
    margin-top: 50px; /* Jarak dari grid di atasnya */
    padding: 10px;
    list-style: none;
    
}

/* Gaya dasar untuk semua item pagination (angka, prev, next, ...) */
.pagination a,
.pagination span {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 42px; /* Lebar minimum agar tombol seragam */
    height: 42px; /* Tinggi tombol */
    padding: 0 10px; /* Padding horizontal */
    border: 1px solid var(--border-color);
    background-color: var(--bg-light);
    color: var(--text-secondary);
    text-decoration: none;
    border-radius: var(--border-radius);
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.2s ease-in-out;
}
.pagination .disabled {
    background-color: transparent;
    color: #555; /* Warna abu-abu redup */
    cursor: not-allowed; /* Cursor tanda tidak bisa diklik */
    border-color: #333;
}

/* Efek saat cursor menyentuh link halaman */
.pagination a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    transform: translateY(-3px); /* Efek tombol sedikit terangkat */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Gaya untuk Halaman yang Sedang Aktif */
.pagination .active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
    font-weight: 700;
    cursor: default; /* Cursor standar karena tidak bisa diklik */
    box-shadow: 0 5px 15px rgba(228, 45, 45, 0.3); /* Bayangan sesuai warna primer */
}

/* Gaya untuk '...' (ellipsis) */
.pagination span:not(.active) {
    border: none;
    background: transparent;
}

/* --- STYLING HALAMAN DETAIL SERIAL TV --- */
.season-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.season-tabs a {
    padding: 10px 20px;
    background-color: #333;
    border-radius: 20px;
    transition: background-color .2s;
}
.season-tabs a:hover {
    background-color: #444;
}
.season-tabs a.active {
    background-color: var(--primary-color);
    font-weight: 600;
    color: #fff;
}

.episode-list-title {
    margin-top: 20px;
    margin-bottom: 15px;
}
.episode-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.episode-item {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #2a2c30;
    padding: 15px;
    border-radius: var(--border-radius);
}
.episode-number {
    font-weight: 600;
    font-size: 1rem;
    color: var(--primary-color);
}
.episode-info {
    flex-grow: 1;
}
.episode-info h3 {
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
}
.episode-info p {
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-top: 5px;
}
.watch-episode-btn {
    padding: 8px 15px;
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color .2s;
    font-weight: 600;
}
.watch-episode-btn:hover {
    background-color: #c31e1e;
}

/* Styling untuk halaman artikel tunggal */
.article-meta {
    margin-top: -10px;
    margin-bottom: 30px;
    color: var(--text-secondary);
    font-size: 0.9rem;
}
.article-meta span {
    margin-right: 20px;
}
.article-body {
    margin-top: 20px;
}
.article-body p {
    margin-bottom: 20px;
}
.article-body h2, .article-body h3 {
    margin-top: 30px;
    margin-bottom: 15px;
}
/* --- STYLING UNTUK FORM PENCARIAN --- */

.search-form {
    display: flex;
    align-items: center;
    background-color: var(--bg-light);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.search-input {
    background: transparent;
    border: none;
    outline: none;
    padding: 10px 15px;
    color: var(--text-primary);
    font-size: 0.9rem;
    width: 250px; /* Lebar default */
    transition: width 0.3s ease-in-out;
}

.search-input::placeholder {
    color: var(--text-secondary);
}

.search-input:focus {
    width: 300px; /* Melebar saat di-klik */
}

.search-btn {
    background-color: var(--primary-color);
    border: none;
    color: #fff;
    padding: 10px 15px;
    cursor: pointer;
    font-weight: 600;
    transition: background-color var(--transition-speed);
    height: 100%;
}

.search-btn:hover {
    background-color: #c31e1e; /* Warna primer lebih gelap */
}

/* Sembunyikan form di layar mobile untuk menjaga header tetap simpel */
@media (max-width: 992px) {
    .search-form {
        display: none;
    }
}