/* George Dale - Power Rankings. Palette and fonts from gd-site-theme's tokens. */

.gd-power-rankings { max-width: 820px; margin: 0 auto; text-align: left; }

.gd-pr-orn {
	border: 0 !important;
	height: 22px; width: 200px; max-width: 200px;
	margin: 0 auto 1.6rem;
	color: var(--gd-accent-red);
	background-color: currentColor;
	-webkit-mask: var(--gd-football) center / 22px 22px no-repeat;
	        mask: var(--gd-football) center / 22px 22px no-repeat;
	opacity: 0.9;
}
.gd-pr-title {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 32px; font-weight: 500; letter-spacing: 0.02em;
	color: var(--gd-contrast); margin: 0; text-align: center;
	text-shadow: 0 0 4px var(--gd-base), 0 0 12px var(--gd-base), 0 1px 2px rgba(0, 0, 0, 0.8);   /* sits on the stadium */
}
.gd-pr-sub {
	text-align: center; color: var(--gd-contrast-2);
	font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase;
	/* a small plaque so it never lands bare on the goalpost crossbar */
	display: table;
	margin: 10px auto 2.2rem;
	padding: 6px 14px;
	background: var(--gd-surface);
	border: 1px solid var(--gd-border);
	border-radius: 3px;
	color: var(--gd-contrast);
}

.gd-pr-list { list-style: none; margin: 0; padding: 0; }

.gd-pr-row {
	display: grid;
	grid-template-columns: 72px 1fr auto;
	align-items: center;
	gap: 20px;
	background: var(--gd-surface);
	border: var(--gd-card-border);
	border-radius: 2px;
	box-shadow: var(--gd-glow);
	padding: 24px;
	margin-bottom: 14px;
}
.gd-pr-row.is-first {
	border-left: 2px solid var(--gd-accent-yellow);   /* the trophy row */
	background: var(--gd-base-glow);                   /* one step brighter than --gd-surface */
}
.gd-pr-row.is-last .gd-pr-name a,
.gd-pr-row.is-last .gd-pr-name,
.gd-pr-row.is-last .gd-pr-note { color: var(--gd-contrast-2); }

.gd-pr-rank {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 44px; line-height: 1; color: var(--gd-accent-orange);
	text-align: right;
}
.gd-pr-row.is-first .gd-pr-rank { color: var(--gd-accent-yellow); }
.gd-pr-row.is-last .gd-pr-rank { color: var(--gd-contrast-2); }

.gd-pr-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.gd-pr-name {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 20px; color: var(--gd-contrast);
}
.gd-pr-name a { color: inherit; text-decoration: none; }
.gd-pr-name a:hover { color: var(--gd-accent-yellow); text-decoration: underline; }
.gd-pr-rec { color: var(--gd-contrast-2); font-size: 13px; }

.gd-pr-move { font-size: 11px; letter-spacing: 0.06em; }
.gd-pr-move.is-up   { color: var(--gd-accent-yellow); }
.gd-pr-move.is-down { color: var(--gd-accent-red); }   /* --gd-loss is too dark to read as 11px text */
.gd-pr-move.is-flat { color: var(--gd-contrast-2); }

.gd-pr-note { margin: 6px 0 0; color: var(--gd-contrast); font-size: 14px; line-height: 1.5; }

.gd-pr-stats { display: flex; gap: 18px; }
.gd-pr-stat { display: flex; flex-direction: column; gap: 3px; text-align: right; min-width: 46px; }
.gd-pr-sk {
	color: var(--gd-accent-orange); font-size: 9px;
	letter-spacing: 0.12em; text-transform: uppercase;
}
.gd-pr-sv {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 18px; color: var(--gd-contrast); line-height: 1;
}

.gd-pr-foot {
	display: table; margin: 2.4rem auto 0; padding: 6px 14px;
	background: var(--gd-surface); border: 1px solid var(--gd-border); border-radius: 3px;
	text-align: center; color: var(--gd-contrast-2);
	font-size: 11px; letter-spacing: 0.04em;
}
.gd-pr-empty { text-align: center; color: var(--gd-contrast-2); padding: 24px 0; }
.gd-pr-empty .gd-icon { margin: 0 auto 12px; color: var(--gd-accent-yellow); }

@media (max-width: 782px) {
	.gd-pr-row { grid-template-columns: 52px 1fr; gap: 14px; padding: 18px; }
	.gd-pr-rank { font-size: 32px; }
	.gd-pr-stats { grid-column: 1 / -1; justify-content: flex-start; gap: 24px; }
	.gd-pr-stat { text-align: left; }
}

/* The page template also prints wp:post-title; this page has its own designed
   header, so suppress the duplicate here only. Same approach already used for
   the team pages (scoped via :has, degrades to the duplicate if unsupported). */
body:has(.gd-power-rankings) .wp-block-post-title { display: none; }