/*
Theme Name: UIBTBB Global News v2.1 Clean
Theme URI: https://globalnews.uibtbb.com/
Author: UIBTBB
Description: Professional black-and-gold UIBTBB Global News theme with accessible newsroom layout, live coverage, vlogs, Deaf Events, and community sections.
Version: 2.1.0
*/
*{box-sizing:border-box}
:root{--bg:#020202;--panel:#090909;--panel2:#0e0e0e;--gold:#d4a62a;--gold2:#f3cd55;--line:#665015;--text:#fff;--muted:#b9b9b9;--red:#e11b22}
html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.45}
a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{max-width:1480px;margin:auto;padding:0 26px}
.skip-link{position:absolute;left:-999px;top:10px;background:#fff;color:#000;padding:10px 14px;z-index:999}.skip-link:focus{left:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}
.top{background:#020202;border-bottom:1px solid var(--line)}
.toprow{display:grid;grid-template-columns:410px 1fr auto;gap:22px;align-items:center;min-height:116px}
.brand-lockup{display:flex;align-items:center;gap:14px}.brand-logo{width:92px;height:92px;object-fit:contain;border:1px solid #57440f;border-radius:6px}
.brand strong{display:block;font-size:40px;line-height:.92;color:var(--gold2);font-weight:900;letter-spacing:1px}
.brand .global{font-size:24px;color:#fff;font-weight:900;letter-spacing:1px}.brand small{display:block;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1px;margin-top:4px}.domain{font-size:11px;color:#9d7b23;margin-top:3px;letter-spacing:.7px}
.headline-bar{display:flex;align-items:center;gap:14px;border-bottom:1px solid #49380c;padding-bottom:12px;color:#ddd}.newsroom-label{background:linear-gradient(180deg,#f0ca54,#b98717);color:#111;padding:9px 11px;border-radius:3px;font-weight:900;font-size:12px}
.utility{display:flex;gap:8px;align-items:center}.utility-btn,.livebtn{border:1px solid #725711;padding:9px 12px;border-radius:4px;font-weight:800;font-size:12px}.livebtn{border-color:#9d2323;color:#fff}
.searchbar{grid-column:2/4;display:flex;justify-content:flex-end;margin-top:-20px}.searchbar input{width:310px;background:#0f0f0f;border:1px solid #343434;color:#eee;padding:10px 12px;border-radius:4px 0 0 4px}.searchbar button{background:#d4a62a;border:1px solid #d4a62a;color:#111;padding:10px 14px;font-weight:900;border-radius:0 4px 4px 0}
.nav{border-bottom:1px solid var(--line);background:#060606;position:sticky;top:0;z-index:20}.navrow{display:flex;align-items:center;min-height:52px;gap:2px;overflow-x:auto}.nav a{padding:17px 15px;font-weight:800;font-size:13px;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--gold2);background:#111}.nav .grow{flex:1}.nav .login{border:1px solid var(--gold);padding:9px 22px;margin-right:6px}.nav .join{background:linear-gradient(180deg,#f5cf5b,#c9971d);color:#111;padding:10px 22px}
main{padding-top:14px}.panel{background:linear-gradient(180deg,#0b0b0b,#050505);border:1px solid var(--line);border-radius:5px}
.hero-grid{display:grid;grid-template-columns:1.12fr .54fr .54fr;gap:10px}.hero{min-height:435px;padding:26px;background-image:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.10)),url('assets/images/hero-earth.jpg');background-size:cover;background-position:center}
.topstory,.eyebrow{display:inline-block;color:var(--gold2);font-weight:900;font-size:11px;letter-spacing:1.2px}.hero h1{font-size:44px;line-height:1.06;max-width:540px;margin:18px 0 14px;text-shadow:0 2px 6px #000}.hero p{max-width:520px;font-size:17px;color:#e4e4e4;text-shadow:0 2px 4px #000}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.cta{display:inline-block;border:1px solid var(--gold);padding:11px 16px;color:var(--gold2);font-weight:900;margin-top:6px;border-radius:3px;font-size:12px}.cta.primary{background:linear-gradient(180deg,#f1c94e,#ba8914);color:#111}
.section-title{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #42320a;color:var(--gold2)}.section-title h2{font-size:16px;margin:0}.section-title span{font-size:11px;color:#aaa}
.news-list{padding:2px 14px 8px}.news-item{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #312609}.thumb{height:72px;border-radius:4px;border:1px solid #504116}.world{background:linear-gradient(135deg,#153a60,#010a12)}.business{background:linear-gradient(135deg,#7d5d14,#171108)}.technology{background:linear-gradient(135deg,#0e2946,#09111d)}.community-thumb{background:linear-gradient(135deg,#483717,#1d1609)}
.cat{color:var(--gold);font-size:10px;font-weight:900}.news-item b{display:block;font-size:13px;margin:5px 0}.news-item small{color:#9f9f9f}.side-stack{display:flex;flex-direction:column;gap:10px}
.live-body{padding:10px 14px 15px}.live-image{height:150px;background:url('assets/images/live-studio.jpg') center/cover;border-radius:3px;position:relative}.live-tag{position:absolute;top:10px;left:10px;background:var(--red);padding:5px 8px;font-size:10px;font-weight:900;border-radius:3px}.live-body h3{margin:10px 0 4px}.live-body p{margin:0;color:#c6c6c6;font-size:13px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.quick-grid a{border:1px solid #3e310e;background:#0a0a0a;padding:12px;border-radius:4px}.quick-grid b{display:block;color:var(--gold2);font-size:12px}.quick-grid small{display:block;color:#9f9f9f;margin-top:4px}
.vlogs{margin-top:10px;padding:16px}.wide-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:12px}.wide-title h2{margin:3px 0 0;font-size:21px}.wide-title p{max-width:550px;color:#aaa;font-size:12px;margin:0;text-align:right}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vcard img{width:100%;height:145px;object-fit:cover;border-radius:4px;border:1px solid #6a5214}.vcard b{display:block;margin:7px 2px 3px;font-size:14px}.vcard small{color:#9d9d9d}
.two-column{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden}.feature-box{padding:22px;background:#080808}.feature-box+ .feature-box{border-left:1px solid #3d2f0c}.feature-box h2{margin:4px 0 8px;font-size:24px}.feature-box p{color:#c9c9c9;max-width:620px}
.accessibility-panel{margin-top:10px;padding:20px 22px;display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:center}.accessibility-panel h2{margin:4px 0 6px}.accessibility-panel p{margin:0;color:#c8c8c8}.accessibility-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.accessibility-tags span{border:1px solid #654e12;padding:8px 10px;border-radius:999px;color:var(--gold2);font-size:11px}
.about-contact{margin:10px 0;padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.about-contact h2{margin:4px 0 6px}.about-contact p{margin:0;color:#aaa}
footer{padding:17px 0 20px;background:#050505;border-top:1px solid var(--line)}.foot{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:center}.footer-brand b{display:block;color:var(--gold2)}.footer-brand span{font-size:11px;color:#9c7a21}.links{display:flex;justify-content:flex-end;align-items:center;gap:18px;flex-wrap:wrap;color:#aaa;font-size:12px}.links a:hover{color:#fff}
@media(max-width:1100px){.toprow{grid-template-columns:1fr}.headline-bar,.searchbar{grid-column:auto;margin:0}.hero-grid{grid-template-columns:1fr 1fr}.hero{grid-column:1/-1}.vgrid{grid-template-columns:1fr 1fr}.accessibility-panel,.about-contact{grid-template-columns:1fr}.accessibility-tags{justify-content:flex-start}.foot{grid-template-columns:1fr}.links{justify-content:flex-start}}
@media(max-width:700px){.wrap{padding:0 12px}.brand-logo{width:72px;height:72px}.brand strong{font-size:32px}.brand .global{font-size:19px}.headline-bar{font-size:12px}.utility{flex-wrap:wrap}.searchbar input{width:100%}.searchbar{width:100%}.hero-grid{grid-template-columns:1fr}.hero{grid-column:auto;min-height:470px;padding:20px}.hero h1{font-size:34px}.vgrid,.two-column{grid-template-columns:1fr}.feature-box+ .feature-box{border-left:0;border-top:1px solid #3d2f0c}.wide-title{display:block}.wide-title p{text-align:left;margin-top:8px}.nav .login,.nav .join{display:none}}