/* Keep top navigation labels on one line so long items
   like "MMA Lineal Champions" don't wrap and misalign the bar */
.main-nav li,
.main-nav li a {
	white-space: nowrap;
}

/* Pagination: clean horizontal buttons, no bullets */
.pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagination ul.page-numbers li {
	list-style: none;
	margin: 0;
}

/* Smaller hero titles + less spacing so content shows sooner */
.page-hero { padding-top: 28px; padding-bottom: 22px; }
.post-header { padding-top: 28px; padding-bottom: 22px; }
.page-hero__title { font-size: 42px; line-height: 1.15; margin-bottom: 16px; }
.post-header__title { font-size: 38px; line-height: 1.15; margin-bottom: 16px; }
@media (max-width: 600px) {
	.page-hero__title { font-size: 32px; }
	.post-header__title { font-size: 30px; }
	.page-hero, .post-header { padding-top: 28px; padding-bottom: 22px; }
}

/* Hide the "Page" label above page titles to save space */
.page-hero__eyebrow { display: none; }

/* Black header with white text */
.site-header { background-color: #111; }
.site-header .site-title,
.site-header .site-title a { color: #ffffff; }
.site-header .site-tagline { color: #bbbbbb; }
.main-nav a { color: #eeeeee; }
.main-nav a:hover { color: #ffffff; }
.site-header .search-field {
	background-color: #262626;
	color: #ffffff;
	border-color: #333333;
}
.site-header .search-field::placeholder { color: #999999; }

/* Hide featured image on single post/page views (feed thumbnails stay) */
.single .wp-post-image,
.single .post-thumbnail,
.page:not(.home) .wp-post-image { display: none !important; }

/* Order homepage category pills by post count */
.category-filters .cat-pill[href="https://grahambany.com"] { order: 0; }
.category-filters .cat-pill[href$="/category/education/"] { order: 1; }
.category-filters .cat-pill[href$="/ai/"] { order: 2; }
.category-filters .cat-pill[href$="/category/edtech/"] { order: 3; }
.category-filters .cat-pill[href$="/games/"] { order: 4; }
.category-filters .cat-pill[href$="/conferences/"] { order: 5; }
.category-filters .cat-pill[href$="/blog/"] { order: 6; }
.category-filters .cat-pill[href$="/books/"] { order: 7; }
.category-filters .cat-pill[href$="/review/"] { order: 8; }
.category-filters .cat-pill[href$="/mma/"] { order: 9; }

/* Nav hover: dark text so it stays readable */
.main-nav a:hover { color: #111111 !important; }

/* Hide the author bio box at the bottom of posts */
.bio-section { display: none !important; }

/* Lists: the theme's universal reset (*{padding:0}) strips list indent,
   and its compensating rule targets .post-body, which does not exist in the
   markup. Restore the indent on the real content wrapper. Added 7 Sep 2026. */
.container--narrow ul.wp-block-list,
.container--narrow ol.wp-block-list,
.container--narrow .wp-block-table-of-contents ol,
.container--narrow .wp-block-table-of-contents ul {
	padding-inline-start: 1.5rem;
}


/* Vertical rhythm: the theme's reset (*{margin:0}) strips margins from
   headings, lists and separators, and its compensating rules target
   .post-body, which is not in the markup. Restore spacing on the real
   content wrapper. More space above a heading than below it, so the
   heading groups with the text it introduces. Added 12 Sep 2026. */
.container--narrow h2 { margin-top: 2.5rem; margin-bottom: 0.75rem; }
.container--narrow h3 { margin-top: 2rem; margin-bottom: 0.5rem; }
.container--narrow h4,
.container--narrow h5,
.container--narrow h6 { margin-top: 1.5rem; margin-bottom: 0.5rem; }
.container--narrow > h2:first-child,
.container--narrow > h3:first-child { margin-top: 0; }
.container--narrow ul.wp-block-list,
.container--narrow ol.wp-block-list { margin: 0 0 1.5rem; }
.container--narrow hr.wp-block-separator { margin: 2.5rem 0; }