/*
Theme Name: KingBokep
Description: Tema custom KingBokep - ditulis dari nol mengikuti render kingbokep.tv (ungu tua pekat, panel abu gelap).
Version: 1.0
*/
:root{--kbp-bg:#10032a;--kbp-hitam:#000;--kbp-panel:rgba(31,41,55,.8);--kbp-solid:#1f2937;
--kbp-garis:#2a2140;--kbp-teks:#f9fafb;--kbp-redup:#9ca3af;--kbp-samar:rgba(249,250,251,.7);
--kbp-ungu:#a855f7;--kbp-ungu2:#7e22ce}
*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%;overflow-x:hidden}
body{background:var(--kbp-bg);color:var(--kbp-teks);font:16px/1.5 "Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--kbp-ungu);text-decoration:none}
.kbp-w{max-width:1180px;margin:0 auto;padding:0 8px}
.kbp-top{background:var(--kbp-hitam);border-bottom:1px solid var(--kbp-garis)}
.kbp-top-r{display:flex;align-items:center;gap:9px;padding:8px 0;min-width:0}
.kbp-logo{flex:0 0 auto}
.kbp-logo img{height:34px;width:auto;max-width:110px}
.kbp-nama{flex:1 1 auto;min-width:0;font-size:17px;font-weight:800;color:var(--kbp-teks);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kbp-nama b{color:var(--kbp-ungu);font-weight:800}
.kbp-burger{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer}
.kbp-burger i{display:block;width:20px;height:2px;background:var(--kbp-teks);position:relative}
.kbp-burger i::before,.kbp-burger i::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--kbp-teks)}
.kbp-burger i::before{top:-6px}.kbp-burger i::after{top:6px}
.kbp-cari{display:flex;padding:0 0 9px}
.kbp-cari input{flex:1 1 0;min-width:0;background:var(--kbp-solid);border:1px solid var(--kbp-garis);border-right:0;color:var(--kbp-teks);padding:8px 11px;font-size:13px;border-radius:6px 0 0 6px;outline:0}
.kbp-cari button{flex:0 0 auto;width:44px;background:var(--kbp-ungu);border:0;border-radius:0 6px 6px 0;color:#fff;cursor:pointer;font-size:14px}
.kbp-menu{display:none;background:var(--kbp-hitam);border-top:1px solid var(--kbp-garis)}
.kbp-menu.on{display:block}
.kbp-menu a{display:block;padding:10px 8px;border-bottom:1px solid var(--kbp-garis);color:var(--kbp-samar);font-size:13px}
.kbp-menu a:hover{color:var(--kbp-ungu)}
.kbp-bar{display:flex;align-items:center;gap:8px;margin:14px 0 9px}
.kbp-bar h1,.kbp-bar h2{margin:0;font-size:16px;font-weight:700;color:var(--kbp-teks);flex:1 1 auto;min-width:0}
.kbp-bar em{flex:0 0 auto;font-style:normal;font-size:11px;background:var(--kbp-ungu2);color:#fff;border-radius:9px;padding:3px 9px}
.kbp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
@media(min-width:700px){.kbp-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:980px){.kbp-grid{grid-template-columns:repeat(4,1fr)}}
.kbp-c{background:var(--kbp-panel);border:1px solid var(--kbp-garis);border-radius:8px;overflow:hidden;min-width:0}
.kbp-th{position:relative;display:block;aspect-ratio:16/9;background:#0b0220;overflow:hidden}
.kbp-th img{width:100%;height:100%;object-fit:cover}
.kbp-dur{position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.85);color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;line-height:1.3}
.kbp-j{display:block;padding:7px 8px 4px;font-size:12.5px;line-height:1.35;color:var(--kbp-teks);min-height:44px}
.kbp-j:hover{color:var(--kbp-ungu)}
.kbp-m{display:flex;gap:10px;padding:0 8px 8px;font-size:11px;color:var(--kbp-redup)}
.kbp-nav{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0}
.kbp-nav a,.kbp-nav span{min-width:32px;text-align:center;padding:7px 11px;font-size:13px;background:var(--kbp-solid);color:var(--kbp-teks);border-radius:6px}
.kbp-nav .current{background:var(--kbp-ungu);color:#fff;font-weight:700}
.kbp-nav a:hover{background:var(--kbp-ungu2);color:#fff}
.kbp-play{position:relative;aspect-ratio:16/9;background:#000;margin:10px 0 0;border-radius:8px;overflow:hidden}
.kbp-play iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kbp-h1{margin:12px 0 8px;font-size:17px;line-height:1.35;color:var(--kbp-teks);font-weight:700}
.kbp-stat{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--kbp-redup);margin:0 0 12px}
.kbp-stat b{color:var(--kbp-ungu);font-weight:600}
.kbp-desc{font-size:13.5px;line-height:1.75;color:var(--kbp-samar);margin:0 0 12px}
.kbp-tag{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.kbp-tag a{background:var(--kbp-solid);color:var(--kbp-samar);font-size:11.5px;padding:5px 10px;border-radius:14px}
.kbp-tag a:hover{background:var(--kbp-ungu);color:#fff}
.kbp-doc{font-size:13.5px;line-height:1.8;color:var(--kbp-samar)}
.kbp-doc h2{font-size:15px;color:var(--kbp-teks);margin:18px 0 6px}
.kbp-doc p{margin:0 0 10px}
.kbp-doc ul{margin:0 0 10px;padding-left:20px}
.kbp-foot{background:var(--kbp-hitam);margin-top:22px;padding:14px 0;border-top:1px solid var(--kbp-garis)}
.kbp-kw{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 12px}
.kbp-kw a{font-size:12px;color:var(--kbp-redup)}
.kbp-kw a:hover{color:var(--kbp-ungu)}
.kbp-legal{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:0 0 8px}
.kbp-legal a{color:var(--kbp-redup);font-size:12px}
.kbp-cr{text-align:center;font-size:11.5px;color:var(--kbp-redup)}
.comment-form input,.comment-form textarea{width:100%;background:var(--kbp-solid);border:1px solid var(--kbp-garis);color:var(--kbp-teks);padding:8px;font-size:13px;border-radius:6px;margin:0 0 8px}
.comment-form .submit{background:var(--kbp-ungu);color:#fff;font-weight:700;border:0;padding:8px 18px;border-radius:6px;cursor:pointer;width:auto}
.kbp-cm{list-style:none;margin:0;padding:0}
.kbp-cm li{background:var(--kbp-panel);padding:9px;border-radius:6px;margin:0 0 7px;font-size:12.5px}