/*!/wp-content/themes/OnyxFlow/style.css*/:root{--bg:#111;--bg-2:#1a1a1a;--panel:#1c1c1c;--text:#ccc;--muted:#999;--line:#222;--line-2:#333}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;margin:0}a{color:inherit;text-decoration:none}.container{width:95%;max-width:1280px;margin:auto}.header{background:#000;padding:14px 0;margin:0 0 14px}.header .container{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.grid-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.post-item{background:#fff0;border-radius:6px;overflow:hidden}.thumb{background:#111;border-radius:6px;overflow:hidden;position:relative}.thumb-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.duration-label{position:absolute;right:6px;bottom:6px;background:rgb(0 0 0 / .75);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}.title,.thumb-title{padding:8px 6px 2px;font-size:14px;font-weight:700;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-stats{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;padding:0 6px 8px}.thumb-stats .views,.thumb-stats .likes{color:var(--muted);display:inline-flex;align-items:center;gap:4px}.filter-dropdown-wrapper{margin-bottom:16px;text-align:right}#filterBox{background:var(--panel);border:1px solid var(--line-2);border-radius:6px;padding:10px;max-width:300px}#filterBox select{width:100%;margin-bottom:8px;background:var(--panel);color:var(--text);border:1px solid var(--line-2);padding:6px;border-radius:4px}#filterBox button{width:100%;background:#2a2a2a;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:30px 0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:#2a2a2a;color:#ccc;font-size:14px;border-radius:6px;text-decoration:none;font-weight:700}.pagination a:hover{background:#444}.pagination .current{background:#555;color:#fff}.pagination .next,.pagination .prev{background:#444;color:#fff}.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.single-video .video-title{color:#ccc;font-size:22px;font-weight:700;margin:10px 0 14px}.single-video .video-player iframe,.single-video .video-player video{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#000;border-radius:8px;overflow:hidden}.single-video .meta-row{display:flex;flex-wrap:wrap;gap:14px;color:#aaa;font-size:14px;margin:14px 0 8px}.single-video .pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line-2);background:var(--bg-2);color:#bbb;border-radius:999px;font-size:13px}.single-video .tags-row,.single-video .cats-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.single-video .tag-pill,.single-video .cat-pill{padding:6px 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-2);color:#bbb;font-size:12px}.single-video .divider{height:1px;background:var(--line);margin:16px 0}.single-video .actions{display:flex;flex-wrap:wrap;gap:10px}.svg-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line-2);background:var(--bg-2);color:#ccc;border-radius:8px;cursor:pointer;font-size:14px}.svg-button:hover{border-color:#555}.svg-button svg{fill:#ccc}.single-video .desc{color:#c9c9c9;line-height:1.6;margin-top:8px}.related-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.related-item .thumb{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:6px}.related-item .thumb img{width:100%;height:100%;object-fit:cover}.related-item .duration{position:absolute;right:6px;bottom:6px;background:rgb(0 0 0 / .75);color:#fff;padding:2px 6px;font-size:12px;border-radius:4px}.related-item h3{color:#cfcfcf;font-size:13px;margin:6px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comments-area .comment-list,.comments-area ol.comment-list{list-style:none;padding:0;margin:0}.comments-area .comment{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.comments-area .avatar{width:40px;height:40px;border-radius:999px}.comments-area .comment-meta{color:#888;font-size:12px;margin-bottom:4px}.comments-area .comment-content{color:#ccc;font-size:14px}.comments-area .comment-form textarea,.comments-area .comment-form input[type="text"],.comments-area .comment-form input[type="email"]{width:100%;background:var(--bg-2);color:var(--text);border:1px solid var(--line-2);border-radius:6px;padding:8px 10px}.comments-area .form-submit input[type="submit"]{margin-top:8px;background:#222;color:#ccc;border:1px solid var(--line-2);border-radius:6px;padding:8px 12px;cursor:pointer}.comments-area .form-submit input[type="submit"]:hover{border-color:#555}@media (max-width:520px){.single-video .actions{gap:8px}.single-video .actions .svg-button{flex:1 1 calc(50% - 8px);justify-content:center}.single-video .actions .svg-button:nth-child(3){flex-basis:100%}}.single-video .video-actions-wrapper{display:flex;align-items:center;flex-wrap:nowrap;gap:10px}.single-video .video-actions-wrapper .svg-button,.single-video .video-actions-wrapper .stat-pill{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#1a1a1a;border-radius:6px;font-size:14px;color:#ccc;white-space:nowrap}@media (max-width:768px){.single-video .video-actions-wrapper{flex-wrap:wrap}}.footer{padding:30px 0;text-align:center;color:#ccc!important}.comments-area{background:#fff0}.comments-area .comments-title{color:#ccc;font-size:18px;margin:12px 0}.comment-list{list-style:none;margin:0;padding:0}.comment{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #222}.comment .comment-meta{color:#888;font-size:12px;margin-bottom:4px}.comment .comment-actions{color:#888;font-size:12px;margin-top:6px}.comment .reply-link a{color:#bbb}.comment .reply-link a:hover{text-decoration:underline}.comment-form-wrapper textarea,.comment-form-wrapper input[type="text"],.comment-form-wrapper input[type="email"],.comment-form-wrapper input[type="url"]{width:100%;background:#1a1a1a;color:#ccc;border:1px solid #333;border-radius:6px;padding:8px 10px}.comment-form .form-submit input[type="submit"]{background:#222;color:#ccc;border:1px solid #333;border-radius:6px;padding:8px 12px;cursor:pointer}.comment-form .form-submit input[type="submit"]:hover{border-color:#555}.site-header{background:#000;padding:14px 0;margin-bottom:14px}.header-inner{display:flex;align-items:center;gap:12px;justify-content:space-between}.brand-link{color:#eee;font-weight:800;font-size:18px}.search-bar{display:flex;align-items:center;gap:8px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:6px 8px;min-width:260px}.search-bar input[type="search"]{background:#fff0;border:none;outline:none;color:#ddd;width:220px}.search-bar button{background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:6px 10px;cursor:pointer;color:#ccc}.search-bar button:hover{border-color:#555}@media (max-width:600px){.search-bar{min-width:0;width:100%}.header-inner{flex-wrap:wrap;gap:10px}.brand{width:100%}.search-bar input[type="search"]{width:100%}}.search-bar{display:flex;align-items:center;gap:8px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:6px 8px;flex:1;max-width:700px;min-width:480px}.search-bar input[type="search"]{background:#fff0;border:none;outline:none;color:#ddd;width:100%}@media (max-width:600px){.search-bar{min-width:0;width:100%;max-width:none}}.brand-row{display:flex;align-items:center;gap:10px}.cat-btn{display:inline-flex;align-items:center;gap:6px;background:#1a1a1a;border:1px solid #333;color:#ccc;border-radius:8px;padding:6px 10px;cursor:pointer}.cat-btn:hover{border-color:#555}.cat-btn .cat-btn-label{display:none}@media(min-width:720px){.cat-btn .cat-btn-label{display:inline}}.cat-panel{position:fixed;inset:0;z-index:9999;transition:opacity .2s ease;opacity:0;pointer-events:none}.cat-panel.open{opacity:1;pointer-events:auto}.cat-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .5)}.cat-drawer{position:absolute;right:0;top:0;height:100%;width:92%;max-width:420px;background:#111;border-left:1px solid #222;transform:translateX(100%);transition:transform .2s ease}.cat-panel.open .cat-drawer{transform:translateX(0)}.cat-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #222;color:#ccc}.cat-close{background:#1a1a1a;border:1px solid #333;color:#ccc;border-radius:8px;padding:4px 10px;cursor:pointer}.cat-close:hover{border-color:#555}.cat-drawer-body{padding:12px 16px;overflow:auto;height:calc(100% - 56px)}.cat-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}.cat-list li a{display:block;padding:8px 10px;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#ccc}.cat-list li a:hover{border-color:#555}@media(min-width:900px){.cat-list{grid-template-columns:1fr 1fr}}.cat-btn .cat-btn-label{display:none}@media(min-width:720px){.cat-btn .cat-btn-label{display:inline}}.cat-drawer{position:absolute;left:0;top:0;height:100vh;width:92%;max-width:420px;background:#111;border-right:1px solid #222;transform:translateX(-100%);transition:transform .2s ease}.cat-panel.open .cat-drawer{transform:translateX(0)}.cat-drawer-body{padding:12px 16px;overflow:auto;height:calc(100vh - 56px);-webkit-overflow-scrolling:touch}.cat-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .5)}.archive-container .archive-header{margin-top:6px;margin-bottom:12px}.archive-container .archive-description{margin-top:6px}.posts-wrapper~nav.pagination,.posts-wrapper~.navigation.pagination,.posts-wrapper~.pagination{grid-column:1 / -1;justify-self:center;margin-left:auto!important;margin-right:auto!important}.container>nav.pagination,.container>.navigation.pagination,.container>.pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px;flex-wrap:nowrap!important;width:100%;text-align:center!important}.navigation.pagination .nav-links>*{float:none!important}body.home .index-pagination,body.blog .index-pagination{grid-column:1 / -1;place-self:center;width:100%;display:flex!important;justify-content:center!important;align-items:center!important;margin:28px auto 0;text-align:center!important}body.home .index-pagination nav.pagination,body.blog .index-pagination nav.pagination{margin:0;width:100%}body.home .index-pagination .page-numbers,body.blog .index-pagination .page-numbers{float:none!important}.search-related .chip:hover{border-color:#555}nav.breadcrumb{display:block}nav.breadcrumb a{color:#ccc;text-decoration:none;border-bottom:1px dotted #444}nav.breadcrumb a:hover{color:#fff;border-color:#666}