/* ═══════════════════════════════════════════════════════════════
   SOCCERBETPREDICTION — GLOBAL ADDITIONAL CSS
   Purpose: Hide Mercury chrome + global nav/footer/content styles
   Last updated: 5 May 2026
═══════════════════════════════════════════════════════════════ */

/* ─── Hide Mercury Theme Chrome ─── */
.site-header,#masthead,.site-footer,#colophon,
.entry-header,.entry-title,.page-header,
.sharedaddy,.sd-sharing-enabled,
.post-navigation,.wp-block-post-navigation-link{
  display:none!important;
}

/* ─── Global Font Import ─── */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap');

/* ─── Focus & Accessibility ─── */
a:focus-visible,button:focus-visible{outline:2px solid #F5A623;outline-offset:2px;border-radius:4px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* ═══ GLOBAL NAV ═══ */
.sn-global{background:#0C1E14;position:fixed;top:0;left:0;right:0;z-index:99999;box-shadow:0 2px 24px rgba(0,0,0,.5);}
.sn-global .sn-row1{display:flex;align-items:center;justify-content:space-between;padding:4px 36px 0;height:60px;border-bottom:1px solid rgba(255,255,255,.08);}
.sn-global .sn-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;}
.sn-global .sn-logo-i{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#1a5c2e,#0D7C3E);display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid rgba(245,166,35,.3);}
.sn-global .sn-logo-t .t1{display:block;font-family:'Outfit',sans-serif;font-size:13px;font-weight:800;color:#fff;line-height:1.15;}
.sn-global .sn-logo-t .t2{display:block;font-family:'Outfit',sans-serif;font-size:13px;font-weight:800;color:#F5A623;line-height:1.15;}
.sn-global .sn-row1-right{display:flex;align-items:center;gap:12px;}
.sn-global .sn-login{padding:7px 20px;border-radius:6px;border:1.5px solid #0D7C3E;color:#0D7C3E!important;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;}
.sn-global .sn-login:hover{background:rgba(13,124,62,.12);color:#10A352!important;}
.sn-global .sn-reg{padding:7px 20px;border-radius:6px;background:linear-gradient(135deg,#F5A623,#D4901E);color:#fff!important;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 2px 8px rgba(245,166,35,.3);transition:all .2s;}
.sn-global .sn-reg:hover{transform:translateY(-1px);color:#fff!important;}
.sn-global .sn-flags{display:flex;align-items:center;gap:6px;margin-left:8px;padding-left:14px;position:relative;}
.sn-global .sn-flags::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:24px;background:rgba(255,255,255,.12);}
.sn-global .sn-flag{width:28px;height:18px;border-radius:3px;object-fit:cover;display:block;border:1px solid rgba(255,255,255,.15);}
.sn-global .sn-flag-item{display:flex;flex-direction:column;align-items:center;gap:2px;}
.sn-global .sn-flag-item span{font-size:8px;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.5px;}
.sn-global .sn-theme{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:16px;line-height:1;color:#F5A623;margin-left:12px;position:relative;}
.sn-global .sn-theme::before{content:'';position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:1px;height:24px;background:rgba(255,255,255,.12);}
.sn-global .sn-theme:hover{background:rgba(245,166,35,.15);}
.sn-global .sn-row2{display:flex;align-items:center;justify-content:center;padding:0 36px;height:38px;border-bottom:2px solid #F5A623;gap:28px;}
.sn-global .sn-row2 a{font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:rgba(255,255,255,.7);text-decoration:none;padding:8px 0;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;letter-spacing:.2px;}
.sn-global .sn-row2 a:hover{color:#F5A623;}
.sn-global .sn-row2 a.ac{color:#F5A623;border-bottom-color:#F5A623;}
.sn-global .sn-mob{display:none;}
@media(max-width:800px){
  .sn-global .sn-row1-right .sn-flags{display:none;}
  .sn-global .sn-row2{display:none;}
  .sn-global .sn-mob{display:flex;align-items:center;gap:6px;padding:0 16px;height:36px;border-bottom:2px solid #F5A623;overflow-x:auto;}
  .sn-global .sn-mob a{font-size:11px;font-weight:600;color:rgba(255,255,255,.7);text-decoration:none;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent;margin-bottom:-2px;}
  .sn-global .sn-mob a.ac{color:#F5A623;border-bottom-color:#F5A623;}
  .sn-global .sn-row1{padding:0 16px;height:48px;}
}
@media(max-width:480px){
  .sn-global .sn-login{padding:6px 14px;font-size:11px;}
  .sn-global .sn-reg{padding:6px 14px;font-size:11px;}
}

/* ─── Content Push (so page content doesn't hide behind fixed nav) ─── */
body:not(:has(#sbp-home)){padding-top:100px!important;}
@media(max-width:800px){
  body:not(:has(#sbp-home)){padding-top:86px!important;}
}

/* ─── Page Content Styling ─── */
body:not(:has(#sbp-home)) .entry-content,
body:not(:has(#sbp-home)) .site-main{
  font-family:'Inter',sans-serif;
  max-width:1180px;margin:0 auto;
  padding:32px 40px;
  color:#1E293B;line-height:1.7;
}
body:not(:has(#sbp-home)) .site-main h1,
body:not(:has(#sbp-home)) .site-main h2{
  font-family:'Outfit',sans-serif;
  color:#0F172A;font-weight:800;
}
body:not(:has(#sbp-home)) .site-main a{
  color:#0D7C3E;font-weight:600;
  text-decoration:none;border-bottom:1px solid rgba(13,124,62,.2);
  transition:all .2s;
}
body:not(:has(#sbp-home)) .site-main a:hover{color:#F5A623;border-bottom-color:#F5A623;}

/* ═══ GLOBAL FOOTER ═══ */
#sbp-global-footer{
  background:linear-gradient(180deg,#0A1A10 0%,#071210 40%,#050D0A 100%);
  padding:0;position:relative;overflow:hidden;
  font-family:'Inter',sans-serif;
}
#sbp-global-footer::before{
  content:'';position:absolute;inset:0;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Crect x='0' y='0' width='120' height='120' fill='none' stroke='%23fff' stroke-width='.5'/%3E%3Ccircle cx='60' cy='60' r='20' fill='none' stroke='%23fff' stroke-width='.5'/%3E%3Cline x1='60' y1='0' x2='60' y2='120' stroke='%23fff' stroke-width='.5'/%3E%3C/svg%3E");
  background-size:120px 120px;pointer-events:none;
}
#sbp-global-footer::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#F5A623,transparent);}
#sbp-global-footer .sbp-f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;max-width:1180px;margin:0 auto;padding:56px 40px 40px;position:relative;z-index:1;}
#sbp-global-footer .sbp-f-col h4{font-family:'Outfit',sans-serif;font-size:14px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(245,166,35,.2);display:inline-block;}
#sbp-global-footer .sbp-f-col p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.8;margin-bottom:14px;}
#sbp-global-footer .sbp-f-col ul{list-style:none;padding:0;margin:0;}
#sbp-global-footer .sbp-f-col ul li{margin-bottom:8px;}
#sbp-global-footer .sbp-f-col ul li a{font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;transition:all .2s;display:flex;align-items:center;gap:6px;}
#sbp-global-footer .sbp-f-col ul li a:hover{color:#F5A623;transform:translateX(4px);}
#sbp-global-footer .sbp-f-col ul li a::before{content:'›';font-size:16px;font-weight:700;color:rgba(245,166,35,.4);transition:color .2s;}
#sbp-global-footer .sbp-f-col ul li a:hover::before{color:#F5A623;}
#sbp-global-footer .sbp-f-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
#sbp-global-footer .sbp-f-brand-logo{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0D7C3E,#10A352);display:flex;align-items:center;justify-content:center;font-size:18px;}
#sbp-global-footer .sbp-f-brand-text{font-family:'Outfit',sans-serif;}
#sbp-global-footer .sbp-f-brand-text strong{display:block;font-size:15px;font-weight:800;color:#fff;}
#sbp-global-footer .sbp-f-brand-text span{font-size:10px;font-weight:600;color:#F5A623;letter-spacing:1px;text-transform:uppercase;}
#sbp-global-footer .sbp-f-markets{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
#sbp-global-footer .sbp-f-market{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;font-size:10px;font-weight:600;color:rgba(255,255,255,.6);transition:all .2s;}
#sbp-global-footer .sbp-f-market:hover{border-color:rgba(245,166,35,.3);color:#F5A623;}
#sbp-global-footer .sbp-f-market img{width:18px;height:12px;border-radius:2px;object-fit:cover;}
#sbp-global-footer .sbp-f-social{display:flex;gap:10px;margin-top:14px;}
#sbp-global-footer .sbp-f-social a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.5);text-decoration:none;transition:all .25s;}
#sbp-global-footer .sbp-f-social a:hover{background:rgba(245,166,35,.15);border-color:#F5A623;color:#F5A623;transform:translateY(-2px);}
#sbp-global-footer .sbp-f-rg{background:rgba(0,0,0,.3);padding:20px 40px;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;z-index:1;}
#sbp-global-footer .sbp-f18{width:46px;height:46px;border-radius:50%;background:transparent;border:3px solid #DC2626;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-size:15px;font-weight:900;color:#DC2626;flex-shrink:0;box-shadow:0 0 0 4px rgba(220,38,38,.12),0 0 16px rgba(220,38,38,.08);}
#sbp-global-footer .sbp-f18 small{font-size:6px;color:rgba(220,38,38,.7);text-transform:uppercase;letter-spacing:.5px;}
#sbp-global-footer .sbp-f-rg-text{font-size:12px;color:rgba(255,255,255,.4);line-height:1.6;max-width:600px;}
#sbp-global-footer .sbp-f-rg-text strong{color:rgba(255,255,255,.65);}
#sbp-global-footer .sbp-f-bottom{background:rgba(0,0,0,.4);padding:14px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;position:relative;z-index:1;}
#sbp-global-footer .sbp-f-copy{font-size:11px;color:rgba(255,255,255,.25);}
#sbp-global-footer .sbp-f-legal{display:flex;gap:16px;flex-wrap:wrap;}
#sbp-global-footer .sbp-f-legal a{font-size:11px;color:rgba(255,255,255,.35);text-decoration:none;transition:color .2s;}
#sbp-global-footer .sbp-f-legal a:hover{color:#F5A623;}
#sbp-global-footer .sbp-f-license{width:100%;font-size:9px;color:rgba(255,255,255,.15);text-align:center;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04);}
@media(max-width:900px){#sbp-global-footer .sbp-f-grid{grid-template-columns:1fr 1fr;gap:28px;padding:40px 20px 28px;}}
@media(max-width:540px){
  #sbp-global-footer .sbp-f-grid{grid-template-columns:1fr;gap:24px;padding:36px 16px 24px;}
  #sbp-global-footer .sbp-f-rg{flex-direction:column;text-align:center;padding:16px;}
  #sbp-global-footer .sbp-f-bottom{flex-direction:column;align-items:center;text-align:center;padding:12px 16px;}
}