@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Barlow:wght@300;400;500;600&display=swap'); #ewhr * { box-sizing: border-box; margin: 0; padding: 0; } #ewhr { --red: #FF0000; --bg: #0a0a0a; --border: rgba(255,255,255,0.07); font-family: 'Barlow', sans-serif; width: 100%; display: block; } #ewhr .wrap { max-width: 1280px; margin: 0 auto; padding: 0 32px; } /* Ticker */ #ewhr .ticker { width: 100%; background: var(--red); height: 30px; overflow: hidden; display: flex; align-items: center; } #ewhr .ticker-lbl { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: .12em; font-weight: 800; text-transform: uppercase; color: #fff; background: rgba(0,0,0,0.25); padding: 0 14px; height: 100%; display: flex; align-items: center; white-space: nowrap; flex-shrink: 0; } #ewhr .ticker-wrap { flex: 1; overflow: hidden; } #ewhr .ticker-track { display: flex; white-space: nowrap; animation: ewhr-tick 40s linear infinite; } #ewhr .ticker-track:hover { animation-play-state: paused; } #ewhr .ticker-item { font-size: 11px; font-weight: 600; color: #fff; text-decoration: none; padding: 0 36px 0 0; height: 30px; display: inline-flex; align-items: center; gap: 6px; } #ewhr .ticker-item::before { content:'▶'; font-size:7px; opacity:.5; } @keyframes ewhr-tick { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} } /* Main bar */ #ewhr .main-bar { width: 100%; background: var(--bg); border-bottom: 2px solid var(--red); } #ewhr .main-inner { display: flex; align-items: center; height: 64px; gap: 24px; } #ewhr .logo { display:flex; align-items:center; text-decoration:none; flex-shrink:0; } #ewhr .logo img { height:38px; width:auto; display:block; object-fit:contain; transition:opacity .2s; } #ewhr .logo:hover img { opacity:.85; } #ewhr .nav { display:flex; align-items:center; gap:2px; flex:1; } #ewhr .nav a { font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,0.65); text-decoration: none; padding: 6px 12px; border-radius: 4px; transition: color .18s, background .18s; white-space: nowrap; } #ewhr .nav a:hover { color:#fff; background:rgba(255,255,255,0.06); } #ewhr .nav a.on { color:var(--red); } #ewhr .nav a.ppv { background: var(--red); color: #fff !important; display: flex; align-items: center; gap: 5px; margin-left: 6px; } #ewhr .nav a.ppv:hover { background: #cc0000 !important; } #ewhr .right { display:flex; align-items:center; gap:10px; flex-shrink:0; } /* Search */ #ewhr .srch { display:flex; align-items:center; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1); border-radius:6px; overflow:hidden; width:180px; transition:border-color .2s; } #ewhr .srch:focus-within { border-color:rgba(255,0,0,0.5); } #ewhr .srch input { flex:1; background:transparent; border:none; outline:none; padding:7px 12px; color:#fff; font-family:'Barlow',sans-serif; font-size:13px; min-width:0; } #ewhr .srch input::placeholder { color:rgba(255,255,255,0.3); } #ewhr .srch button { background:transparent; border:none; padding:7px 10px; cursor:pointer; color:rgba(255,255,255,0.4); display:flex; align-items:center; transition:color .2s; flex-shrink:0; } #ewhr .srch button:hover { color:var(--red); } /* Burger */ #ewhr .burger { display:none; flex-direction:column; gap:5px; background:transparent; border:none; cursor:pointer; padding:4px; } #ewhr .burger span { display:block; width:22px; height:2px; background:#fff; border-radius:2px; transition:all .25s; } /* Sub-nav */ #ewhr .subnav { width:100%; background:rgba(255,255,255,0.02); border-bottom:1px solid var(--border); } #ewhr .subnav-inner { display:flex; align-items:center; height:36px; justify-content:center; gap:0; overflow-x:auto; scrollbar-width:none; } #ewhr .subnav-inner::-webkit-scrollbar { display:none; } #ewhr .subnav-inner a { font-family: 'Barlow Condensed', sans-serif; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--red); text-decoration:none; padding:0 18px; height:100%; display:flex; align-items:center; border-right:1px solid var(--border); white-space:nowrap; transition:background .18s, color .18s; } #ewhr .subnav-inner a:first-child { border-left:1px solid var(--border); } #ewhr .subnav-inner a:hover { background:rgba(255,255,255,0.04); color:#fff; } /* Mobile */ #ewhr .mob { display:none; flex-direction:column; background:#111; border-top:1px solid var(--border); } #ewhr .mob.open { display:flex; } #ewhr .mob-srch { display:flex; margin:14px 20px 8px; } #ewhr .mob-srch input { flex:1; padding:10px 14px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12); border-right:none; border-radius:6px 0 0 6px; color:#fff; font-size:14px; outline:none; font-family:'Barlow',sans-serif; } #ewhr .mob-srch input::placeholder { color:rgba(255,255,255,0.3); } #ewhr .mob-srch button { padding:10px 16px; background:var(--red); color:#fff; border:none; border-radius:0 6px 6px 0; font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:800; cursor:pointer; } #ewhr .mob a { font-family:'Barlow Condensed',sans-serif; font-size:17px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,0.75); text-decoration:none; padding:13px 20px; border-bottom:1px solid var(--border); transition:color .18s, background .18s; display:block; } #ewhr .mob a:hover { color:var(--red); background:rgba(255,0,0,0.04); } #ewhr .mob a.mob-ppv { color:var(--red); } @media (max-width:1024px) { #ewhr .nav a { padding:6px 9px; font-size:14px; } #ewhr .srch { width:150px; } #ewhr .wrap { padding:0 20px; } } @media (max-width:768px) { #ewhr .nav { display:none; } #ewhr .srch { display:none; } #ewhr .burger { display:flex; } #ewhr .ticker { display:none; } #ewhr .subnav { display:none; } } (function(){ var BASE='https://exclusivewrestling.pt/wp-json/wp/v2'; var path=window.location.pathname; document.querySelectorAll('#ewhr-nav a').forEach(function(a){ var h=a.getAttribute('href'); if(h&&path.indexOf(h.replace('https://exclusivewrestling.pt',''))===0) a.classList.add('on'); }); var burger=document.getElementById('ewhr-burger'); var mob=document.getElementById('ewhr-mob'); burger&&burger.addEventListener('click',function(){ mob.classList.toggle('open'); var s=burger.querySelectorAll('span'); if(mob.classList.contains('open')){ s[0].style.transform='rotate(45deg) translate(5px,5px)'; s[1].style.opacity='0'; s[2].style.transform='rotate(-45deg) translate(5px,-5px)'; } else { s[0].style.transform=s[2].style.transform=''; s[1].style.opacity=''; } }); var mq=document.getElementById('ewhr-mq'); var mb=document.getElementById('ewhr-mb'); mb&&mb.addEventListener('click',function(){ var q=mq.value.trim(); if(q)window.location.href='https://exclusivewrestling.pt/?s='+encodeURIComponent(q); }); mq&&mq.addEventListener('keydown',function(e){ if(e.key==='Enter'){var q=this.value.trim();if(q)window.location.href='https://exclusivewrestling.pt/?s='+encodeURIComponent(q);} }); fetch(BASE+'/posts?per_page=8&_fields=title,link&orderby=date&order=desc') .then(function(r){return r.json();}) .then(function(posts){ var track=document.getElementById('ewhr-track'); if(!track||!posts.length)return; var html=posts.map(function(p){ var t=document.createElement('textarea');t.innerHTML=p.title.rendered; return ''+t.value+''; }).join(''); track.innerHTML=html+html; }).catch(function(){document.getElementById('ewhr-track').innerHTML='';}); })();