/*
Theme Name: Atlas
Description: Block theme for Atlas Performance & Rehab. Colours, fonts and section styles live in theme.json; page sections are block patterns (Atlas category in the inserter).
Author: nattercan
Version: 2.0.1
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: atlas
*/

/* Sections butt up against each other */
.wp-site-blocks > main,
.wp-site-blocks > footer,
.wp-block-post-content > .alignfull {
	margin-block-start: 0;
}

/* Header nav: a short rule under the current page, like a platform marking */
.wp-block-navigation a {
	text-decoration: none;
	padding-bottom: 0.2em;
	border-bottom: 2px solid transparent;
}
.wp-block-navigation a:hover,
.wp-block-navigation .current-menu-item > a {
	border-bottom-color: var(--wp--preset--color--oxblood);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	font-size: var(--wp--preset--font-size--x-large);
	gap: 0.5em;
}

/* Cover images carry their own crop */
.wp-block-cover img {
	border-radius: 0;
}

/* Hero headline: tighter than a body heading, lets the lines stack like a poster */
.atlas-hero h1 {
	line-height: 0.88;
	max-width: 12ch;
}
.atlas-hero .wp-block-cover__inner-container {
	padding-bottom: var(--wp--preset--spacing--50);
}

/* Pull quotes: an oversized opening mark instead of a card */
.wp-block-quote {
	position: relative;
	padding-top: 2.75rem;
}
.wp-block-quote::before {
	content: "\201C";
	position: absolute;
	top: -0.55rem;
	left: -0.04em;
	font-family: var(--wp--preset--font-family--anton);
	font-size: 5rem;
	line-height: 1;
	color: var(--wp--preset--color--oxblood);
}
.wp-block-quote p {
	font-weight: 500;
	text-wrap: pretty;
}

/* Photo strip: edge-to-edge, no gutters, uniform crop */
.atlas-strip .wp-block-image img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

/* Column groups used as rows of a ledger: give every row the same top rule */
.atlas-ledger > .wp-block-columns {
	border-top: 2px solid currentColor;
	padding-top: var(--wp--preset--spacing--40);
}

/* Large numerals (prices, lifting goals) share the display face */
.atlas-numeral {
	font-family: var(--wp--preset--font-family--anton);
	line-height: 1;
	letter-spacing: -0.01em;
}

/* Keyboard focus */
a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--wp--preset--color--oxblood);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: no-preference) {
	.wp-block-button__link,
	.wp-block-navigation a {
		transition: background-color 150ms ease, color 150ms ease, border-color 150ms ease;
	}
}

/* Full-width covers sit outside the root padding, so give their content the same gutter */
.wp-block-cover.alignfull > .wp-block-cover__inner-container {
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
}

.wp-block-button__link {
	white-space: nowrap;
}

/* Phones: the icon alone identifies the site, keep the bar to logo, menu and Book */
@media (max-width: 600px) {
	header .wp-block-site-title {
		display: none;
	}
}
