/*
Theme Name: Globalgood Publishing
Theme URI: https://globalgoodpublishing.com
Author: Americas Book Service
Description: Publishing and bookstore theme for Globalgood Publishing Corporation. Implements the Publication Tree library architecture - 21 trees across 5 discovery groups - over WooCommerce, with the Tree > Branch > Series > Volume > Format hierarchy from the Publication Tree document.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: globalgood
Tags: publishing, bookstore, woocommerce
*/

/*
 * The real stylesheet is split across assets/css/style.css (design tokens, base
 * typography, homepage) and assets/css/pages.css (library, tree, catalogue and
 * product pages). Both are enqueued in functions.php.
 *
 * This file exists because WordPress requires a style.css with the header above
 * in order to recognise the theme at all. Put only WordPress-specific overrides
 * here, so the two main stylesheets stay in step with the static site they came
 * from.
 */

/* ---- WordPress core classes the static site never had ---- */

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.alignleft {
	float: left;
	margin: 0 24px 16px 0;
}

.alignright {
	float: right;
	margin: 0 0 16px 24px;
}

.aligncenter {
	display: block;
	margin: 0 auto 16px;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	font-size: 13px;
	color: var(--c-muted, #6b6b6b);
	margin-top: 8px;
}

/* ---- Price beside each format's Buy button ----
 * The static site had no prices, so assets/css/pages.css has no rule for this.
 * Kept here rather than in pages.css so that file stays byte-identical to the
 * static site it was copied from.
 * .format-row is a two-child flex with space-between, so the price and the
 * button are grouped into one right-hand child rather than added as a third.
 */
.format-buy {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
}

.format-price {
	font-family: var(--font-head, Georgia, serif);
	font-size: 15px;
	font-weight: 600;
	color: var(--c-primary, #0E2238);
	white-space: nowrap;
}

/* WooCommerce wraps prices in <span class="amount"> and uses <del>/<ins> on sale. */
.format-price .amount {
	font-size: inherit;
	color: inherit;
}

.format-price del {
	opacity: .55;
	margin-right: 6px;
	font-weight: 400;
}

.format-price ins {
	text-decoration: none;
}

@media (max-width: 560px) {
	.format-row {
		align-items: flex-start;
		flex-direction: column;
	}
	.format-buy {
		width: 100%;
		justify-content: space-between;
	}
}

/* Admin bar must not sit over the fixed header. */
body.admin-bar .site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .site-header {
		top: 46px;
	}
}