/*
Theme Name: Blupik Sports Live
Theme URI: https://blupikhd.com/
Author: Blupik
Description: Dark football broadcast control-room theme, integrated with the Blupik Sports Live plugin.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blupik-sports-live-theme
*/
:root{--bg:#090d14;--panel:#101823;--edge:#243043;--blue:#56a3ff;--text:#ecf1fa;--muted:#8c9db4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Arial,sans-serif}a{color:var(--blue)}button,input{font:inherit}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:12px;top:12px;z-index:99999;padding:10px;background:white;color:black}.portal{max-width:1200px;margin:auto;padding:34px 40px}.portal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--edge);padding-bottom:22px}.portal-brand{font-size:38px;font-weight:800;color:var(--blue);line-height:1.1;letter-spacing:-2px}.portal-brand small{display:block;font-size:10px;letter-spacing:3px;color:#b8c8de;margin-top:10px}.custom-logo{max-width:150px;max-height:80px;object-fit:contain}.portal-nav{display:flex;gap:16px;align-items:center}.cta{display:inline-block;background:#1c67d2;padding:12px 22px;border:1px solid #377de0;color:white!important;text-decoration:none;border-radius:7px;font-weight:700}.cta.secondary{background:#16263b;color:#9bcaff!important}.portal-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:80px 0}.eyebrow{font-size:10px;letter-spacing:3px;color:#89bfff}.portal h1{font-size:48px;letter-spacing:-1.5px;line-height:1.12;margin:20px 0;color:var(--text)}.portal p{color:var(--muted);max-width:560px}.portal .demo-screen{border:1px solid #375071;border-radius:14px;background:radial-gradient(ellipse at bottom,#0f4560,#071326 65%);padding:26px;box-shadow:0 25px 80px #0008}.demo-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#81baff}.demo-score{display:flex;justify-content:center;align-items:center;gap:20px;margin:35px 0 20px;font-weight:700}.demo-score strong{background:#1769d2;padding:8px 16px;font-size:32px}.demo-pitch{height:120px;margin:25px auto;background:repeating-linear-gradient(90deg,#163f45 0 12%,#17454b 12% 24%);border:1px solid #72959d;position:relative}.demo-pitch:before{content:'';position:absolute;top:0;left:50%;height:100%;border-left:1px solid #72959d}.demo-pitch:after{content:'';width:60px;height:60px;border:1px solid #72959d;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.demo-foot{border-top:1px solid #263e56;padding-top:12px;color:#98b4d5;font-size:10px;text-align:center;letter-spacing:1px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:24px;border:1px solid var(--edge);border-radius:12px;background:var(--panel)}.feature b{font-size:17px}.feature .symbol{font-size:24px;color:var(--blue);margin-bottom:14px}.portal-footer{margin-top:60px;border-top:1px solid var(--edge);padding:25px 0;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}.notice{border:1px solid #846526;background:#302712;padding:18px;border-radius:8px;margin:25px 0}.content-area{max-width:1000px;margin:45px auto;padding:0 25px}.content-area article{background:var(--panel);padding:30px;border:1px solid var(--edge);border-radius:10px;margin-bottom:22px}.content-area img{max-width:100%;height:auto}.operator-theme #blupik aside{top:0;left:0}.operator-theme #blupik main{margin-left:220px;max-width:none;padding-top:32px}.operator-theme #blupik .brand{font-family:Arial,sans-serif}.operator-theme #blupik .brand .custom-logo{display:block;max-width:155px;max-height:75px;margin-bottom:10px}.operator-theme #blupik header h1{font-size:29px}.operator-theme #blupik .event-grid{grid-template-columns:repeat(5,1fr)}.operator-theme #blupik .grid{grid-template-columns:1.65fr 1fr}.operator-theme #blupik .event-grid button{min-height:72px}.operator-theme #blupik #fixture{width:220px}.operator-theme #blupik #api-settings input{max-width:750px;display:block}.operator-theme #blupik .nav:hover{background:#16283f}.operator-theme #blupik a{color:#8e9db2}.operator-theme #blupik .toolbar select{max-width:400px}.operator-theme #blupik .broadcast .teams{font-size:24px}.operator-theme #blupik .broadcast .teams strong{font-size:34px}.operator-theme #blupik .event h2{font-family:Arial,sans-serif;font-size:38px}.operator-theme #blupik .broadcast .stats{font-size:10px}.operator-theme #blupik main footer{margin-left:0}.operator-theme .operator-links{position:fixed;left:24px;bottom:90px;z-index:10;color:#8c9db4;font-size:11px}.operator-theme .operator-links a{margin-right:10px;color:#9bcaff}.operator-theme .operator-links a:focus{outline:2px solid #56a3ff}@media(max-width:1100px){.operator-theme #blupik .grid{grid-template-columns:1fr}}@media(max-width:1000px){.operator-theme #blupik main{margin-left:0}.operator-theme .operator-links{position:static;padding:20px}.portal-hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.features{grid-template-columns:1fr}.portal h1{font-size:36px}.portal{padding:25px}.portal-nav{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}