/* HAHZ.LIVE: isolated mobile-first feed layout */
*{box-sizing:border-box}html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden;background:#000;color:#fff}#page.site{width:100%;max-width:100%;min-height:100dvh;background:#000}#masthead.site-header{position:fixed;inset:0 0 auto;height:56px;padding:0!important;background:#080808!important;border:0;z-index:1000;display:flex;align-items:center}#masthead .header-container{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px}.hahz-brand{font:italic 900 24px/1 system-ui,sans-serif!important;color:white!important;text-decoration:none!important;letter-spacing:-1px;white-space:nowrap;-webkit-text-fill-color:initial!important}.hahz-brand .brand-dot{color:#25dfdc}.hahz-brand .brand-live{color:#ff2459}.header-actions{display:flex;gap:16px;align-items:center}.header-actions svg,.hahz-bottom-nav svg,.video-controls svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.hahz-search-toggle{background:none;border:0;color:white;padding:6px;cursor:pointer}.hahz-account{color:#fff;display:flex}.hahz-search{position:absolute;top:56px;left:0;right:0;display:flex;background:#141414;padding:12px;gap:8px}.hahz-search[hidden]{display:none}.hahz-search input{min-width:0;flex:1;padding:12px;background:#242424;border:1px solid #444;color:#fff;border-radius:8px}.hahz-search button{border:0;border-radius:8px;padding:0 12px;background:#ff2459;color:white}#content.site-content{margin:0!important;padding:0!important;width:100%;max-width:100%;}#primary.site-main{margin:0!important;padding:0!important;min-height:0!important;width:100%}.hahz-tabs{position:fixed;z-index:30;top:65px;left:0;right:0;text-align:center;font-size:15px;display:flex;justify-content:center;gap:22px;text-shadow:0 1px 5px #000}.hahz-tabs span{color:#ccc}.hahz-tabs strong{color:white;border-bottom:2px solid white;padding-bottom:6px}.video-feed-container{background:#000;scrollbar-width:none}.video-feed-container::-webkit-scrollbar{display:none}.video-item{background:#000;position:relative;overflow:hidden}.video-player{position:absolute;inset:0;width:100%;height:100%;background:#000}.video-player video,.video-player iframe,.video-player img{width:100%;height:100%;display:block;object-fit:cover;border:0}.video-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.66));pointer-events:none}.video-info-overlay{position:absolute;left:16px;right:86px;bottom:28px;z-index:3;max-width:none;color:#fff}.video-author-name{color:#fff;text-decoration:none;font-size:15px;font-weight:700}.video-info-overlay .video-title{font-size:16px;line-height:1.3;margin:8px 0 6px;color:#fff}.video-info-overlay .video-description{font-size:13px;line-height:1.4;max-height:3em;overflow:hidden;color:#eee}.video-controls{position:absolute;right:12px;bottom:100px;z-index:5;display:flex;flex-direction:column;gap:18px;align-items:center}.hahz-action{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#fff}.video-action-btn,.video-action-btn:hover{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:transparent;color:white;text-decoration:none;box-shadow:none;backdrop-filter:none}.video-action-btn svg{width:30px;height:30px}.hahz-missing,.hahz-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#aaa;padding:24px}.site-footer{padding:18px!important;text-align:center;background:#080808;color:#aaa}.site-footer a{color:#aaa;margin-left:10px}.hahz-bottom-nav{display:none}.video-grid,.pagination-container,.back-to-top{display:none!important}
@media(max-width:768px){html,body,body.home,body.blog,#page.site{height:100dvh!important;overflow:hidden!important}#content.site-content{position:fixed!important;top:56px!important;bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;left:0;right:0;height:auto!important;overflow:hidden!important}#primary.site-main{height:100%!important}.video-feed-container{height:100%!important;width:100%;overflow-y:auto!important;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.video-feed-container>.video-item{height:100%!important;min-height:100%!important;width:100%!important;margin:0!important;padding:0!important;scroll-snap-align:start;scroll-snap-stop:always}.hahz-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(62px + env(safe-area-inset-bottom,0px));padding:4px 6px env(safe-area-inset-bottom,0px);display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;z-index:1200;background:#070707;border-top:1px solid #222}.hahz-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:white!important;text-decoration:none;font-size:10px}.hahz-bottom-nav svg{width:23px;height:23px}.hahz-bottom-nav .nav-upload svg{background:#fff;color:#000;border-radius:5px;width:36px;height:30px;padding:4px;box-shadow:-4px 0 #26dfde,4px 0 #ff2459}.site-footer{display:none!important}#wpadminbar{display:none!important}html{margin-top:0!important}}
@media(min-width:769px){#content.site-content{padding-top:56px!important}.video-feed-container{height:calc(100dvh - 56px);overflow-y:auto;scroll-snap-type:y mandatory}.video-item{height:calc(100dvh - 56px);scroll-snap-align:start}.video-controls{bottom:110px}.site-footer{display:none}}

/* HAHZ.LIVE navigation v3: clear, aligned upload button */
.hahz-bottom-nav .nav-upload .hahz-upload-mark{display:flex;align-items:center;justify-content:center;width:38px;height:29px;background:#fff;border-radius:7px;box-shadow:-4px 0 0 #25dfdc,4px 0 0 #ff2459;color:#080808}
.hahz-bottom-nav .nav-upload .hahz-upload-mark svg{display:block;width:23px!important;height:23px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;stroke:#080808!important;stroke-width:2.7!important;fill:none!important}
.hahz-bottom-nav a{min-width:0;white-space:nowrap}
.hahz-bottom-nav a span:last-child{font-size:10px}
@media(max-width:360px){.hahz-bottom-nav a span:last-child{font-size:9px}}
/* Discover is a standalone scrollable screen, not a full-screen swipe feed */
body.hahz-discover-screen #content.site-content{overflow-y:auto!important;overflow-x:hidden!important;background:#080808}
.hahz-discover-page{padding:22px 16px 35px;min-height:100%;background:#080808;color:#fff}
.hahz-discover-page h1{font-size:25px;margin:0 0 16px;color:#fff}
.hahz-discover-form{display:flex;gap:9px;margin-bottom:22px}
.hahz-discover-form input{flex:1;min-width:0;border:1px solid #444;background:#191919;border-radius:12px;padding:13px;color:white;font-size:16px}
.hahz-discover-form button{border:0;border-radius:12px;background:linear-gradient(120deg,#25dfdc,#ff2459);padding:0 17px;color:#fff;font-weight:700}
.hahz-discover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hahz-discover-card{display:block;position:relative;aspect-ratio:9/16;background:#191919;border-radius:10px;overflow:hidden;color:white;text-decoration:none}
.hahz-discover-card img{width:100%;height:100%;object-fit:cover;display:block}
.hahz-discover-card .hahz-discover-title{position:absolute;bottom:0;left:0;right:0;padding:30px 9px 10px;background:linear-gradient(transparent,#000c);font-size:13px;line-height:1.3;font-weight:700;color:white}
.hahz-discover-empty{color:#bbb;padding:24px 0}

/* HAHZ v4: centered upload mark, without inherited SVG styling. */
.hahz-bottom-nav .nav-upload .hahz-upload-mark {position:relative;display:grid!important;place-items:center;width:36px!important;height:32px!important;min-height:32px;overflow:visible;background:#fff!important;border-radius:7px;box-shadow:-4px 0 0 #25dfdc,4px 0 0 #ff2459;transform:none!important;}
.hahz-bottom-nav .nav-upload .hahz-upload-plus {display:block!important;font:700 31px/28px Arial,sans-serif!important;color:#050505!important;width:auto!important;height:auto!important;background:none!important;box-shadow:none!important;margin:0!important;padding:0!important;transform:none!important;}
.hahz-bottom-nav .nav-upload {gap:5px!important;}
.video-action-btn.like-btn.is-liked svg {fill:#ff2459!important;stroke:#ff2459!important;}

/* v5: CSS-only upload mark, no image, SVG or font glyph. */
.hahz-bottom-nav .nav-upload .hahz-upload-mark{position:relative!important;display:block!important;width:36px!important;height:32px!important;flex:none!important;border-radius:7px!important;background:#fff!important;box-shadow:-4px 0 0 #25dfdc,4px 0 0 #ff2459!important;overflow:visible!important;}
.hahz-bottom-nav .nav-upload .hahz-upload-mark::before,.hahz-bottom-nav .nav-upload .hahz-upload-mark::after{content:""!important;position:absolute!important;display:block!important;background:#090909!important;border-radius:2px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;}
.hahz-bottom-nav .nav-upload .hahz-upload-mark::before{width:19px!important;height:4px!important;}
.hahz-bottom-nav .nav-upload .hahz-upload-mark::after{width:4px!important;height:19px!important;}

/* v6 definitive fix: reset the legacy anchor styling, not just its child. */
@media (max-width:768px) {
  .hahz-bottom-nav a.nav-upload {
    width:100%!important; height:auto!important; min-height:52px!important;
    margin:0!important; padding:0!important; border:0!important;
    border-radius:0!important; background:transparent!important;
    background-image:none!important; box-shadow:none!important;
    display:flex!important; flex-direction:column!important;
    align-items:center!important; justify-content:center!important;
    gap:5px!important; overflow:visible!important;
    color:#fff!important; transform:none!important;
  }
  .hahz-bottom-nav a.nav-upload::before,
  .hahz-bottom-nav a.nav-upload::after {content:none!important;display:none!important;}
  .hahz-bottom-nav a.nav-upload .hahz-upload-mark {
    position:relative!important; display:block!important; flex:0 0 32px!important;
    width:38px!important; height:32px!important; min-height:32px!important;
    margin:0!important; padding:0!important; border:0!important;
    border-radius:6px!important; background:#fff!important; background-image:none!important;
    box-shadow:-5px 0 0 #25f4ee,5px 0 0 #fe2c55!important;
    transform:none!important; overflow:visible!important;
  }
  .hahz-bottom-nav a.nav-upload .hahz-upload-mark::before,
  .hahz-bottom-nav a.nav-upload .hahz-upload-mark::after {
    content:""!important; position:absolute!important; display:block!important;
    top:50%!important; left:50%!important; background:#080808!important;
    border-radius:2px!important; transform:translate(-50%,-50%)!important;
  }
  .hahz-bottom-nav a.nav-upload .hahz-upload-mark::before {width:20px!important;height:4px!important;}
  .hahz-bottom-nav a.nav-upload .hahz-upload-mark::after {width:4px!important;height:20px!important;}
  .hahz-bottom-nav a.nav-upload > span:last-child {
    display:block!important; position:static!important; margin:0!important; padding:0!important;
    background:none!important; box-shadow:none!important; transform:none!important;
    color:#fff!important; font-size:10px!important; line-height:13px!important;
  }
}

/* HAHZ v8 header menu */
#masthead .hahz-menu-toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#fff;padding:6px;cursor:pointer;min-width:38px;min-height:40px}
#masthead .hahz-menu-toggle svg{width:26px;height:26px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}
#masthead .hahz-header-links{position:absolute;top:56px;right:10px;width:min(310px,calc(100vw - 20px));max-height:min(70dvh,520px);overflow-y:auto;background:#141419;border:1px solid #34343a;border-radius:14px;box-shadow:0 14px 40px #000b;padding:8px;z-index:1200}
#masthead .hahz-header-links[hidden]{display:none!important}
#masthead .hahz-header-menu{margin:0;padding:0;list-style:none;display:block}
#masthead .hahz-header-menu li{list-style:none;margin:0;padding:0}
#masthead .hahz-header-menu a{display:block;color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:13px 15px;border-radius:9px;overflow-wrap:anywhere}
#masthead .hahz-header-menu a:hover,#masthead .hahz-header-menu a:focus-visible{background:#292931;color:#ff2b61}
#masthead .hahz-menu-empty{color:#bbb;font-size:13px;padding:10px;line-height:1.5;margin:0}
/* HAHZ v8 video links: anchored within the video info, above the mobile bottom navigation */
.video-info-overlay .hahz-video-cta{margin-top:12px}
.hahz-video-cta{display:flex;align-items:center;justify-content:space-between;gap:9px;max-width:320px;width:100%;padding:11px 13px;border:1px solid #ffffff5c;border-radius:12px;background:rgba(22,22,27,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700;line-height:1.35;box-shadow:0 5px 20px #0007;pointer-events:auto;position:relative;z-index:15}
.hahz-video-cta span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hahz-cta-link-icon{font-size:18px;color:#ff2b61}
.video-container{position:relative}
.video-container>.hahz-video-cta{position:absolute;left:12px;bottom:14px;width:calc(100% - 24px);z-index:20}
@media(max-width:768px){.video-info-overlay .hahz-video-cta{max-width:100%;margin-top:8px;padding:10px 12px}.video-info-overlay:has(.hahz-video-cta){bottom:35px!important}}

/* v8 custom header logo support */
#masthead .hahz-brand-wrapper{display:flex;align-items:center;min-width:0;max-width:min(65vw,320px)}
#masthead .hahz-brand-wrapper .custom-logo-link{display:flex;align-items:center;max-width:100%}
#masthead .hahz-brand-wrapper .custom-logo{display:block;width:auto;height:auto;max-height:44px;max-width:100%;object-fit:contain}
@media(max-width:768px){#masthead .hahz-brand-wrapper .custom-logo{max-height:38px}}

/* TWERK.CASH mini brand replaces Following / For You feed tabs */
.twerk-feed-brand{position:fixed;z-index:35;top:65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:132px;max-width:42vw;height:40px;pointer-events:none;text-align:center;}
.twerk-feed-brand-image{display:block;width:auto;max-width:100%;height:auto;max-height:38px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.75));}
.twerk-feed-brand-fallback{font-weight:900;font-size:17px;white-space:nowrap;color:#fff;text-shadow:0 2px 5px #000;letter-spacing:-.4px;}
.twerk-feed-brand-fallback span{color:#00d632;}
