/*
Theme Name: Architectural Systems — Child
Theme URI: https://arch-systems.net
Template: arch-systems
Author: Architectural Systems LLC
Description: Child theme for Architectural Systems. Splits the single-page front page into individual pages (Line Card, What We Do, Markets, Territory, Contact) and fixes two dead links left over from the static build. Keep customisations here so a re-upload of the parent theme cannot overwrite them.
Version: 1.0.0
Requires at least: 6.0
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: arch-systems-child
*/

/* ------------------------------------------------------------------
   The parent stylesheet is enqueued from functions.php and loads
   first. Add overrides below this line only.
   ------------------------------------------------------------------ */

/* Front page "Start here" grid.

   Deliberately NOT reusing .markets: that grid is 4 columns with a 1px
   gap over a rule-coloured background, so six cards would leave two
   empty cells showing as grey blocks. Three columns fits six cards
   into exactly two rows. */

.navgrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	background: var(--rule);
	border: 1px solid var(--rule);
	margin-top: clamp(30px, 4vw, 44px);
}

@media (max-width: 880px) {
	.navgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.navgrid { grid-template-columns: 1fr; }
}

.navcard {
	display: block;
	background: var(--paper);
	padding: 26px 22px;
	text-decoration: none;
	color: inherit;
	transition: background .18s ease;
}

.navcard:hover,
.navcard:focus-visible {
	background: #fff;
}

.navcard__t {
	font-family: var(--f-display);
	font-variation-settings: 'wdth' 108, 'wght' 700;
	font-size: 1.02rem;
	margin: 0 0 7px;
	transition: color .18s ease;
}

.navcard:hover .navcard__t,
.navcard:focus-visible .navcard__t {
	color: var(--amber);
}

.navcard__d {
	margin: 0;
	font-size: .92rem;
	color: var(--graphite);
	line-height: 1.55;
}

.navcard__go {
	display: inline-block;
	margin-top: 12px;
	font-family: var(--f-mono);
	font-size: .72rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--amber);
}