/*
Theme Name: Twenty Twenty-Five
Text Domain: catatanplus-video
Description: CatatanPlus dark video theme
Version: 1.0.0
*/
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0b0b0d;color:#f4f4f5;font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
img{display:block;max-width:100%}
.site-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,11,13,.92);backdrop-filter:blur(16px);border-bottom:1px solid #26262a}
.header-inner{min-height:72px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:.06em}
.brand-mark{width:25px;height:25px;display:flex;gap:3px;align-items:flex-end}
.brand-mark span{width:6px;background:#e50914;border-radius:2px 2px 0 0}
.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:21px}.brand-mark span:nth-child(3){height:17px}
.brand-copy{font-size:14px;letter-spacing:.08em}.brand-copy strong{font-weight:800}.brand-copy em{font-style:normal;color:#e50914;margin-left:3px;font-weight:800}
.main-nav{display:flex;gap:25px;margin-left:18px}.nav-link{text-decoration:none;color:#a1a1aa;font-size:14px}.nav-link:hover,.nav-link.is-active{color:#fff}.nav-link.is-active{position:relative}.nav-link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;background:#e50914}
.search-form{margin-left:auto;display:flex;align-items:center;width:230px;background:#17171a;border:1px solid #2c2c30;border-radius:9px;overflow:hidden}.search-form input{width:100%;background:none;border:0;outline:0;color:#fff;padding:10px 12px;font:inherit;font-size:13px}.search-form button{background:none;border:0;color:#a1a1aa;padding:9px 12px;cursor:pointer}
.cp-main{min-height:calc(100vh - 72px);background:#000;color:#fff}
.cp-section{width:min(1180px,calc(100% - 32px));margin:auto;padding:20px 0 60px}
.cp-folder{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);background:#09090b;border-radius:16px;padding:12px 16px;margin-bottom:24px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.cp-folder-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(236,72,153,.15);color:#f472b6}.cp-folder-icon svg{width:20px;height:20px}
.cp-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#f472b6;margin:0}.cp-folder h1{font-size:16px;line-height:1.2;margin:2px 0 0;font-weight:700}
.cp-section-title{font-size:14px;font-weight:700;margin:0 0 16px}
.cp-video-list{width:100%;max-width:672px;margin:auto;display:flex;flex-direction:column;gap:20px}
.cp-card{overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#09090b;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.cp-thumb{position:relative;display:block;aspect-ratio:9/14;overflow:hidden;background:#18181b;text-decoration:none}
.cp-thumb-placeholder{height:100%;width:100%;display:grid;place-items:center;background:linear-gradient(135deg,#27272a,#111113);font-size:28px;color:#f472b6}
.cp-title{position:absolute;left:8px;right:8px;bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px;background:rgba(0,0,0,.7);padding:5px 8px;font-size:10px;color:#fff}
.cp-empty{border:1px solid rgba(255,255,255,.1);background:#09090b;border-radius:16px;padding:48px 20px;text-align:center}.cp-empty-icon{margin:auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(236,72,153,.15);color:#f472b6}.cp-empty h3{font-size:16px;margin:12px 0 4px}.cp-empty p{font-size:14px;color:#a1a1aa;margin:0}
.site-footer{border-top:1px solid #26262a;background:#080809}.footer-inner{min-height:90px;display:flex;align-items:center;gap:25px;color:#71717a;font-size:12px}.footer-brand{margin-right:auto;color:#fff}
.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}
.catatanplus-video-player{position:relative;background:#050506;border:1px solid #26262a;border-radius:16px;overflow:hidden}.catatanplus-video-player video{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:#050506}.catatanplus-video-player iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
@media(max-width:800px){.site-shell{width:calc(100% - 28px)}.header-inner{gap:16px}.main-nav{display:none}.search-form{width:42px;background:none;border:0}.search-form input{display:none}.search-form button{padding:8px}.footer-inner{flex-wrap:wrap;padding:20px 0}.cp-section{width:calc(100% - 24px);padding-top:14px}}
/* Edge-to-edge vertical video page, matching the AceImg video layout */
body.single-post{overflow:hidden;background:#000}.single-post .site-header,.single-post footer,.single-post .main-nav,.single-post .search-form{display:none!important}.single-post main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#000}.single-post article{width:100vw!important;margin:0!important;padding:0!important}.single-post .catatanplus-video-stage{position:fixed!important;z-index:1!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;background:#000!important}.single-post .catatanplus-video-player{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important}.single-post .catatanplus-video-player video,.single-post .catatanplus-video-player iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;margin:0!important;border:0!important;background:#000!important;object-fit:cover!important;object-position:center!important}.single-post .catatanplus-video-ad-overlay{position:absolute!important;z-index:999!important;top:12px!important;left:50%!important;transform:translateX(-50%)!important;width:min(94vw,640px)!important;max-height:125px!important;overflow:hidden!important;background:transparent!important}.single-post .catatanplus-video-ad-overlay>*{max-width:100%!important}.single-post .catatanplus-smartlink-ad{display:inline-flex!important;align-items:center;justify-content:center;margin:4px auto 0!important;padding:4px 10px!important;border-radius:4px!important;background:rgba(0,0,0,.65)!important;color:#fff!important;font:600 11px/1.2 Arial,sans-serif!important;text-decoration:none!important}
@media(max-width:768px){.single-post .catatanplus-video-stage{height:100svh;min-height:100svh}.single-post .catatanplus-video-ad-overlay{top:8px!important;width:94vw!important;max-height:115px!important}}