/* ═══════════════════════════════════════════════════════════════
   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;}
}
/* ═══════════════════════════════════════════════════════════════
   SBP — CONTENT AREA ADDITIONS (append after the existing Global CSS)
   Adds richer typography that the existing "Page Content Styling"
   block doesn't cover yet — headings, tables, buttons, FAQ blocks,
   blockquotes. Deliberately does NOT redeclare anything the existing
   CSS already sets (font-family, base link color, max-width, padding)
   to avoid two rules silently fighting over the same property.
   Uses the same :has(#sbp-home) detection and the same green/gold
   palette already established above — no new color decisions made.
═══════════════════════════════════════════════════════════════ */

/* ── Headings inside page content ── */
body:not(:has(#sbp-home)) .entry-content h1{
  font-family:'Outfit',sans-serif;font-size:34px;font-weight:900;
  color:#0F172A;letter-spacing:-.5px;margin:0 0 20px;line-height:1.15;
}
body:not(:has(#sbp-home)) .entry-content h3,
body:not(:has(#sbp-home)) .entry-content h4{
  font-family:'Outfit',sans-serif;font-weight:800;color:#0F172A;
  margin:32px 0 16px;
}
body:not(:has(#sbp-home)) .entry-content > h1:first-child,
body:not(:has(#sbp-home)) .entry-content > h2:first-child{margin-top:0;}

/* ── Strong / bold text ── */
body:not(:has(#sbp-home)) .entry-content strong{color:#0F172A;font-weight:700;}

/* ── Lists ── */
body:not(:has(#sbp-home)) .entry-content ul,
body:not(:has(#sbp-home)) .entry-content ol{margin:0 0 18px;padding-left:24px;}
body:not(:has(#sbp-home)) .entry-content li{margin-bottom:8px;}
body:not(:has(#sbp-home)) .entry-content li::marker{color:#0D7C3E;}

/* ── Blockquotes ── */
body:not(:has(#sbp-home)) .entry-content blockquote{
  border-left:3px solid #0D7C3E;background:rgba(13,124,62,.04);
  padding:16px 20px;margin:20px 0;border-radius:0 12px 12px 0;
  color:#334155;font-style:italic;
}

/* ── Tables ── */
body:not(:has(#sbp-home)) .entry-content table{
  width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;
  border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);
}
body:not(:has(#sbp-home)) .entry-content table thead th{
  background:linear-gradient(135deg,#0D7C3E,#10A352);color:#fff;
  font-family:'Outfit',sans-serif;font-weight:800;font-size:12px;
  text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;text-align:left;
}
body:not(:has(#sbp-home)) .entry-content table tbody td{
  padding:12px 16px;color:#1E293B;border-bottom:1px solid #F1F5F9;background:#fff;
}
body:not(:has(#sbp-home)) .entry-content table tbody tr:nth-child(even) td{background:#F8FAFC;}

/* ── Buttons (Gutenberg button block) ── */
body:not(:has(#sbp-home)) .entry-content .wp-block-button__link{
  background:linear-gradient(135deg,#F5A623,#D4901E);color:#fff!important;
  text-decoration:none!important;font-family:'Inter',sans-serif;font-weight:700;
  font-size:13px;padding:10px 24px;border-radius:8px;
  box-shadow:0 2px 8px rgba(245,166,35,.3);transition:transform .2s;
}
body:not(:has(#sbp-home)) .entry-content .wp-block-button__link:hover{
  transform:translateY(-1px);color:#fff!important;
}

/* ── FAQ-style <details>/<summary> blocks ── */
body:not(:has(#sbp-home)) .entry-content details{
  background:#F8FAFC;border:1px solid #E2E8F0;border-radius:14px;
  margin-bottom:10px;overflow:hidden;
}
body:not(:has(#sbp-home)) .entry-content details summary{
  padding:16px 22px;font-family:'Inter',sans-serif;font-size:14.5px;
  font-weight:700;color:#1E293B;cursor:pointer;
}
body:not(:has(#sbp-home)) .entry-content details[open]{
  border-color:rgba(245,166,35,.35);background:#fff;
}

/* ── Images ── */
body:not(:has(#sbp-home)) .entry-content img{max-width:100%;height:auto;border-radius:12px;}

/* ── Horizontal rule ── */
body:not(:has(#sbp-home)) .entry-content hr{border:none;border-top:1px solid #E2E8F0;margin:32px 0;}

/* ── Responsive ── */
@media(max-width:768px){
  body:not(:has(#sbp-home)) .entry-content h1{font-size:26px;}
}
/* ── 1. Fixture cards — compact + white background ── */
.sbp-fix-card {
    background: #fff !important;
    border: 1px solid #E2E8F0 !important;
    margin-bottom: 6px !important;
}
.sbp-fix-card-inner {
    padding: 10px 14px !important;
}

/* ── 2. Fixture buttons — centred, venue hidden ── */
.sbp-fix-foot {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 6px 14px 12px !important;
    background: transparent !important;
    border-top: 1px solid #F1F5F9 !important;
    gap: 8px !important;
}
.sbp-fix-venue {
    display: none !important;
}
.sbp-fix-btn-group {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
}

/* ── 3. Fixture team names — dark readable text ── */
.sbp-fix-team-name {
    color: #0F172A !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* ── 4. Expert guide pills — visible on dark background ── */
.sbp-guide-pill {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
}
.sbp-guide-pill span {
    color: rgba(255,255,255,.85) !important;
}

/* ── 5. Tip rows — readable on light background ── */
.sbp-tip-teams {
    color: #0F172A !important;
    font-size: 13px !important;
}
.sbp-tip-ko {
    color: #94A3B8 !important;
}
.sbp-tip-league {
    color: #94A3B8 !important;
}
.sbp-tip-badge.home { background: rgba(13,124,62,.1) !important; color: #0D7C3E !important; }
.sbp-tip-badge.away { background: rgba(220,38,38,.08) !important; color: #DC2626 !important; }
.sbp-tip-badge.draw { background: rgba(146,96,10,.08) !important; color: #92600A !important; }

/* ── 6. Split pill — readable on light background ── */
.sbp-split-left {
    background: rgba(13,124,62,.06) !important;
}
.sbp-split-bk {
    color: #64748B !important;
}
.sbp-split-odds {
    color: #0D7C3E !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.sbp-split-right {
    background: #0D7C3E !important;
    color: #fff !important;
}

/* ── 7. Mobile — buttons full width on small screens ── */
@media (max-width: 600px) {
    .sbp-fix-split-pill,
    .sbp-fix-view-tips-btn {
        flex: 1 !important;
        justify-content: center !important;
    }
    .sbp-fix-btn-group {
        width: 100% !important;
    }
    .sbp-tip-league {
        display: none !important;
    }
}