/* Island Games Athletics Results — front-end styles.
   Palette is token-driven: override --iga-accent on .iga-app to re-skin for
   another island's site. Defaults sit close to a clean navy/blue athletics look. */
/* Fill the content column. Some themes cap their content children to a
   reading measure (e.g. FÍF's `.entry > * { max-width: 74ch }`); an ID
   selector overrides that so the wide data tables use the full width.
   Harmless where no cap exists. */
#iga-app.iga-app { max-width: none; }

.iga-app {
	--iga-accent: #1d4ed8;
	--iga-accent-deep: #16368f;
	--iga-ink: #0d1b33;
	--iga-muted: #5a6b7b;
	--iga-line: #e3e9f1;
	--iga-line-soft: #eef2f8;
	--iga-head-bg: #eef3fb;
	--iga-hover: rgba(29, 78, 216, .05);
	font-size: 15px;
	color: var(--iga-ink);
}

/* --- tabs --- */
.iga-tabs { display: flex; flex-wrap: wrap; gap: 2px; border-bottom: 2px solid var(--iga-line); margin-bottom: 1.3em; }
.iga-tab { background: none; border: none; border-bottom: 3px solid transparent; padding: 9px 16px;
	cursor: pointer; font: inherit; font-weight: 600; color: var(--iga-muted); margin-bottom: -2px; }
.iga-tab.active { color: var(--iga-accent); border-bottom-color: var(--iga-accent); }
.iga-tab:hover { color: var(--iga-accent); }

/* --- section + round headings --- */
.iga-app h3 { color: var(--iga-ink); font-weight: 800; font-size: 1.18em; line-height: 1.2;
	margin: 1.5em 0 .65em; padding-left: 12px; border-left: 4px solid var(--iga-accent); }
.iga-round { font-size: 1.02em; }
.iga-subhead { margin: 1.2em 0 .35em; font-size: .82em; text-transform: uppercase;
	letter-spacing: .06em; color: var(--iga-muted); font-weight: 700; padding-left: 12px;
	border-left: 3px solid var(--iga-line); }

/* --- controls --- */
.iga-controls { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 1.3em; }
.iga-controls select, .iga-search, .iga-filter {
	padding: 9px 12px; border: 1px solid var(--iga-line); border-radius: 8px; font: inherit;
	color: var(--iga-ink); background: #fff; }
.iga-controls select:focus, .iga-search:focus, .iga-filter:focus {
	outline: none; border-color: var(--iga-accent); box-shadow: 0 0 0 3px var(--iga-hover); }
.iga-search { min-width: 280px; }
.iga-filter { min-width: 220px; }

/* --- tables --- */
.iga-scroll { overflow-x: auto; border: 1px solid var(--iga-line); border-radius: 12px;
	background: #fff; margin-bottom: 1.4em; }
.iga-table { width: 100%; border-collapse: collapse; }
.iga-table th { text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em;
	color: var(--iga-ink); font-weight: 700; background: var(--iga-head-bg);
	border-bottom: 1px solid var(--iga-line); padding: 11px 14px; white-space: nowrap; }
.iga-table th.num { text-align: right; }
.iga-table td { padding: 10px 14px; border-bottom: 1px solid var(--iga-line-soft); vertical-align: top; }
.iga-table tbody tr:last-child td { border-bottom: none; }
.iga-table tbody tr:hover { background: var(--iga-hover); }
.iga-table td.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.iga-table td.mark { font-weight: 700; color: var(--iga-ink); }
.iga-table td.iga-who { font-weight: 600; }

.iga-clickable { cursor: pointer; }
.iga-clickable:hover { background: var(--iga-hover); }
.iga-clickable:hover .iga-link { text-decoration: underline; }
.iga-members { color: var(--iga-muted); font-size: .9em; }
.iga-note { color: var(--iga-muted); font-size: .85em; margin-top: .3em; }
.iga-empty, .iga-loading { color: var(--iga-muted); font-style: italic; }
.iga-link { color: var(--iga-accent); text-decoration: none; font-weight: 600; }
.iga-link:hover { text-decoration: underline; }

/* World Athletics scoring-table points */
.iga-table td.iga-pts { color: var(--iga-accent); font-variant-numeric: tabular-nums; font-weight: 600; }

/* --- medals --- */
.iga-medal { display: inline-block; width: 11px; height: 11px; border-radius: 50%; margin-left: 6px; vertical-align: baseline; }
.iga-gold, .iga-gold-t { background: #d4a017; }
.iga-silver, .iga-silver-t { background: #9fa6ad; }
.iga-bronze, .iga-bronze-t { background: #a9662a; }
td.iga-gold-t, td.iga-silver-t, td.iga-bronze-t { background: none; font-weight: 700; }
.iga-medal-count { display: inline-block; min-width: 18px; text-align: center; border-radius: 9px;
	color: #fff; font-size: 11px; font-weight: 700; padding: 1px 5px; margin-right: 4px; }

/* --- athlete / island detail modal --- */
.iga-overlay { position: fixed; inset: 0; background: rgba(13, 27, 51, .55); z-index: 99999;
	display: flex; align-items: flex-start; justify-content: center; padding: 4vh 12px; }
.iga-card { background: #fff; border-radius: 14px; max-width: 720px; width: 100%; max-height: 88vh;
	overflow-y: auto; padding: 22px 26px; position: relative; box-shadow: 0 18px 50px rgba(13, 27, 51, .28); }
.iga-close { position: absolute; top: 10px; right: 14px; background: none; border: none;
	font-size: 26px; cursor: pointer; color: var(--iga-muted); line-height: 1; }

@media (max-width: 600px) {
	.iga-app { font-size: 14px; }
	.iga-table th, .iga-table td { padding: 8px 10px; }
	.iga-search { min-width: 0; width: 100%; }
}