:root{
  --sg:#F5C400;--sb:#0A0A0A;--ss:#191919;--ss2:#202020;
  --sr:#2C2C2C;--sm:#6B6B6B;--sl:#D0D0D0;--sw:#F0F0F0;
  --slv:#e53935;
}

/* ═══════════════════════════════════════════════════
   MATCH BAR WIDGET  [amc_matches_bar]
   Style: dark container, header row (title + tabs),
   horizontal cards with snap scroll
═══════════════════════════════════════════════════ */
.mcbar {
  background: #111;
  border: 1px solid #2a2a2a;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 16px;
  font-family: -apple-system, 'Roboto', sans-serif;
}

/* ── Header row: title left, tabs right ── */
.mcbar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #0d0d0d;
  border-bottom: 1px solid #2a2a2a;
  gap: 10px;
  flex-wrap: wrap;
}
.mcbar-title {
  font-size: 13px;
  font-weight: 800;
  color: #F5C400;
  letter-spacing: .06em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.mcbar-tabs {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  flex-shrink: 0;
}
.mcbar-tabs::-webkit-scrollbar { display: none; }
.mcbar-tab {
  background: #1e1e1e;
  border: 1.5px solid #333;
  border-radius: 20px;
  padding: 5px 13px;
  font-size: 12px;
  font-weight: 700;
  color: #777;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: .15s;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.mcbar-tab:hover,
.mcbar-tab.active {
  background: #F5C400 !important;
  color: #000 !important;
  border-color: #F5C400 !important;
}

/* ── Scroll track ── */
.mcbar-nav-wrap {
  display: flex;
  align-items: stretch;
}
.mcbar-nav-btn {
  flex-shrink: 0;
  width: 32px;
  background: #0d0d0d;
  border: none;
  border-right: 1px solid #2a2a2a;
  color: #555;
  font-size: 16px;
  cursor: pointer;
  transition: color .15s, background .15s;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.mcbar-nav-next {
  border-right: none;
  border-left: 1px solid #2a2a2a;
}
.mcbar-nav-btn:hover { background: #1a1a1a; color: #F5C400; }

.mcbar-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  flex: 1;
}
.mcbar-scroll::-webkit-scrollbar { display: none; }
.mcbar-track {
  display: flex;
}

/* ── Cards ── */
a.mcbar-card {
  flex-shrink: 0;
  width: 260px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 16px;
  background: #191919;
  border-right: 1px solid #2a2a2a;
  text-decoration: none !important;
  color: inherit;
  transition: background .15s;
  scroll-snap-align: start;
  -webkit-tap-highlight-color: transparent;
}
a.mcbar-card:last-child { border-right: none; }
a.mcbar-card:hover { background: #1e1e1e; }
a.mcbar-card, a.mcbar-card * { text-decoration: none !important; }

/* Card head: sport + competition + LIVE */
.mcbar-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}
.mcbar-card-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.mcbar-sport-tag {
  font-size: 11px;
  font-weight: 800;
  color: #F5C400;
  letter-spacing: .05em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 4px;
}
.mcbar-comp {
  font-size: 10px;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mcbar-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #e53935;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: 20px;
  flex-shrink: 0;
}
.mcbar-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: currentColor;
  animation: amc-blink 1s ease-in-out infinite;
  display: inline-block;
}
@keyframes amc-blink { 0%,100%{opacity:1} 50%{opacity:.2} }

/* Teams row */
.mcbar-vs-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.mcbar-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex: 1;
}
.mcbar-logo    { width: 52px; height: 52px; object-fit: contain; display: block; }
.mcbar-logo-fb {
  width: 52px; height: 52px;
  background: #222; border: 1px solid #333;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; color: #F5C400;
}
.mcbar-tname { font-size: 13px; font-weight: 700; color: #F0F0F0; text-align: center; line-height: 1.2; }
.mcbar-mid   { display: flex; flex-direction: column; align-items: center; gap: 3px; flex-shrink: 0; }
.mcbar-vs    { font-size: 20px; font-weight: 900; color: #F5C400; }
.mcbar-sep   { font-size: 22px; font-weight: 900; color: #555; }
.mcbar-score { font-size: 28px; font-weight: 900; color: #fff; display: block; line-height: 1; }
.mcbar-score-row { display: flex !important; flex-direction: row !important; align-items: center; gap: 4px; }
.mcbar-time  { font-size: 16px; font-weight: 700; color: #D0D0D0; }

/* Scorers */
.mcbar-scorers {
  font-size: 11px; color: #D0D0D0; line-height: 1.5;
  border-top: 1px solid #2a2a2a; padding-top: 8px;
  display: flex; flex-direction: column; gap: 2px;
}
.mcbar-scorers-away { color: #6B6B6B; }

/* Info row */
.mcbar-info {
  display: flex; flex-direction: column; gap: 4px;
  border-top: 1px solid #2a2a2a; padding-top: 10px;
}
.mcbar-info-date  { font-size: 12px; font-weight: 700; color: #555; }
.mcbar-info-sub   { display: flex; gap: 10px; flex-wrap: wrap; }
.mcbar-info-tv    { font-size: 11px; color: #F5C400; font-weight: 600; }
.mcbar-info-venue { font-size: 11px; color: #555; }

/* Mobile: keep horizontal slide */
@media (max-width: 500px) {
  a.mcbar-card { width: 240px; }
  .mcbar-logo, .mcbar-logo-fb { width: 42px; height: 42px; }
  .mcbar-score { font-size: 24px; }
  .mcbar-vs    { font-size: 18px; }
}

/* ══════════════════════════════════
   MATCH CENTER  [amc_match_center]
══════════════════════════════════ */
.mc-wrap { font-family: -apple-system, 'Roboto', sans-serif; }
.mc-empty { text-align: center; padding: 40px; color: var(--sm); }

/* Toolbar */
.mc-toolbar { display: flex; flex-direction: column; gap: 8px; margin-bottom: 20px; }
.mc-tabs, .mc-month-tabs { display: flex; gap: 6px; flex-wrap: wrap; }

.mc-tab, .mc-month-btn {
  background: var(--ss);
  border: 1.5px solid var(--sr);
  border-radius: 20px;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 700;
  color: var(--sm);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  transition: .15s;
  -webkit-tap-highlight-color: transparent;
}
.mc-tab:hover, .mc-tab.active {
  background: var(--sg) !important;
  color: #000 !important;
  border-color: var(--sg) !important;
}
.mc-month-tabs .mc-month-btn {
  font-size: 11px; padding: 5px 12px;
  background: transparent; border-color: #333; color: #666;
}
.mc-month-tabs .mc-month-btn:hover,
.mc-month-tabs .mc-month-btn.active {
  background: #222 !important; color: var(--sg) !important; border-color: var(--sg) !important;
}

/* Section headers */
.mc-section-hdr {
  font-size: 12px; font-weight: 800; color: var(--sw);
  letter-spacing: .08em; text-transform: uppercase;
  margin-bottom: 12px; padding-bottom: 8px;
  border-bottom: 2px solid var(--sg);
  display: flex; align-items: center; gap: 6px;
}

/* Day block */
.mc-day { margin-bottom: 12px; }
.mc-day-hdr {
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 14px; background: var(--ss2);
  border: 1px solid var(--sr); border-radius: 8px 8px 0 0; border-bottom: none;
}
.mc-day-label { font-size: 13px; font-weight: 700; color: var(--sw); }
.mc-day-date  { font-size: 11px; color: var(--sm); }
.mc-day-rows  { border: 1px solid var(--sr); border-radius: 0 0 8px 8px; overflow: hidden; }

/* ── DESKTOP row: 7 columns ── */
a.mc-row {
  display: grid;
  grid-template-columns: 36px 52px 90px 1fr 68px 1fr 130px;
  align-items: center;
  gap: 0 8px;
  padding: 11px 14px;
  background: var(--ss);
  border-bottom: 1px solid var(--sr);
  text-decoration: none !important;
  color: inherit;
  transition: background .15s;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
a.mc-row, a.mc-row * { text-decoration: none !important; }
a.mc-row:last-child { border-bottom: none; }
a.mc-row:hover { background: rgba(255,255,255,.03); }
a.mc-row.mc-row-live { border-left: 3px solid var(--slv); }
a.mc-row.mc-row-done { opacity: .85; }

/* Sport icon column */
.mc-row-sport {
  display: flex; flex-direction: column; align-items: center; gap: 1px;
}
.mc-row-sport-icon { font-size: 18px; line-height: 1; }
.mc-row-sport-lbl  { font-size: 8px; font-weight: 800; color: #555; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }

/* Time column */
.mc-row-time { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mc-row-t    { font-size: 15px; font-weight: 700; color: var(--sw); }
.mc-dot-live { width: 8px; height: 8px; border-radius: 50%; background: var(--slv); animation: amc-blink 1s ease-in-out infinite; display: block; }
.mc-lbl-live { color: var(--slv); font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.mc-lbl-done { font-size: 10px; color: var(--sm); font-weight: 600; }
.mc-lbl-post { font-size: 10px; color: #ff9800; font-weight: 600; }

/* Competition column */
.mc-row-comp span { font-size: 10px; color: var(--sm); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

/* Teams */
.mc-row-home { display: flex; align-items: center; gap: 7px; justify-content: flex-end; }
.mc-row-away { display: flex; align-items: center; gap: 7px; justify-content: flex-start; }
.mc-name { font-size: 14px; font-weight: 600; color: var(--sl); }
.mc-logo { width: 22px; height: 22px; object-fit: contain; flex-shrink: 0; }
.mc-win  { color: var(--sw); font-weight: 700; }

/* Score */
.mc-row-score { display: flex; align-items: center; justify-content: center; gap: 4px; }
.mc-sc        { font-size: 18px; font-weight: 900; color: var(--sw); min-width: 18px; text-align: center; }
.mc-sc-live   { color: var(--slv); }
.mc-sep       { font-size: 14px; color: var(--sm); }
.mc-vs-sm     { font-size: 11px; font-weight: 700; color: var(--sm); letter-spacing: .06em; }

/* Info column */
.mc-row-info  { display: flex; flex-direction: column; gap: 2px; padding-left: 8px; overflow: hidden; }
.mc-tv, .mc-venue { font-size: 10px; color: var(--sm); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-scorers-row { display: flex; flex-direction: column; gap: 1px; }
.mc-sc-home, .mc-sc-away { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; }
.mc-sc-home { color: var(--sl); }
.mc-sc-away { color: var(--sm); }

/* ── MOBILE match center ── */
/* Clean 3-col layout: sport | time+comp | home score away */
@media (max-width: 640px) {
  a.mc-row {
    grid-template-columns: 28px 52px 1fr 54px 1fr;
    gap: 0 6px;
    padding: 10px 12px;
  }
  /* Hide competition and info columns on mobile */
  .mc-row-comp { display: none; }
  .mc-row-info { display: none; }
  /* Show sport icon only, hide label */
  .mc-row-sport-lbl { display: none; }
  .mc-row-sport-icon { font-size: 16px; }
  .mc-name { font-size: 12px; }
  .mc-sc   { font-size: 16px; }
  .mc-logo { width: 18px; height: 18px; }
  .mc-row-t { font-size: 13px; }
  .mc-day-label { font-size: 12px; }
  .mc-day-hdr { padding: 8px 12px; }
  .mc-day-date { display: none; }
}

/* ══════════════════════════════════
   SINGLE MATCH PAGE
══════════════════════════════════ */
.sp-match { max-width:780px;margin:0 auto;padding:0 16px 80px;font-family:-apple-system,'Roboto',sans-serif; }

.sp-hero {
  background:linear-gradient(160deg,#1c1900,#0f0f0f);
  border:1px solid rgba(245,196,0,.2);border-radius:16px;
  padding:22px 22px 16px;margin-bottom:12px;
}
.sp-hero-live     { border-color:rgba(229,57,53,.35); }
.sp-hero-finished { border-color:rgba(76,175,80,.2); }

/* Top: date+comp centered, badge right */
.sp-hero-top {
  display:flex;align-items:flex-start;justify-content:space-between;
  margin-bottom:22px;gap:10px;
}
.sp-hero-info { flex:1;text-align:center; }
.sp-hero-date { font-size:12px;color:#6B6B6B;margin-bottom:3px; }
.sp-hero-comp { font-size:11px;font-weight:700;color:#888;letter-spacing:.05em; }

.sp-status-badge {
  display:inline-flex;align-items:center;gap:6px;padding:5px 12px;
  border-radius:20px;background:#202020;color:#6B6B6B;font-size:11px;font-weight:700;flex-shrink:0;
}
.sp-badge-live { background:#e53935;color:#fff; }
.sp-badge-done { background:rgba(76,175,80,.15);color:#66bb6a; }
.sp-pulse { width:7px;height:7px;border-radius:50%;background:currentColor;animation:amc-blink 1s ease-in-out infinite;display:inline-block; }

/* ── SCOREBOARD ──
   Flex row: [home col] [score col] [away col]
   Each team col: logo → name → scorers
   Home scorers: right-align, ball on RIGHT
   Away scorers: left-align, ball on LEFT
*/
.sp-scoreboard {
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}

/* Team columns — equal width */
.sp-sb-team {
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}

/* Logo */
.sp-sb-logo-wrap { width:84px;height:84px;display:flex;align-items:center;justify-content:center; }
.sp-sb-logo-wrap img { width:84px;height:84px;object-fit:contain; }
.sp-logo-fb {
  width:84px;height:84px;background:#191919;border:2px solid #2C2C2C;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:700;color:#F5C400;
}

/* Team name */
.sp-sb-name { font-size:15px;font-weight:700;color:#F0F0F0;text-align:center;line-height:1.2; }

/* Scorers wrapper — full width of team col */
.sp-sb-scorers {
  width:100%;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,.06);
}

/* Home scorers: text right, ball at right end */
.sp-sb-team:first-child .sp-sb-scorers { align-items:flex-end; }
.sp-sb-team:first-child .sp-sb-scorer  {
  display:flex;
  flex-direction:row;         /* text … ⚽ */
  align-items:center;
  gap:5px;
  font-size:12px;color:#D0D0D0;white-space:nowrap;
}

/* Away scorers: text left, ball at left end */
.sp-sb-team:last-child .sp-sb-scorers { align-items:flex-start; }
.sp-sb-team:last-child .sp-sb-scorer  {
  display:flex;
  flex-direction:row-reverse; /* ⚽ … text */
  align-items:center;
  gap:5px;
  font-size:12px;color:#D0D0D0;white-space:nowrap;
}

/* Score center column */
.sp-sb-center {
  flex-shrink:0;
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding-top:14px;
  min-width:120px;
}
.sp-sb-score {
  display:flex !important;flex-direction:row !important;
  align-items:center;gap:6px;
}
.sp-sb-sn  { font-size:58px;font-weight:900;color:#fff;line-height:1;min-width:38px;text-align:center; }
.sp-sb-sep { font-size:44px;font-weight:300;color:#6B6B6B;line-height:1; }
.sp-sb-lbl { font-size:10px;color:#6B6B6B;letter-spacing:.08em;text-transform:uppercase;text-align:center; }
.sp-sb-lbl-live { color:#e53935;display:flex;align-items:center;gap:5px;justify-content:center; }
.sp-sb-vs   { font-size:34px;font-weight:900;color:#F5C400; }
.sp-sb-time { font-size:38px;font-weight:900;color:#F5C400; }

/* Info strip */
.sp-info-strip {
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding-top:16px;border-top:1px solid #2C2C2C;font-size:12px;color:#6B6B6B;
}
.sp-tv-link  { color:#F5C400;text-decoration:none; }
.sp-tv-link:hover { text-decoration:underline; }
.sp-cal-btn  { color:#F5C400;text-decoration:none;font-weight:600; }

/* Info cards */
.sp-info-cards { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px; }
.sp-info-c { display:flex;align-items:center;gap:10px;padding:12px 14px;background:#191919;border:1px solid #2C2C2C;border-radius:10px;text-decoration:none;transition:border-color .15s; }
a.sp-info-c:hover { border-color:#F5C400; }
.sp-info-lbl { font-size:10px;font-weight:700;color:#6B6B6B;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px; }
.sp-info-val { font-size:13px;font-weight:600;color:#D0D0D0; }

@media(max-width:600px){
  .sp-info-cards { grid-template-columns:1fr; }
  .sp-sb-sn  { font-size:40px; }
  .sp-sb-sep { font-size:28px; }
  .sp-sb-logo-wrap,.sp-sb-logo-wrap img,.sp-logo-fb { width:56px;height:56px; }
  .sp-sb-name { font-size:12px; }
  .sp-hero { padding:14px 14px 12px; }
  .sp-sb-scorer { font-size:11px; }
  .sp-sb-center { min-width:90px; }
}

/* ══════════════════════════════════
   SIDEBAR WIDGET (AMC_Match_Widget)
══════════════════════════════════ */
.amc-sw-card {
  display: block; text-decoration: none !important; color: inherit;
  background: var(--ss); border: 1px solid var(--sr);
  border-radius: 14px; overflow: hidden; margin-bottom: 10px;
  transition: border-color .15s;
}
.amc-sw-card:hover { border-color: var(--sg); }
.amc-sw-card, .amc-sw-card * { text-decoration: none !important; }
.amc-sw-head {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  padding: 9px 14px; background: var(--ss2); border-bottom: 1px solid var(--sr);
}
.amc-sw-sport { font-size: 11px; font-weight: 800; color: var(--sg); letter-spacing: .04em; }
.amc-sw-comp  { font-size: 10px; color: var(--sm); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.amc-sw-badge { font-size: 10px; font-weight: 700; color: var(--sm); background: #222; padding: 3px 8px; border-radius: 20px; flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px; }
.amc-sw-live  { background: var(--slv); color: #fff; }
.amc-sw-teams { display: flex; align-items: center; justify-content: space-between; padding: 14px; gap: 8px; }
.amc-sw-team  { display: flex; flex-direction: column; align-items: center; gap: 7px; flex: 1; }
.amc-sw-logo  { width: 44px; height: 44px; object-fit: contain; }
.amc-sw-logo-fb { width: 44px; height: 44px; background: #222; border: 1px solid #333; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--sg); }
.amc-sw-tname { font-size: 12px; font-weight: 700; color: var(--sw); text-align: center; line-height: 1.2; }
.amc-sw-mid   { display: flex; flex-direction: column; align-items: center; gap: 3px; flex-shrink: 0; }
.amc-sw-vs    { font-size: 16px; font-weight: 900; color: var(--sg); }
.amc-sw-score { font-size: 22px; font-weight: 900; color: var(--slv); }
.amc-sw-time  { font-size: 13px; font-weight: 700; color: var(--sl); }
.amc-sw-foot  { display: flex; flex-direction: column; gap: 3px; padding: 8px 14px; border-top: 1px solid var(--sr); font-size: 10px; color: var(--sm); }

/* Widget: scorer items under team name */
.mcbar-sc-item {
  display:block;font-size:10px;color:#D0D0D0;
  text-align:center;line-height:1.4;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:100%;
}