/* 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;
  }
}
