/* ==========================================================================
   Kazanime — search.css
   Khusus search.html: header hasil, tab sumber, filter, tombol muat lagi.
   (Di file asli ini section tersembunyi di dalam homepage.)
   ========================================================================== */

.search-results-section{display:block;padding:40px;max-width:var(--desktop-max);margin:0 auto}
.search-results-header{margin-bottom:25px}
.search-results-header h2{font-size:24px;font-weight:700;margin-bottom:8px;word-break:break-word}
.search-results-header p{color:var(--text-secondary);font-size:14px}

/* ---------- Filter urutan & format ---------- */
.search-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.search-filter-btn .ic,.search-source-tab .ic{font-size:14px}
.search-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .3s}
.search-filter-btn:hover,.search-filter-btn.active{background:rgba(var(--primary-rgb),.12);border-color:var(--primary);color:var(--primary)}
.search-filters-divider{width:1px;align-self:stretch;background:rgba(255,255,255,.08);margin:0 4px}

/* ---------- Tab sumber data ---------- */
.search-source-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.search-source-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .3s;display:flex;align-items:center;gap:8px}
.search-source-tab:hover{border-color:rgba(var(--primary-rgb),.3)}
.search-source-tab.active{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);color:var(--primary)}
.search-source-tab .count{background:var(--gradient-1);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:700}
/* Putaran 10: titik warna per sumber data (dot situs memakai warna aksen Sub Indo). */
.src-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px;display:inline-block}
.src-dot--kitsu{background:#f59e0b}
.src-dot--anilist{background:#3b82f6}
.src-dot--animeku{background:var(--accent);box-shadow:0 0 6px rgba(var(--accent-rgb),.6)}
.src-dot--oploverz{background:var(--primary);box-shadow:0 0 6px rgba(var(--primary-rgb),.6)}
/* Tab situs sedikit berbeda supaya jelas ini hasil "siap tonton". */
.search-source-tab[data-source^="backend:"] .count{background:rgba(var(--accent-rgb),.22);color:var(--accent)}
.search-source-tab[data-source^="backend:"].active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.1)}

/* ---------- Muat lebih banyak ---------- */
.search-load-more{text-align:center;margin-top:25px}

/* ---------- Hasil langsung dari situs (24 Okt 2026, putaran 7) ---------- */
.search-site-section{display:block;padding:0 40px 40px;max-width:var(--desktop-max);margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding-top:30px}
.search-site-section[hidden]{display:none}
.search-site-note{margin:6px 0 18px;color:var(--text-secondary);font-size:13px;line-height:1.6}
.search-site-note strong{color:var(--primary)}

@media(max-width:768px){
    .search-results-section{padding:25px 16px}
    .search-site-section{padding:22px 16px 30px}
    .search-results-header h2{font-size:20px}
    .search-source-tabs{gap:8px}
    .search-source-tab{padding:8px 14px;font-size:12px}
    .search-filters-divider{display:none}
}