/* Mobile fallback */

@media (max-width: 991.98px) {
  .legacy-banner-wrapper {
    display: none;
  }
}


/* Legacy Image header in navbar*/

.navbar {
  position: relative;
  overflow: visible;
  min-height: 75px; /* close to Bootstrap default */
  padding-top: 8px;
  padding-bottom: 8px;
}

.dt-brand-text {
    position: absolute;
    top: 12px;   /* tweak manually */
    left: 70px;  /* next to logo */
    color: white;
}


.dt-title {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.1;
}

.dt-subtitle {
  font-size: 0.85rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.1;
}

.legacy-banner-wrapper {
  position: absolute;
  right: 0;
  top: 20px;              /* vertical drop */
  width: 55%;
  height: 110px;
  pointer-events: none;
}

.legacy-banner-top {
  position: absolute;
  right: 0;
  top: -32px;
  max-width: 100%;
  height: auto;
}

.legacy-banner-bottom {
  position: absolute;
  right: 0;
  top: 35px;
  max-width: 100%;
  height: auto;
}

.legacy-archive-text {
  position: absolute;
  left: 1%;
  top: 20px;
  z-index: 3;
  color: #ffffff !important;
  font-weight: bold;
  white-space: nowrap;
}

.navbar-brand {
  position: relative;
  z-index: 4;
}

.legacy-banner-wrapper {
  z-index: 2;
}

.legacy-blue-bar {
  height: 1px;
  background-color: #0A3FC0;
}

.legacy-warning {
  margin: 8px 0;
  padding: 6px;
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
  color: #fff;
  background-color: #c00;
  border: 1px solid #900;
}




/* legacy_tables.css */

/* League Table */
TABLE#leaguetable {
	table-layout: fixed;
	border: 0px;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	width: 495px;
}

TABLE#leaguetable TH {
	border-top: #ccf 1px solid;
	border-left: #ccf 1px solid;
	border-bottom: #336 1px solid;
	border-right: #336 1px solid;
	background: #99c;
	color: #fff;
	font-weight: normal;
}

TABLE#leaguetable TR TD {
	padding: 2px;
	text-align: center;
}

TABLE#leaguetable TR.grey TD {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background: #CCCCCC;
	color: #039;
}

TABLE#leaguetable TR.blue TD {
	border-top: #3cf 1px solid;
	border-left: #3cf 1px solid;
	border-bottom: #039 1px solid;
	border-right: #039 1px solid;
	background: #3366FF;
	color: #fc3;
}

/* Hyperlinks */
a:hover	{ color: #003399; text-decoration: underline; font-weight: none;}
a:visited { color: #003399; text-decoration: underline; font-weight: none;}
a:visited:hover { color: #003399; text-decoration: underline; font-weight: none;}
a:active { color: #003399; text-decoration: underline; font-weight: none;}
a:link	{ color: #003399; text-decoration: underline; font-weight: none;}

/* yellowlink hyperlinks */
a.yellowlink:visited { color: #ffcc33; text-decoration: underline }
a:visited:hover { color: #ffcc33; text-decoration: underline; font-weight: none; }
a.yellowlink:link { color: #ffcc33; text-decoration: underline }
a.yellowlink:active{ color: #ffcc33; text-decoration: underline }
a.yellowlink:hover { color: #ffcc33; font-weight: normal; text-decoration: underline }

/* Fixtures Table */
TABLE#fixtures {
	table-layout: fixed;
	border: 0px;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	width: 495px;
}

TABLE#fixtures TH {
	border-top: #ccf 1px solid;
	border-left: #ccf 1px solid;
	border-bottom: #336 1px solid;
	border-right: #336 1px solid;
	background: #99c;
	color: #fff;
	font-weight: normal;
}

TABLE#fixtures TR TD {
	padding: 2px;
	text-align: center;
}

TABLE#fixtures TR.yellow TD {
	border-top: #ff6 1px solid;
	border-left: #ff6 1px solid;
	border-bottom: #c63 1px solid;
	border-right: #c63 1px solid;
	background: #fc3;
	color: #039;
}

TABLE#fixtures TR.blue TD {
	border-top: #3cf 1px solid;
	border-left: #3cf 1px solid;
	border-bottom: #039 1px solid;
	border-right: #039 1px solid;
	background: #36f;
	color: #fc3;
}

TABLE#fixtures TR.green TD {
	border-top: #3a3 1px solid;
	border-left: #3a3 1px solid;
	border-bottom: #390 1px solid;
	border-right: #390 1px solid;
	background: #693;
	color: #eee;
}

TABLE#fixtures TR.yellow A {
	color: #039;
}

TABLE#fixtures TR.blue A {
	color: #fc3;
}

TABLE#fixtures TR.green A {
	color: #eee;
}

/* Acronyms */
acronym {
	cursor: help;
}

/* Apps Table */
TABLE#apps {
	table-layout: fixed;
	border: 0px;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	width: 495px;
}

TABLE#apps TH {
	border-top: #ccf 1px solid;
	border-left: #ccf 1px solid;
	border-bottom: #336 1px solid;
	border-right: #336 1px solid;
	background: #99c;
	color: #fff;
	font-weight: normal;
}

TABLE#apps TR TD {
	padding: 2px;
	text-align: center;
}

TABLE#apps TR.grey TD {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	background: #CCCCCC;
	color: #039;
	text-align: center;
}



/* =========================================================
   AFC Wimbledon – Legacy Layout Stabilisation (Full)
   ========================================================= */

/* 1. Lock the page width */
html,
body {
    width: 1024px;
    min-width: 1024px;
    margin: 0 auto;
    overflow-x: hidden;
    background: #ffffff;
}

/* 2. Neutralise all nested Bootstrap containers */
.container .container,
.container .container .container,
.container .container .container .container,
.container-fluid .container,
.container-fluid .container .container,
.container-fluid .container .container .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
    max-width: none !important;
}

/* 3. Prevent Bootstrap rows from spilling horizontally */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 4. Neutralise rows inside nested containers */
.container .row,
.container .container .row,
.container .container .container .row,
.container-fluid .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 5. Legacy tables should remain untouched */
table {
    max-width: 100%;
}

/* 6. Centre fixed-width legacy tables explicitly */
table[width="780"],
table[width="760"],
table[width="800"] {
    margin-left: auto;
    margin-right: auto;
}

/* 7. Keep navbars aligned with legacy content */
.navbar {
    padding-left: 0;
    padding-right: 0;
}

/* 8. Prevent images from breaking layout */
img {
    max-width: 100%;
    height: auto;
}

/* 9. Logo-specific fixes */
img.dt-logo {
    height: 50px;
    width: auto;
}

img.afcw-logo {
    height: 36px;
    width: auto;
}

/* 10. Avoid Bootstrap typography blowing up legacy text */
body,
table,
td,
th {
    font-size: inherit;
    line-height: inherit;
}

/* 11. Optional: remove Bootstrap margins on list-groups inside nested containers */
.container .list-group,
.container .container .list-group {
    margin-left: 0;
    margin-right: 0;
}