/*
Theme Name: CTG Games
Theme URI: https://ctg.co.nz/
Description: CTG Games Limited brand styling for ctg.co.nz. A child of Twenty Twenty-Five that replaces the stock palette with the CTG Games brand colours and matches the chrome of the apps on the ctg.co.nz subdomains. Colour definitions live in theme.json; see github.com/ctgnz/ctg-brand for the master palette.
Author: CTG Games Limited
Template: twentytwentyfive
Version: 1.6.1
License: Apache License 2.0
License URI: https://www.apache.org/licenses/LICENSE-2.0
Text Domain: ctg-games
*/

/* Colours, fonts and layout live in theme.json. Only rules Global Styles
   cannot express belong here.

   The apps (jmsfx and friends) are Bootstrap, and their header navigation is
   .nav-pills. Global Styles has no equivalent of a "current page" pill, so the
   values below are taken from Bootstrap 5.3's own nav-pills defaults - 0.5rem
   /1rem padding and a 0.375rem radius - so the two headers read as one site. */

/* Hold the footer at the bottom of the viewport on short pages, as the apps do.
   They achieve it by absolutely positioning the footer against a hardcoded
   height; flex does the same without needing to know how tall the footer is.
   The admin bar is subtracted so logged-in editors don't get a stray scrollbar. */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

.wp-site-blocks > main {
	flex-grow: 1;
}

.wp-block-navigation .wp-block-navigation-item__content {
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus {
	background-color: var(--wp--preset--color--accent-5);
}

.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .current_page_item > .wp-block-navigation-item__content {
	background-color: var(--wp--preset--color--accent-3);
	color: var(--wp--preset--color--base);
}