/*
Theme Name: Petersfield Gun Club
Theme URI: https://petersfieldgunclub.co.uk/
Author: Petersfield Gun Club
Description: Child theme of Twenty Twenty-Five for Petersfield Gun Club — Gunners Wood clay shooting ground, East Hampshire. Palette and typography derived from the club badge; clay orange reserved for calls to action.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pgc-child
Tags: block-styles, full-site-editing, custom-colors, custom-menu, one-column
*/

/* Nearly everything is handled in theme.json. Only genuinely stylistic
   details that theme.json cannot express live here. */

/* Uppercase eyebrow labels used above section headings. */
.pgc-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.16em;
}

/* Keep long data values from forcing a horizontal scroll on narrow screens. */
.wp-block-table table {
	word-break: break-word;
}

/* Visible keyboard focus everywhere, in the club's accent colour. */
:where(a, button, input, textarea, select, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--clay);
	outline-offset: 2px;
}

/* ---------------------------------------------------------------
   Header
   --------------------------------------------------------------- */
.pgc-header {
	background-color: var(--wp--preset--color--surface);
	border-bottom: 1px solid #D5DED1;
	padding-block: var(--wp--preset--spacing--30);
}

.pgc-header__inner {
	gap: var(--wp--preset--spacing--30);
}

.pgc-brand {
	gap: var(--wp--preset--spacing--20);
	text-decoration: none;
}

.pgc-brand__mark img {
	display: block;
	height: auto;
}

.pgc-brand__text {
	gap: 2px;
}

.pgc-nav {
	gap: 0.25rem 1.25rem;
}

/* ---------------------------------------------------------------
   Footer
   --------------------------------------------------------------- */
.pgc-footer {
	background-color: var(--wp--preset--color--plate);
	color: var(--wp--preset--color--on-dark-dim);
	font-family: var(--wp--preset--font-family--archivo);
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}

.pgc-footer__cols {
	gap: var(--wp--preset--spacing--40);
}

.pgc-footer__mark img {
	display: block;
	height: auto;
}

.pgc-footer__head {
	color: #FFFFFF;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	margin-bottom: var(--wp--preset--spacing--20);
}

.pgc-footer__address,
.pgc-footer__lines {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.9;
}

.pgc-footer__address {
	margin-top: var(--wp--preset--spacing--20);
	line-height: 1.7;
}

.pgc-footer__pages {
	font-size: var(--wp--preset--font-size--small);
	line-height: 2;
	list-style: none;
	padding-left: 0;
}

.pgc-footer__pages .wp-block-pages-list__item__link {
	text-decoration: none;
}

/* Footer sits on a dark plate, so links must not inherit the forest green
   used everywhere else — that combination fails contrast. */
.pgc-footer a {
	color: var(--wp--preset--color--on-dark);
	text-decoration: none;
}

.pgc-footer a:hover,
.pgc-footer a:focus {
	color: #FFFFFF;
	text-decoration: underline;
}

.pgc-footer__legal {
	border-top: 1px solid #1E4630;
	font-size: var(--wp--preset--font-size--x-small);
	margin-top: var(--wp--preset--spacing--40);
	padding-top: var(--wp--preset--spacing--30);
}

@media (max-width: 600px) {
	.pgc-header__inner {
		row-gap: var(--wp--preset--spacing--20);
	}
}

/* ---------------------------------------------------------------
   Page canvas
   --------------------------------------------------------------- */

/* Full-width colour bands need to reach the edge of the viewport, so the
   main wrapper must not add its own horizontal padding on top of the
   root padding the bands already compensate for. */
main.wp-block-group > .wp-block-post-content.alignfull {
	margin-block: 0;
}

/* The designed pages open with their own H1 inside a hero band, so the
   template deliberately omits the post title. */