/* Shared styling for the tables rendered under the "entries" layout - the player
   entries pages and the group-stage qualifier list. Loaded by
   templates/layout/entries.php so every page on that layout looks the same.

   All of it exists because web/style.css carries a global reset:

       th, td { border: 1px solid #3333; padding: 6px; text-align: left; ... }

   A bare element selector still outranks a presentational attribute, so the
   cellpadding= and align= values these templates already carry in their markup
   are dead letters. Rather than restate the layout per page, the rules below put
   the markup's own intent back. */

/* Hold the footer at the bottom of the window on pages whose content does not
   fill it - an event with two qualifiers used to leave the footer floating
   halfway up with white below it. The content block takes the leftover height
   rather than the footer taking a top margin, so the teal carries on down to the
   footer instead of a white band opening up above it. .scrollup is position:
   fixed, so it stays out of this. */
.entries-layout { display: flex; flex-direction: column; min-height: 100vh; }
.entries-layout .main_content { flex: 1 0 auto; }

/* Pages that draw more than one table - the qualifier list runs one per
   qualifying place - stacked them with no gap, so the second table's heading row
   butted against the last row of the first and the two read as one. The adjacent
   sibling selector means a page with a single table gains no trailing space. */
.entries-layout .tabledatascroll + .tabledatascroll { margin-top: 30px; }

/* Body cells. */
.eventtabledata td {
	padding: 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: normal !important;
	border: 1px solid #ccc;
	line-height: 14px;
}

/* Header row. Colour is deliberately not the #000 this block otherwise carries:
   .eventtabledata th fills the cell black, so black text would be invisible. In
   the result/ stylesheet these values come from, the same declaration covered td
   and th together and a following rule put the header back to white. */
.eventtabledata th {
	padding: 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal !important;
	border: 1px solid #ccc;
	line-height: 14px;
}

/* Honour the align attribute the templates already set on their short columns -
   serial numbers, ids, gender, district - so values sit under their heading
   instead of drifting to the left of a column sized by it. Names and dates carry
   no attribute and stay left, where the eye picks up a list of words. */
.eventtabledata th[align="center"],
.eventtabledata td[align="center"] { text-align: center; }
.eventtabledata th[align="right"],
.eventtabledata td[align="right"] { text-align: right; }

/* Page heading. 25px keeps the longest of these on one line - "<event> LIST OF
   QUALIFIERS FOR MAIN DRAW" runs to about 59 characters and would wrap at the
   30px web/style.css sets. */
.event_titlehead h6 {
	text-align: center;
	font-size: 25px;
	font-weight: 800;
	color: #009690;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: grid;
	grid-template-columns: 1fr max-content 1fr;
	grid-template-rows: 27px 0;
	grid-gap: 20px;
	align-items: center;
	text-decoration: none !important;
	margin-bottom: 0;
}