/*
Theme Name: Cinema MP4 Dark
Author: MP4 Tools
Version: 5.3.0
Requires PHP: 8.0
Description: Dark responsive video theme integrated with MP4 Multi Server Pro.
*/
:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b0e17;color:#f1f4fb;font:15px/1.6 system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#ff4767}.wrap{max-width:1250px;margin:auto;padding:0 22px}.top{background:#121725;border-bottom:1px solid #242a3a;position:sticky;top:0;z-index:10}.top .wrap{display:flex;align-items:center;gap:25px;min-height:76px}.logo{font-size:23px;font-weight:900;color:#ff4263;white-space:nowrap}.nav{display:flex;gap:18px;flex-wrap:wrap}.search{margin-left:auto;display:flex;gap:7px}.search input{background:#1c2231;border:1px solid #343a4a;border-radius:9px;color:#fff;padding:10px;min-width:170px}.search button,.pill{background:#ff4263;color:#fff;border:0;border-radius:9px;padding:10px 15px;cursor:pointer}.hero{padding:50px 0 28px}.hero h1{font-size:clamp(26px,4vw,42px);line-height:1.2;margin:0 0 8px}.muted{color:#9aa4b8}.section{padding:20px 0 45px}.section h2{font-size:22px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.item{background:#171c2a;border:1px solid #272e40;border-radius:14px;overflow:hidden;transition:transform .2s}.item:hover{transform:translateY(-3px)}.thumb{position:relative;aspect-ratio:16/10;background:linear-gradient(130deg,#293249,#121a29);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:12px;bottom:12px;background:#ff4263;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.duration{position:absolute;right:8px;bottom:9px;background:#080a0bcc;border-radius:5px;padding:1px 6px;font-size:12px}.item h3{font-size:15px;line-height:1.45;margin:12px 12px 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item p{font-size:12px;color:#9aa4b8;margin:0 12px 15px}.watch{max-width:1020px;margin:36px auto;padding:0 20px}.watch h1{font-size:28px}.player{background:#000;border-radius:14px;overflow:hidden}.player video{width:100%;aspect-ratio:16/9;display:block}.footer{border-top:1px solid #293042;padding:28px 0;color:#9aa4b8}.pages{margin-top:25px}.pages .page-numbers{padding:7px 11px;background:#1b2332;border-radius:6px;margin-right:5px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nav{display:none}}@media(max-width:600px){.top .wrap{flex-wrap:wrap;padding:12px 16px}.search{width:100%;margin:0}.search input{flex:1;min-width:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wrap{padding:0 14px}.hero{padding:26px 0 8px}.watch h1{font-size:22px}}
.breadcrumbs{color:#aeb7c8;font-size:13px;margin-bottom:12px}.movie-content{margin:25px 0;overflow-wrap:anywhere}.movie-content img,.movie-content iframe{max-width:100%}.movie-content iframe{aspect-ratio:16/9}.movie-content a{color:#ff6983}.watch .section{margin-top:25px}.player{margin:20px 0}

/* Cinema MP4 v5: responsive watch layout */
.watch{max-width:1180px;margin:24px auto;padding:0 18px}.watch h1{font-size:clamp(24px,3vw,38px);line-height:1.25}.watch .breadcrumbs{font-size:13px;opacity:.75;margin-bottom:18px}.watch .player{width:100%;aspect-ratio:16/9;background:#050608;border-radius:14px;overflow:hidden}.watch .player video{width:100%;height:100%;object-fit:contain}.watch .movie-content{line-height:1.8;overflow-wrap:anywhere}.watch .movie-meta{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 22px}.watch .movie-meta a{color:#f2a7a7}.watch .section{margin-top:35px}.watch .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.watch .thumb{aspect-ratio:16/10;overflow:hidden}.watch .thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:600px){.watch{padding:0 12px}.watch .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Manual MP4 player immediately below the post title */
.watch .cinema-manual-player{margin:16px 0 18px}

/* Video statistics and voting */
.cinema-engagement{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 20px;padding:12px 16px;background:#171c2a;border:1px solid #293042;border-radius:12px}.cinema-views{color:#bfc8d8;font-weight:600}.cinema-votes{display:flex;gap:9px;margin-left:auto}.cinema-vote{background:#242c3d;color:#f1f4fb;border:1px solid #394156;border-radius:9px;padding:9px 15px;cursor:pointer;font:inherit}.cinema-vote:hover,.cinema-vote.is-active{background:#ff4263;border-color:#ff4263;color:#fff}.cinema-vote:disabled{opacity:.6;cursor:wait}.cinema-vote-message{flex-basis:100%;font-size:12px;color:#ffb0bc}.cinema-vote-message:empty{display:none}@media(max-width:600px){.cinema-engagement{gap:8px;padding:10px}.cinema-votes{gap:6px}.cinema-vote{padding:8px 11px}}


/* v5.3.1 - Pagination: homepage, archive, search, PC and mobile */
.pages, .navigation.pagination {margin:30px auto 12px;clear:both;width:100%;}
.pages .navigation.pagination {margin:0;}
.pages .nav-links, .navigation.pagination .nav-links {display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;}
.pages ul.page-numbers {list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;}
.pages ul.page-numbers li {margin:0;padding:0;list-style:none;}
.pages .page-numbers:not(ul), .navigation.pagination .page-numbers:not(ul) {display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;margin:0;border:1px solid #343b4f;border-radius:9px;background:#1b2332;color:#f1f4fb;font-size:14px;font-weight:650;line-height:1.2;text-decoration:none;box-sizing:border-box;transition:background .15s,border-color .15s;}
.pages a.page-numbers:hover, .navigation.pagination a.page-numbers:hover {background:#303b52;border-color:#ff4263;color:#fff;}
.pages .page-numbers.current, .navigation.pagination .page-numbers.current {background:#ff4263;border-color:#ff4263;color:#fff;}
.pages .page-numbers.dots, .navigation.pagination .page-numbers.dots {background:transparent;border-color:transparent;min-width:20px;padding:0 3px;}
.pages .screen-reader-text, .navigation.pagination .screen-reader-text {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:600px){.pages,.navigation.pagination{margin-top:22px}.pages ul.page-numbers,.pages .nav-links,.navigation.pagination .nav-links{gap:5px}.pages .page-numbers:not(ul),.navigation.pagination .page-numbers:not(ul){min-width:34px;height:36px;padding:0 9px;font-size:13px;border-radius:7px}}