/* ═══════════════════════════════════════════════════════
   MICROSITE.CSS — EBL Youth Teams Championships 2026
   Style: Black #111111 · Red #C8102E · White #FFFFFF
   Fonts: system-safe stack (no Google Fonts in .css file)
   ═══════════════════════════════════════════════════════ */

/* ── Body & links ── */
body {
  background-color: #F8F6F3 !important;
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
}

a:link    { color: #C8102E !important; text-decoration: none; }
a:visited { color: #A50D25 !important; text-decoration: none; }
a:hover   { color: #C8102E !important; text-decoration: underline; }
a:active  { color: #C8102E !important; }

/* ── Main wrapper table (TableBase) ── */
.TableBase {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  color: #333333;
  background-color: #ffffff !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 4px;
  box-shadow: 0 2px 20px rgba(0,0,0,0.07);
}

/* ── Big title header (Negative_BorderTitle) ── */
.Negative_BorderTitle {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  color: #ffffff !important;
  background-color: #111111 !important;
  border: none !important;
  padding: 18px 24px;
  margin-bottom: 0;
  border-bottom: 3px solid #C8102E !important;
}

/* ── Subtitle (HeadlineTitleSpaced) ── */
.HeadlineTitleSpaced {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #555555;
  text-align: center;
  letter-spacing: 0.05em;
  margin: 6px 0;
}

/* ── Big blue headline (HeadlineTitleBigBul) ── */
.HeadlineTitleBigBul {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  color: #111111;
}

/* ── Nav menu items (Bold_TitleItemSmall) — was green ── */
.Bold_TitleItemSmall {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111111 !important;
  line-height: 1.6;
}
.Bold_TitleItemSmall a { color: #C8102E !important; }
.Bold_TitleItemSmall a:hover { color: #A50D25 !important; text-decoration: underline; }

/* ── Bold blue title items (Bold_TitleItem) ── */
.Bold_TitleItem {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #111111 !important;
}

/* ── Red bold (RedBoldBigSpaced, Bold_Red, Bold_Red_Small) ── */
.RedBoldBigSpaced,
.Bold_Red,
.Bold_Red_Small {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #C8102E !important;
}

/* ── Data table cells (textTableOstend) ── */
.textTableOstend {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  color: #333333 !important;
  background-color: #ffffff !important;
  border: 1px solid #E8E8E8 !important;
  padding: 8px 10px;
}

/* ── Table header / series columns (Item1, Item2) ── */
.Item1,
.Item2 {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff !important;
  background-color: #111111 !important;
  border: 1px solid #333333 !important;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 8px 6px;
}

/* ── Totals row (GreenBold) ── */
.GreenBold {
  color: #C8102E !important;
  font-weight: 700;
  font-size: 15px;
}

/* ── Internal table variants ── */
.TableTaicangInt {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  color: #333333 !important;
  background-color: #F8F6F3 !important;
  border: 1px solid #E8E8E8 !important;
}
.TableTaicangIntHeading {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #ffffff !important;
  background-color: #111111 !important;
  border: 1px solid #333333 !important;
  letter-spacing: 0.06em;
}
.TableTaicangSubHeading {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #C8102E !important;
  background-color: #FFF0F2 !important;
  border: 1px solid #E8E8E8 !important;
}

/* ── Footer table (TableTaicang) ── */
.TableTaicang {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  color: #888888 !important;
  background-color: #ffffff !important;
  border: 1px solid #E8E8E8 !important;
}

/* ── Text table variants ── */
.textTableTaicangSingleBorder,
.textTableTaicangSingleBorderNoBgrnd {
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 14px;
  color: #333333 !important;
  background-color: #F8F6F3 !important;
  border: 1px solid #E8E8E8 !important;
}

/* ── Footnote ── */
.Footnote {
  color: #C8102E !important;
  font-family: -apple-system, 'Segoe UI', Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

/* ── Utility colors ── */
.Red  { color: #C8102E !important; }
.Blue { color: #111111 !important; }

/* ── White text helper (used on colored bgcolor cells) ── */
.White { color: #ffffff !important; }

/* ── Countries header cell override (bgcolor="#00984a" in ASP) ── */
td[bgcolor="#00984a"] {
  background-color: #111111 !important;
}

/* ── Nav menu table ── */
.TaicanfMenuTable {
  border: 1px solid #E8E8E8 !important;
  border-radius: 4px;
}