/*
Theme Name: KissKHMalang
Theme URI: https://example.com/kisskhmalang
Author: KissKH
Author URI: https://example.com
Description: Dark anime/drama theme, responsive, iframe player support and episode listing. Starter version.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: kisskhmalang
*/

:root{
  --bg:#0f1114; --panel:#121316; --muted:#9aa3b2; --accent:#ff3b3b; --card:#0f1317; --text:#e8eef6;
}
html,body{height:100%;}
body{background:var(--bg); color:var(--text); font-family: 'Inter', system-ui, Arial, sans-serif; margin:0;}
a{color:var(--accent); text-decoration:none}
.header{background:linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.9)); padding:14px 18px; position:sticky; top:0; z-index:9999}
.container{max-width:1180px; margin:0 auto; padding:20px}
.logo{font-weight:800; letter-spacing:1px; font-size:22px}
.site-menu{display:flex; gap:14px; align-items:center}
.loop-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:18px}
.card{background:var(--card); border-radius:8px; overflow:hidden; box-shadow:0 6px 20px rgba(0,0,0,0.6)}
.card img{width:100%; display:block; height:260px; object-fit:cover}
.card .meta{padding:10px}
.player-wrap{background:#000; border-radius:8px; overflow:hidden}
.wb__-cover{position:relative; width:100%; padding-top:56.25%; background-size:cover; background-position:center}
.play-button{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:70px; height:70px; border-radius:50%; background:rgba(0,0,0,0.5); display:flex;align-items:center;justify-content:center; cursor:pointer}
iframe#iframe-embed{width:100%; height:500px; border:0; display:none}
@media(max-width:768px){ .card img{height:200px} iframe#iframe-embed{height:300px} }

/* simple pagination */
.pagination{display:flex; gap:8px; justify-content:center; padding:18px}

/* small helpers */
.meta .title{font-size:15px; font-weight:700}
.meta .sub{font-size:13px; color:var(--muted)}