/*
Theme Name: VideoHub Editorial
Theme URI: https://example.com/
Author: Custom Build
Description: Mobile-first video and WordPress article theme with clearly labeled ad placeholders. No cloaking or hidden ad overlays.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: videohub
*/
:root{--bg:#090b12;--panel:#151824;--muted:#a2a6b5;--line:#2c3040;--accent:#ee2b85;--text:#f6f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}.container{max-width:1140px;margin:auto;padding:0 20px}.site-header{background:#10121c;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:850;letter-spacing:-1px}.brand span{color:var(--accent)}.nav{display:flex;gap:20px;color:#d7d9e3;font-size:14px}.nav a:hover,.active{color:var(--accent)}.hero{padding:30px 0 12px}.eyebrow{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#ff6cae;font-weight:800}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.13;margin:8px 0 10px}.subtitle{color:var(--muted);margin:0 0 22px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.player{background:#000;border-radius:14px;overflow:hidden;aspect-ratio:16/9;position:relative;display:grid;place-items:center}.player video{width:100%;height:100%;object-fit:contain}.player-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#38334e,#0a0b13 65%);color:#fff;text-align:center;padding:20px}.play-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--accent);font-size:32px;margin-bottom:16px}.player-placeholder p{color:#d8d4df}.meta{color:var(--muted);font-size:13px;margin:12px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}.action{border:1px solid var(--line);background:#202331;color:#fff;padding:10px 16px;border-radius:10px}.action:hover{background:#303448}.section-title{font-size:23px;margin:30px 0 15px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{background:var(--panel);border:1px solid var(--line);border-radius:13px;overflow:hidden;display:block;transition:transform .15s}.tile:hover{transform:translateY(-2px)}.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(130deg,#4a2143,#15152d);display:grid;place-items:center;color:#fff;font-size:36px}.tile-content{padding:12px}.tile h3{font-size:15px;line-height:1.35;margin:0 0 5px}.tile small{color:var(--muted)}.ad-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:250px;background:#1c2030;border:1px dashed #697088;border-radius:10px;margin:22px 0;color:#bec4d3;text-align:center;padding:20px;gap:10px;position:relative}.ad-placeholder .ad-label{font-size:11px;letter-spacing:1.3px;color:#bfc3ce;text-transform:uppercase}.ad-placeholder strong{font-size:19px}.ad-placeholder p{font-size:13px;max-width:260px;margin:0}.sidebar h2{font-size:18px}.sidebar .tile{margin-bottom:12px}.article{background:#121520;border:1px solid var(--line);border-radius:14px;padding:26px;margin:20px 0}.article h2{margin-top:0}.article p,.article li{color:#d7d9e3}.article a{color:#ff77b6;text-decoration:underline}.footer{margin-top:60px;border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.archive-header{padding:35px 0 15px}.notice{background:#222437;border:1px solid #4b4864;border-radius:10px;padding:16px;margin:20px 0;color:#e6e0ee}.screen-reader-text{position:absolute;left:-9999px}.page-numbers{display:inline-block;margin:20px 4px;padding:7px 12px;border:1px solid var(--line);border-radius:7px}.current.page-numbers{background:var(--accent)}@media(max-width:860px){.layout{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:12px}}@media(max-width:500px){.container{padding:0 14px}.header-inner{height:60px}.brand{font-size:23px}.nav{font-size:12px;gap:10px}.hero{padding-top:20px}.grid{gap:10px}.tile-content{padding:10px}.tile h3{font-size:13px}.article{padding:17px}.ad-placeholder{min-height:250px}}
/* Version 1.1: visual-only video mock, no video file required */
.vh-mock-page{max-width:760px}.vh-viewer{margin:20px 0 0;background:#0b0b11;border:1px solid #252535;border-radius:14px;overflow:hidden}.vh-preview-top{display:flex;justify-content:space-between;padding:14px 16px;color:#ddd}.vh-preview-pill{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#ff78ad}.vh-preview-menu{font-size:22px}.vh-preview-stage{min-height:310px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:radial-gradient(circle at 50% 40%,#33233e 0,#14101e 40%,#090a10 75%)}.vh-preview-mark{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#f02b8a;font-size:27px;padding-left:4px;box-shadow:0 0 45px #f02b8a50}.vh-preview-stage h1{font-size:23px;margin:22px 0 5px}.vh-preview-stage p{font-size:13px;color:#b9b9c7;margin:0 0 18px}.vh-preview-play{border:1px solid #ec4d9b;background:#bd1d70;color:white;padding:11px 20px;border-radius:30px}.vh-preview-stage .vh-preview-message{margin:13px 0 0;color:#a9a9b5;font-size:11px}.vh-preview-timeline{height:4px;background:#38333f}.vh-preview-timeline span{display:block;width:0;height:100%;background:#f02b8a}.vh-preview-controls{display:flex;justify-content:space-between;padding:12px 16px;color:#bdb9c8;font-size:12px}.vh-mock-details h2{font-size:22px;margin:19px 0 3px}.vh-mock-muted{color:#b7b7c4;font-size:13px;margin:0}.vh-mock-actions{display:flex;gap:9px;margin:17px 0 22px}.vh-mock-actions button{flex:1;border:1px solid #353342;background:#1b1b2a;color:#fff;border-radius:8px;padding:11px 5px}.vh-mock-recommended h2,.vh-mock-articles h2{font-size:20px;margin:28px 0 14px}.vh-mock-reco-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vh-mock-reco{border:1px solid #343344;background:#161622;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.vh-mock-reco-image{height:105px;display:grid;place-items:center;background:linear-gradient(125deg,#4b224e,#171d35);font-size:35px;color:#b66fa8}.vh-mock-reco strong{font-size:13px;padding:10px 10px 0}.vh-mock-reco small{padding:4px 10px 11px;color:#b4b4c3}.vh-mock-articles{padding-bottom:15px}.vh-mock-articles p{padding:8px 0;border-bottom:1px solid #2b2b38}.vh-mock-articles a{color:#ef9fc5}@media(max-width:500px){.vh-mock-page{padding:0 12px}.vh-viewer{margin-top:12px}.vh-preview-stage{min-height:355px}}

/* v1.2 mobile video-feed inspired visual redesign; no hidden ad overlays */
.vh-cinema-page{max-width:560px;padding:0 12px 32px}.cinema-head{padding:14px 0 9px}.cinema-crumb{color:#858492;font-size:10px;font-weight:750;letter-spacing:1.3px}.cinema-crumb span{margin:0 7px;color:#e53687}.cinema-heading{font-size:13px;font-weight:700;margin-top:7px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#e52a80}.demo-chip{font-size:9px;letter-spacing:1px;border:1px solid #674054;color:#ef93bf;border-radius:4px;padding:2px 5px}.cinema-player{border-radius:6px;overflow:hidden;background:#050507;border:1px solid #29232c}.cinema-screen{height:clamp(280px,74vw,430px);position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 52%,#291423 0%,#0b0a10 50%,#050506 100%)}.cinema-watermark{position:absolute;top:15px;left:15px;font-weight:850;letter-spacing:1px;font-size:12px;color:#fff9}.cinema-big-play{width:76px;height:76px;border:2px solid #ff6aa8;background:#e92a80;color:white;border-radius:50%;font-size:31px;padding-left:7px;box-shadow:0 4px 30px #ed31834f}.cinema-center-caption{margin-top:18px;font-size:16px;font-weight:750}.cinema-demo-note{font-size:11px;color:#b7acb7;margin-top:8px}.cinema-progress{height:4px;background:#51424d}.cinema-progress span{display:block;width:0;background:#ee2b85;height:100%}.cinema-controls{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#ded6de;font-size:12px}.cinema-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:17px 0 6px}.cinema-title h1{font-size:18px;line-height:1.3;margin:0}.cinema-title>span{font-size:11px;color:#b9a6b1}.cinema-stats{display:flex;justify-content:space-between;color:#9d96a0;font-size:11px}.cinema-actions{display:flex;gap:8px;border-top:1px solid #26202a;border-bottom:1px solid #26202a;margin:15px 0;padding:11px 0}.cinema-actions button{background:none;color:#eee;border:0;flex:1;display:flex;justify-content:center;gap:7px;font-weight:650}.cinema-actions button+button{border-left:1px solid #29232d}.cinema-section-head{display:flex;align-items:center;justify-content:space-between;margin:23px 0 11px}.cinema-section-head h2,.cinema-blog h2{font-size:19px;margin:0}.cinema-section-head a{font-size:12px;color:#e8569c}.cinema-related-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #25212b;align-items:center}.cinema-related-thumb{flex:0 0 130px;height:80px;border-radius:6px;overflow:hidden;background:linear-gradient(130deg,#392337,#11101b);display:grid;place-items:center}.cinema-related-thumb img{width:100%;height:100%;object-fit:cover}.cinema-thumb-icon{font-size:30px;color:#ba6a94}.cinema-related-copy{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.cinema-related-copy strong{font-size:13px;line-height:1.35}.cinema-related-copy small{color:#99909d;font-size:11px}.cinema-more{color:#a69eaa;font-size:22px;align-self:flex-start}.cinema-blog{padding:24px 0}.cinema-blog p{color:#b4aeb9;font-size:13px}.cinema-blog a{color:#ff77b6;font-weight:700;font-size:13px}.vh-cinema-page .ad-placeholder{margin:20px auto;max-width:340px}.vh-cinema-page .ad-placeholder:before{content:' ';display:block;position:absolute;inset:0;pointer-events:none}@media(max-width:500px){.site-header .brand{font-size:21px}.cinema-screen{height:345px}.cinema-related-thumb{flex-basis:115px;height:73px}}