/*
Theme Name: Urban Byte Network Complete
Theme URI: https://urbanbytenetwork.com
Author: Charles E. Williams Jr. / WEG Media Group
Description: Complete streaming-style WordPress theme for Urban Byte Network, optimized for Elementor Pro.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ubn-complete
*/

:root{
  --ubn-bg:#030303;
  --ubn-panel:#101010;
  --ubn-panel-2:#171717;
  --ubn-border:#2c2c2c;
  --ubn-text:#f6f6f6;
  --ubn-muted:#b7b7b7;
  --ubn-gold:#f0c342;
  --ubn-gold-light:#ffd96a;
  --ubn-red:#9f1d1d;
  --ubn-radius:10px;
  --ubn-shadow:0 20px 50px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ubn-bg)}
body{margin:0;background:var(--ubn-bg);color:var(--ubn-text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none;transition:.18s ease}
a:hover{color:var(--ubn-gold)}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.ubn-container{width:min(1440px,94%);margin:0 auto}
.site-header{position:sticky;top:0;z-index:999;background:rgba(3,3,3,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.header-inner{min-height:84px;display:flex;align-items:center;gap:24px}
.ubn-brand{display:flex;align-items:center;gap:14px;min-width:max-content}
.custom-logo{max-width:150px;max-height:60px;width:auto}
.ubn-logo-text{width:90px;height:60px;display:grid;place-items:center;border:2px solid var(--ubn-gold);color:var(--ubn-gold);font-size:34px;font-weight:900}
.ubn-brand-copy{display:flex;flex-direction:column}
.ubn-brand-copy strong{font-size:22px;font-weight:900;text-transform:uppercase}
.ubn-brand-copy small{margin-top:5px;color:var(--ubn-gold);font-size:10px;letter-spacing:1px;text-transform:uppercase}
.ubn-nav{margin-left:auto}
.ubn-nav ul{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0}
.ubn-nav a{font-size:12px;font-weight:800;text-transform:uppercase}
.ubn-live{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:5px;background:var(--ubn-gold);color:#050505;font-weight:900}
.ubn-menu-toggle{display:none;margin-left:auto;background:#111;color:#fff;border:1px solid #333;border-radius:5px;padding:8px 11px;font-size:24px}
.site-main{min-height:65vh}
.hero{position:relative;min-height:650px;display:flex;align-items:center;background-size:cover;background-position:center;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.76) 42%,rgba(0,0,0,.2) 72%,rgba(0,0,0,.68))}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(0deg,var(--ubn-bg),transparent)}
.hero-content{position:relative;z-index:2;max-width:720px;padding:80px 0 110px}
.hero-kicker{color:var(--ubn-gold);font-size:12px;font-weight:900;letter-spacing:4px;text-transform:uppercase}
.hero h1{margin:10px 0;font-size:clamp(58px,8vw,120px);line-height:.88;text-transform:uppercase}
.hero h1 span{color:var(--ubn-red)}
.hero h2{color:var(--ubn-gold);font-size:20px;letter-spacing:4px;text-transform:uppercase}
.hero p{font-size:18px;line-height:1.65;color:#eee}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.ubn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:6px;border:1px solid var(--ubn-gold);font-weight:900;text-transform:uppercase}
.ubn-btn-primary{background:var(--ubn-gold);color:#050505}
.ubn-btn-secondary{background:rgba(0,0,0,.45);color:#fff}
.ubn-section{padding:32px 0}
.ubn-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ubn-section-head h2{margin:0;font-size:26px}
.ubn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ubn-card{position:relative;min-height:285px;overflow:hidden;display:flex;align-items:flex-end;border:1px solid var(--ubn-border);border-radius:var(--ubn-radius);background:var(--ubn-panel);box-shadow:0 12px 30px rgba(0,0,0,.22);transition:.2s ease}
.ubn-card:hover{transform:translateY(-6px);border-color:var(--ubn-gold);box-shadow:var(--ubn-shadow)}
.ubn-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s ease}
.ubn-card:hover img{transform:scale(1.06)}
.ubn-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.95) 90%)}
.ubn-card-copy{position:relative;z-index:2;padding:18px;width:100%}
.ubn-card-type{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid rgba(240,195,66,.4);background:rgba(0,0,0,.5);color:var(--ubn-gold);font-size:9px;font-weight:900;text-transform:uppercase}
.ubn-card h3{margin:9px 0;font-size:27px;line-height:1;text-transform:uppercase}
.ubn-card-meta{display:flex;justify-content:space-between;color:#ddd;font-size:12px}
.ubn-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ubn-category{padding:20px;border:1px solid var(--ubn-border);border-radius:var(--ubn-radius);background:linear-gradient(135deg,#191919,#0d0d0d)}
.ubn-category h3{margin:0;color:var(--ubn-gold);font-size:15px}
.ubn-category p{margin:7px 0 0;color:#ccc;font-size:12px}
.single-main{padding:52px 0}
.single-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px}
.video-frame{position:relative;padding-top:56.25%;background:#111;border:1px solid #333}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.single-copy h1{font-size:50px;margin:0 0 10px}
.single-copy p{color:#d6d6d6;line-height:1.7}
.archive-head{padding:52px 0 18px}
.archive-head h1{font-size:48px;margin:0}
.site-footer{border-top:1px solid var(--ubn-border);background:#030303;color:#aaa}
.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}
@media(max-width:1100px){
  .ubn-nav{display:none;position:absolute;top:84px;left:0;right:0;padding:20px;background:#050505}
  .ubn-nav.open{display:block}
  .ubn-nav ul{flex-direction:column;align-items:flex-start}
  .ubn-menu-toggle{display:block}
  .ubn-grid{grid-template-columns:repeat(2,1fr)}
  .ubn-categories{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .ubn-brand-copy,.ubn-live{display:none}
  .hero{min-height:720px;align-items:flex-end;background-position:65% center}
  .hero:before{background:linear-gradient(0deg,rgba(0,0,0,.99),rgba(0,0,0,.74) 44%,rgba(0,0,0,.15) 82%)}
  .hero-content{padding:55px 0 82px}
  .hero h1{font-size:58px}
  .ubn-grid,.ubn-categories{grid-template-columns:1fr}
  .single-layout{grid-template-columns:1fr}
  .footer-inner{flex-direction:column;align-items:flex-start;padding:28px 0}
}