/*
Theme Name: Malamin
Author: Malamin
Description: Tema streaming video dewasa berbahasa Indonesia — kartu lanskap 16:9 dengan durasi di pojok thumbnail, baris pil tag yang bisa digeser, nuansa gelap arang beraksen teal. Ditulis dari nol.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: malamin
*/

[hidden]{display:none!important}

:root{
	--mlm-bg:#101214;
	--mlm-panel:#181b1f;
	--mlm-panel-2:#20262c;
	--mlm-garis:#2a3138;
	--mlm-teks:#e9eef1;
	--mlm-redup:#8fa0aa;
	--mlm-aksen:#12b5a0;
	--mlm-aksen-tua:#0d8577;
	--mlm-gelap-aksen:#04211d;
	--mlm-radius:10px;
}

*,*::before,*::after{box-sizing:border-box}

body.mlm-badan{
	margin:0;
	background:var(--mlm-bg);
	color:var(--mlm-teks);
	font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
::selection{background:var(--mlm-aksen);color:var(--mlm-gelap-aksen)}
:focus-visible{outline:2px solid var(--mlm-aksen);outline-offset:2px}

/* ---------- kerangka ---------- */
.mlm-wadah{max-width:1280px;margin:0 auto;padding:0 16px}
.mlm-utama{padding:8px 16px 48px}

/* teks hanya untuk pembaca layar */
.mlm-sr{
	position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
	clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;
}

/* tautan loncat ke isi */
.mlm-loncat{
	position:absolute;left:-9999px;top:0;z-index:99;
	background:var(--mlm-aksen);color:var(--mlm-gelap-aksen);
	padding:12px 18px;border-radius:0 0 8px 0;font-weight:700;
}
.mlm-loncat:focus{left:0}

/* ---------- kepala ---------- */
.mlm-kepala{background:var(--mlm-panel);border-bottom:1px solid var(--mlm-garis)}
.mlm-kepala-baris{display:flex;align-items:center;gap:14px;min-height:64px}

.mlm-logo a{
	display:inline-flex;align-items:center;min-height:44px;
	font-size:24px;font-weight:800;letter-spacing:.3px;
}
.mlm-logo-aksen{color:var(--mlm-aksen)}

/* kotak cari: basis NOL supaya tidak mendorong logo keluar */
.mlm-cari{display:flex;flex:1 1 0;min-width:0;gap:8px}
.mlm-cari-input{
	flex:1 1 0;min-width:0;min-height:44px;padding:0 16px;
	border:1px solid var(--mlm-garis);border-radius:999px;
	background:var(--mlm-bg);color:var(--mlm-teks);font-size:15px;
}
.mlm-cari-input::placeholder{color:var(--mlm-redup)}
.mlm-cari-input:focus{outline:none;border-color:var(--mlm-aksen);box-shadow:0 0 0 2px rgba(18,181,160,.35)}
.mlm-cari-tombol{
	flex:0 0 auto;min-height:44px;min-width:44px;padding:0 20px;border:0;border-radius:999px;
	background:var(--mlm-aksen);color:var(--mlm-gelap-aksen);
	font-size:15px;font-weight:700;cursor:pointer;
}
.mlm-cari-tombol:hover{background:var(--mlm-aksen-tua);color:#fff}

/* ---------- baris pil tag (geser mendatar) ---------- */
.mlm-pil-baris{
	display:flex;gap:10px;overflow-x:auto;
	max-width:1280px;margin:0 auto;padding:12px 16px;
	-webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.mlm-pil-baris::-webkit-scrollbar{display:none}
.mlm-pil{
	flex:0 0 auto;display:inline-flex;align-items:center;
	min-height:44px;padding:0 18px;white-space:nowrap;
	border:1px solid var(--mlm-garis);border-radius:999px;
	background:var(--mlm-panel);color:var(--mlm-redup);
	font-size:14px;font-weight:600;
}
.mlm-pil:hover{border-color:var(--mlm-aksen);color:var(--mlm-teks)}
.mlm-pil-aktif,.mlm-pil-aktif:hover{
	background:var(--mlm-aksen);border-color:var(--mlm-aksen);color:var(--mlm-gelap-aksen);
}

/* ---------- judul & seksi ---------- */
.mlm-h1{font-size:26px;line-height:1.25;margin:14px 0 6px}
.mlm-subjudul{color:var(--mlm-redup);font-size:15px;margin:0 0 20px}
.mlm-seksi{margin:26px 0}
.mlm-seksi-judul{
	font-size:20px;line-height:1.3;margin:0 0 14px;
	padding-left:12px;border-left:4px solid var(--mlm-aksen);
}
.mlm-terkait{margin-top:34px}
.mlm-arsip-kepala{margin-bottom:6px}
.mlm-arsip-desk{color:var(--mlm-redup);margin:0 0 18px;max-width:820px}

/* ---------- grid kartu lanskap ---------- */
.mlm-grid{display:grid;grid-template-columns:1fr;gap:20px 16px}
@media (min-width:380px){.mlm-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:760px){.mlm-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.mlm-grid{grid-template-columns:repeat(4,1fr)}}

.mlm-kartu{min-width:0}
.mlm-kartu-tautan{display:block}
.mlm-jempol{
	position:relative;aspect-ratio:16/9;overflow:hidden;
	border-radius:var(--mlm-radius);background:var(--mlm-panel-2);
}
.mlm-jempol-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.mlm-kartu-tautan:hover .mlm-jempol-img{transform:scale(1.04)}
.mlm-jempol-kosong{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;color:var(--mlm-aksen);font-size:34px;font-weight:800;
}
.mlm-durasi{
	position:absolute;right:8px;bottom:8px;
	background:rgba(8,10,12,.85);color:#fff;
	font-size:12px;font-weight:700;letter-spacing:.3px;
	padding:3px 7px;border-radius:5px;
}
.mlm-kartu-isi{padding:10px 2px 0}
.mlm-kartu-judul{
	font-size:15px;font-weight:600;line-height:1.35;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mlm-kartu-tautan:hover .mlm-kartu-judul{color:var(--mlm-aksen)}
.mlm-kartu-meta{margin-top:4px;font-size:13px;color:var(--mlm-redup)}

/* ---------- paginasi ---------- */
.mlm-paginasi{margin:30px 0 10px}
.mlm-paginasi ul{
	display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
	list-style:none;margin:0;padding:0;
}
.mlm-paginasi .page-numbers{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:44px;min-height:44px;padding:0 12px;
	border:1px solid var(--mlm-garis);border-radius:8px;
	background:var(--mlm-panel);font-size:14px;font-weight:600;
}
.mlm-paginasi a.page-numbers:hover{border-color:var(--mlm-aksen);color:var(--mlm-aksen)}
.mlm-paginasi .page-numbers.current{background:var(--mlm-aksen);border-color:var(--mlm-aksen);color:var(--mlm-gelap-aksen)}
.mlm-paginasi .page-numbers.dots{border:0;background:none;color:var(--mlm-redup)}

/* ---------- FAQ ---------- */
.mlm-faq{margin:34px 0}
.mlm-faq-item{
	background:var(--mlm-panel);border:1px solid var(--mlm-garis);
	border-radius:var(--mlm-radius);margin-bottom:10px;overflow:hidden;
}
.mlm-faq-t{
	display:flex;align-items:center;min-height:44px;
	padding:12px 16px;cursor:pointer;font-weight:700;
}
.mlm-faq-t:hover{color:var(--mlm-aksen)}
.mlm-faq-j{margin:0;padding:0 16px 14px;color:var(--mlm-redup)}

/* ---------- halaman video (single) ---------- */
.mlm-tunggal{margin-top:14px}
.mlm-pemutar{
	position:relative;aspect-ratio:16/9;overflow:hidden;
	background:#000;border-radius:var(--mlm-radius);
}
.mlm-pemutar iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mlm-pemutar img{width:100%;height:100%;object-fit:cover;display:block}
.mlm-tunggal-judul{font-size:24px;line-height:1.3;margin:16px 0 8px}
.mlm-tunggal-meta{
	display:flex;flex-wrap:wrap;gap:6px 18px;
	color:var(--mlm-redup);font-size:14px;margin:0 0 14px;
}
.mlm-meta-item{display:inline-flex;align-items:center}
.mlm-tag-baris{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.mlm-tag{
	display:inline-flex;align-items:center;min-height:44px;padding:0 16px;
	border:1px solid var(--mlm-garis);border-radius:999px;
	background:var(--mlm-panel-2);color:var(--mlm-redup);
	font-size:13px;font-weight:600;
}
a.mlm-tag:hover{border-color:var(--mlm-aksen);color:var(--mlm-teks)}

/* ---------- kotak kosong / 404 ---------- */
.mlm-kosong{
	margin:26px 0;padding:34px 20px;text-align:center;
	background:var(--mlm-panel);border:1px dashed var(--mlm-garis);
	border-radius:var(--mlm-radius);
}
.mlm-kosong p{color:var(--mlm-redup);margin:8px 0 16px}
.mlm-tautan-pulang{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:44px;padding:0 22px;border-radius:999px;
	background:var(--mlm-aksen);color:var(--mlm-gelap-aksen);font-weight:700;
}
.mlm-tautan-pulang:hover{background:var(--mlm-aksen-tua);color:#fff}

/* ---------- halaman statis ---------- */
.mlm-halaman{margin-top:14px}
.mlm-halaman-isi{max-width:820px}
.mlm-halaman-isi a{color:var(--mlm-aksen);text-decoration:underline}
.mlm-halaman-isi img{border-radius:var(--mlm-radius)}

/* ---------- kaki ---------- */
.mlm-kaki{
	margin-top:40px;padding:28px 0;
	background:var(--mlm-panel);border-top:1px solid var(--mlm-garis);
}
.mlm-kaki-merek{font-size:20px;font-weight:800;margin-bottom:8px}
.mlm-kaki-teks{color:var(--mlm-redup);font-size:14px;max-width:720px;margin:0 0 10px}
.mlm-kaki-hak{color:var(--mlm-redup);font-size:13px;margin:0}

/* ---------- layar lebar ---------- */
@media (min-width:760px){
	.mlm-h1{font-size:32px}
	.mlm-tunggal-judul{font-size:28px}
	.mlm-seksi-judul{font-size:22px}
}