/*
Theme Name: Match Edge Live Trading v17
Theme URI: https://matchedgetrading.com
Author: Match Edge Trading
Description: A dark, data-led football trading theme with a blue hero image, favicon, live in-game decision pages, match preview cards, result tables and responsible gambling footer.
Version: 17.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: match-edge-live
*/

:root {
  --met-dark:#07111F;
  --met-panel:#0E1A2B;
  --met-panel-2:#10223A;
  --met-text:#F5F7FA;
  --met-muted:#AAB4C3;
  --met-green:#3B82F6;
  --met-amber:#F5B84B;
  --met-red:#E85D5D;
  --met-blue:#63B3FF;
  --met-border:#22324A;
  --met-shadow:0 18px 40px rgba(0,0,0,.28);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--met-dark);color:var(--met-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:var(--met-green);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.site-wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.site-header{border-bottom:1px solid var(--met-border);background:rgba(7,17,31,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}
.brand-title{font-weight:900;font-size:1.25rem;letter-spacing:.2px;color:var(--met-text)}
.brand-title:hover{text-decoration:none;color:var(--met-green)}
.brand-tagline{color:var(--met-muted);font-size:.9rem;margin-top:2px}
.nav-menu{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.nav-menu a{color:var(--met-text);font-weight:650;font-size:.94rem}.nav-menu a:hover{color:var(--met-green);text-decoration:none}
.main{padding:36px 0 56px}.hero{border:1px solid var(--met-border);border-radius:28px;background:linear-gradient(135deg,#07111F 0%,#0E1A2B 62%,#102A4C 100%);padding:58px 42px;margin:10px 0 34px;box-shadow:var(--met-shadow)}
.hero h1{font-size:clamp(2.2rem,5vw,4.9rem);line-height:1.02;margin:0 0 16px}.hero p{font-size:1.18rem;color:var(--met-muted);max-width:760px;margin:0 0 24px}.btn-row{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:800;border:1px solid var(--met-green);background:var(--met-green);color:#06110C}.btn:hover{text-decoration:none;background:#60A5FA}.btn.secondary{background:transparent;color:var(--met-text)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--met-panel);border:1px solid var(--met-border);border-radius:20px;padding:24px;box-shadow:0 10px 24px rgba(0,0,0,.18)}.card h2,.card h3{margin-top:0;line-height:1.2}.muted{color:var(--met-muted)}
.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--met-border);border-radius:999px;padding:5px 10px;font-weight:800;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}.badge.green{color:var(--met-green);border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.08)}.badge.amber{color:var(--met-amber);border-color:rgba(245,184,75,.45);background:rgba(245,184,75,.08)}.badge.red{color:var(--met-red);border-color:rgba(232,93,93,.45);background:rgba(232,93,93,.08)}.badge.blue{color:var(--met-blue);border-color:rgba(99,179,255,.45);background:rgba(99,179,255,.08)}
.live-strip{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.live-strip .stat{background:var(--met-panel-2);border:1px solid var(--met-border);border-radius:16px;padding:14px 16px;min-width:140px}.stat strong{display:block;font-size:1.35rem}.stat span{color:var(--met-muted);font-size:.86rem}
.decision-card{border-left:6px solid var(--met-blue);background:var(--met-panel);border-radius:18px;border-top:1px solid var(--met-border);border-right:1px solid var(--met-border);border-bottom:1px solid var(--met-border);padding:22px;margin:18px 0}.decision-card.call{border-left-color:var(--met-green)}.decision-card.wait{border-left-color:var(--met-amber)}.decision-card.no{border-left-color:var(--met-red)}.decision-card h3{margin:0 0 8px}.decision-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--met-muted);font-size:.92rem;margin-bottom:10px}
table{width:100%;border-collapse:collapse;background:var(--met-panel);border:1px solid var(--met-border);border-radius:14px;overflow:hidden;display:table}th{background:var(--met-panel-2);color:var(--met-text);text-align:left}td,th{border-bottom:1px solid var(--met-border);padding:12px;vertical-align:top}tr:last-child td{border-bottom:0}
.entry-content h1,.entry-content h2,.entry-content h3{line-height:1.22}.entry-content{font-size:1.02rem}.entry-content blockquote{border-left:4px solid var(--met-green);padding-left:18px;color:var(--met-muted)}
.post-list{display:grid;gap:18px}.post-card{background:var(--met-panel);border:1px solid var(--met-border);border-radius:18px;padding:22px}.post-card h2{margin:0 0 8px}.post-meta{color:var(--met-muted);font-size:.9rem;margin-bottom:8px}
.site-footer{border-top:1px solid var(--met-border);padding:30px 0;color:var(--met-muted);background:#050D18;font-size:.92rem}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
@media(max-width:780px){.header-inner{align-items:flex-start;flex-direction:column}.grid,.grid.two{grid-template-columns:1fr}.hero{padding:38px 24px}.site-wrap{padding:0 16px}table{display:block;overflow-x:auto;white-space:nowrap}}


/* Built-in top buttons */
.header-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.header-actions .mini-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;font-weight:800;border:1px solid var(--met-green);background:transparent;color:var(--met-text);font-size:.92rem;line-height:1}
.header-actions .mini-btn:hover{background:rgba(59,130,246,.14);text-decoration:none;color:var(--met-text)}
.header-actions .mini-btn.primary{background:var(--met-green);color:#06110C}
.header-actions .mini-btn.primary:hover{background:#60A5FA;color:#06110C}
@media(max-width:760px){.header-inner{align-items:flex-start}.header-actions{justify-content:flex-start;margin-top:16px}.header-actions .mini-btn{padding:9px 13px;font-size:.86rem}}


/* Homepage hero image */
.hero-image-wrap{
  margin:10px 0 28px;
  border:1px solid var(--met-border);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--met-shadow);
  background:#050D18;
}
.hero-image-wrap img{
  display:block;
  width:100%;
  height:auto;
}
.hero.compact{
  padding:34px 34px;
  margin-top:0;
}
.site-favicon-note{display:none}


/* v4 homepage split hero: content left, image right */
.hero-image-wrap{
  display:none !important;
}
.home-split-hero{
  border:1px solid var(--met-border);
  border-radius:28px;
  background:linear-gradient(135deg,#07111F 0%,#0E1A2B 58%,#13244A 100%);
  padding:28px;
  margin:10px 0 34px;
  box-shadow:var(--met-shadow);
  display:grid;
  grid-template-columns:minmax(0, 0.95fr) minmax(440px, 0.62fr);
  gap:34px;
  align-items:center;
  overflow:hidden;
}
.home-split-hero .hero-copy{min-width:0;}
.home-split-hero .badge{margin-bottom:14px;}
.home-split-hero h1{
  font-size:clamp(2.6rem, 5.4vw, 5.2rem);
  line-height:1.02;
  margin:0 0 14px;
  letter-spacing:-.04em;
}
.home-split-hero p{
  font-size:1.16rem;
  color:var(--met-muted);
  max-width:760px;
  margin:0 0 24px;
}
.home-split-hero .hero-art{
  justify-self:end;
  width:100%;
  max-width:600px;
  border:1px solid rgba(99,179,255,.35);
  border-radius:18px;
  overflow:hidden;
  background:#050D18;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
}
.home-split-hero .hero-art img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:980px){
  .home-split-hero{
    grid-template-columns:1fr;
  }
  .home-split-hero .hero-art{
    justify-self:start;
    max-width:620px;
  }
}
@media(max-width:620px){
  .home-split-hero{
    padding:22px;
    border-radius:22px;
  }
  .home-split-hero h1{font-size:2.6rem;}
}


/* v5: larger right-hand homepage hero image */
.home-split-hero .hero-art{
  max-width:600px !important;
}
.home-split-hero .hero-art img{
  width:100% !important;
}
@media(max-width:1180px){
  .home-split-hero{
    grid-template-columns:minmax(0, 0.9fr) minmax(380px, 0.58fr);
  }
  .home-split-hero .hero-art{max-width:560px !important;}
}
@media(max-width:980px){
  .home-split-hero{grid-template-columns:1fr;}
  .home-split-hero .hero-art{max-width:100% !important;}
}


/* v6: visually enlarge the right-hand hero image without moving the left text/buttons */
.home-split-hero .hero-art{
  transform:scale(1.12);
  transform-origin:center right;
}
@media(max-width:1180px){
  .home-split-hero .hero-art{
    transform:scale(1.08);
  }
}
@media(max-width:980px){
  .home-split-hero .hero-art{
    transform:none;
  }
}


/* v10: homepage hero image height reduced by 25%, keeping full-width image banner */
.home-split-hero{
  display:block !important;
  position:relative;
  padding:0 !important;
  min-height:315px;
  height:315px;
  margin:10px 0 34px;
  border-radius:28px;
  overflow:hidden;
  background:#050D18;
}
.home-split-hero .hero-copy{
  display:none !important;
}
.home-split-hero .hero-art{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  box-shadow:none !important;
  background:#050D18 !important;
}
.home-split-hero .hero-art img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:980px){
  .home-split-hero{
    min-height:240px;
    height:240px;
  }
}
@media(max-width:620px){
  .home-split-hero{
    min-height:180px;
    height:180px;
    border-radius:22px;
  }
}

.card-link{display:block;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.card-link:hover{transform:translateY(-3px);border-color:var(--met-blue);box-shadow:0 18px 36px rgba(0,0,0,.28);text-decoration:none}
.card-link h3{color:var(--met-text)}
.card-link .muted{color:var(--met-muted)}


/* v11: show more of the full hero image by reducing image width and using contain */
.home-split-hero .hero-art{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#050D18 !important;
}
.home-split-hero .hero-art img{
  width:92% !important;
  height:92% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
@media(max-width:620px){
  .home-split-hero .hero-art img{
    width:96% !important;
    height:96% !important;
  }
}


.site-footer a { color: #7DB7FF; font-weight: 700; }
.site-footer a:hover { color: #ffffff; text-decoration: underline; }


/* v13: better-fit hero image — larger, centred, with modest side gaps and less awkward cropping */
.home-split-hero{
  background:#050D18 !important;
}
.home-split-hero .hero-art{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#050D18 !important;
}
.home-split-hero .hero-art img{
  width:auto !important;
  max-width:none !important;
  height:112% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
  display:block !important;
}
@media(max-width:900px){
  .home-split-hero .hero-art img{
    height:105% !important;
  }
}
@media(max-width:620px){
  .home-split-hero .hero-art img{
    height:100% !important;
  }
}


/* v14: use more of the hero image width, filling the sides more like the reference */
.home-split-hero .hero-art img{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}
@media(max-width:620px){
  .home-split-hero .hero-art img{
    width: 100% !important;
    height: 100% !important;
  }
}


/* v15: bottom quick-link cards on every page and post */
.footer-nav-section{margin:24px auto 0;}
.footer-nav-grid{margin-top:0;}
.footer-nav-card{min-height:190px;}
.footer-nav-card h3{margin:10px 0 8px;}
.footer-nav-card p{margin-bottom:0;}
@media(max-width:780px){.footer-nav-section{margin-top:18px;}.footer-nav-card{min-height:auto;}}


/* v16: compact bottom quick-links strip on every page/post */
.footer-nav-section{display:none !important;}
.footer-quicklinks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:24px auto 0;
  padding-bottom:22px;
}
.footer-quicklink{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(14,26,43,.9);
  border:1px solid var(--met-border);
  border-radius:16px;
  padding:14px 16px;
  color:var(--met-text);
  text-decoration:none;
  min-height:64px;
  box-shadow:0 8px 18px rgba(0,0,0,.14);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.footer-quicklink:hover{
  transform:translateY(-2px);
  border-color:var(--met-blue);
  box-shadow:0 12px 26px rgba(0,0,0,.24);
  text-decoration:none;
  color:var(--met-text);
}
.footer-quicklink strong{
  font-size:1rem;
  line-height:1.1;
  white-space:nowrap;
}
.footer-quicklink .badge{
  flex:0 0 auto;
  font-size:.72rem;
  padding:4px 9px;
}
.site-footer{margin-top:0;}
@media(max-width:780px){
  .footer-quicklinks{grid-template-columns:1fr;margin-top:18px;}
  .footer-quicklink{justify-content:flex-start;}
}