/*
Theme Name: Pixelflick Studio
Theme URI: https://example.com/pixelflick-studio
Author: Pixelflick Studio
Description: A responsive, YouTube-inspired video platform theme designed to work with the Pixelflick Studio plugin.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: pixelflick-studio-theme
*/
:root{--pf-red:#ff1638;--pf-ink:#151515;--pf-muted:#696969;--pf-line:#ececec;--pf-bg:#fff;--pf-soft:#f6f6f7;--pf-sidebar:228px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pf-bg);color:var(--pf-ink);font-family:Inter,Roboto,"Arial",sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}.pf-header{height:70px;position:sticky;top:0;z-index:99;background:#fff;border-bottom:1px solid var(--pf-line);display:flex;align-items:center;gap:24px;padding:0 26px}.pf-brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.pf-brand b{color:var(--pf-red)}.pf-play{display:inline-grid;place-items:center;background:var(--pf-red);color:#fff;border-radius:9px;width:38px;height:26px;font-size:15px}.pf-menu-toggle{border:0;background:none;font-size:25px;cursor:pointer}.pf-search{max-width:620px;display:flex;flex:1;margin:auto}.pf-search input{width:100%;border:1px solid #ddd;border-radius:28px 0 0 28px;padding:12px 20px;outline:none;background:#fafafa}.pf-search button{border:1px solid #ddd;border-left:0;border-radius:0 28px 28px 0;padding:0 22px;background:#f6f6f6;cursor:pointer}.pf-header-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}.pf-create{border:0;background:#f5f5f5;border-radius:22px;padding:10px 15px;font-weight:650}.pf-layout{display:flex;align-items:flex-start}.pf-sidebar{position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto;width:var(--pf-sidebar);flex:0 0 var(--pf-sidebar);padding:14px 12px;border-right:1px solid #f4f4f4;background:#fff;transition:transform .2s}.pf-nav{display:grid;gap:3px}.pf-nav a{padding:11px 13px;border-radius:10px;display:flex;align-items:center;gap:16px;font-weight:520}.pf-nav a:hover,.pf-nav a.active{background:#fff0f2;color:var(--pf-red)}.pf-nav-icon{font-size:19px;width:23px;text-align:center}.pf-nav-title{font-size:12px;font-weight:800;color:#777;padding:18px 13px 6px;text-transform:uppercase;letter-spacing:.08em}.pf-sidebar hr{border:0;border-top:1px solid var(--pf-line);margin:14px 5px}.pf-main{min-width:0;flex:1;padding:20px 24px 48px;max-width:1800px;margin:0 auto}.pf-hero{min-height:240px;border-radius:15px;overflow:hidden;padding:34px 38px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.28)),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1800&q=85') center 48%/cover;margin-bottom:24px}.pf-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.12;margin:0 0 12px;max-width:620px;letter-spacing:-1px}.pf-hero p{margin:0 0 18px;font-size:17px}.pf-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:24px;padding:11px 20px;background:var(--pf-red);color:#fff;font-weight:750;cursor:pointer}.pf-section{margin:22px 0 30px}.pf-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.pf-section-head h2{font-size:23px;letter-spacing:-.5px;margin:0}.pf-section-head a{font-weight:700;color:#333}.pf-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.pf-video-card{min-width:0}.pf-thumb{position:relative;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#d9e8f7,#a4b6ca);margin-bottom:9px}.pf-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.pf-video-card:hover .pf-thumb img{transform:scale(1.04)}.pf-duration{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.85);color:#fff;border-radius:4px;padding:2px 5px;font-size:12px}.pf-video-info{display:flex;gap:10px}.pf-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffb3bd,#ff1638);flex:0 0 36px;display:grid;place-items:center;color:#fff;font-weight:800}.pf-video-title{font-size:15px;line-height:1.35;font-weight:750;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pf-video-meta{color:var(--pf-muted);font-size:13px}.pf-shorts-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.pf-short-card{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:linear-gradient(160deg,#c2d9ed,#263b51);color:white}.pf-short-card img{width:100%;height:100%;object-fit:cover}.pf-short-overlay{position:absolute;inset:auto 0 0;padding:36px 10px 11px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-weight:750;font-size:14px}.pf-content{max-width:1000px;margin:20px auto;background:#fff}.pf-content h1,.pf-content h2{letter-spacing:-.5px}.pf-footer{border-top:1px solid var(--pf-line);padding:24px;text-align:center;color:var(--pf-muted);font-size:13px}.pf-mobile-nav{display:none}.pf-empty{padding:28px;border:1px dashed #ddd;border-radius:12px;color:var(--pf-muted);text-align:center}.pf-main .pixelflick-wrap,.pf-main .pfs-wrap{max-width:none}.pf-main .pixelflick-video-grid,.pf-main .pfs-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1200px){.pf-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-shorts-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pf-header{gap:14px}.pf-brand{font-size:21px}}@media(max-width:850px){:root{--pf-sidebar:78px}.pf-sidebar{padding:12px 8px}.pf-nav a{flex-direction:column;gap:4px;padding:10px 2px;font-size:10px;text-align:center}.pf-nav-icon{font-size:21px}.pf-nav-title{display:none}.pf-sidebar hr{margin:10px 0}.pf-main{padding:16px}.pf-hero{min-height:220px;padding:26px}.pf-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.pf-shorts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-header{padding:0 14px}.pf-header-actions{gap:8px}.pf-create{font-size:0;padding:10px}.pf-create:after{content:'＋';font-size:20px}.pf-main .pixelflick-video-grid,.pf-main .pfs-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pf-header{height:60px;gap:10px}.pf-brand{font-size:18px;letter-spacing:-.5px}.pf-play{width:31px;height:23px}.pf-menu-toggle{font-size:22px}.pf-search{max-width:none}.pf-search input{padding:9px 12px;font-size:13px;min-width:0}.pf-search button{padding:0 12px}.pf-header-actions .pf-hide-mobile{display:none}.pf-sidebar{position:fixed;z-index:98;top:60px;left:0;height:calc(100vh - 60px);width:245px;max-width:85vw;transform:translateX(-105%);box-shadow:10px 0 30px rgba(0,0,0,.08);padding:12px}.pf-sidebar.is-open{transform:translateX(0)}.pf-nav a{flex-direction:row;gap:14px;padding:10px 12px;font-size:14px;text-align:left}.pf-nav-title{display:block}.pf-layout{display:block}.pf-main{padding:12px}.pf-hero{min-height:200px;padding:20px;border-radius:12px}.pf-hero h1{font-size:27px}.pf-hero p{font-size:14px}.pf-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.pf-video-title{font-size:13px}.pf-video-meta{font-size:11px}.pf-avatar{width:30px;height:30px;flex-basis:30px}.pf-section-head h2{font-size:20px}.pf-shorts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pf-short-card:nth-child(n+7){display:none}.pf-brand .pf-brand-studio{display:none}}