/*
 * WordPress / WooCommerce glue — ONLY what Expanse never had.
 *
 * The visual layer is the harvested Expanse stylesheet (compiled.css +
 * settings.css + instances/<template>.css, imported per store into uploads by
 * `wp gv import-css`), plus assets/expanse/gvws-custom.css and the child's
 * <brand>-brand-type.css. Nothing visual belongs here. This file exists for
 * markup WordPress and WooCommerce emit that Shopify did not, and it must stay
 * small enough to read in one screen.
 */

/* WordPress core and WooCommerce emit .screen-reader-text; Expanse's own
 * equivalent is .visually-hidden. Same treatment as core's. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

.screen-reader-text:focus {
	clip: auto;
	clip-path: none;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* The admin bar is 32px (46px under 783px) and fixed; a sticky header and the
 * skip link need to sit below it. Only present when logged in, so never in a
 * cached page. */
body.admin-bar .skip-link:focus {
	top: 32px;
}

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

/* the_content() emits the classic alignment classes on images. */
.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Woo notices carry both skins where woocommerce.css still loads (checkout,
   account, product): Expanse's .note/.errors win the shape, Woo's grey
   ground, icon glyph and !important bullet-kill are undone here. */
.errors.woocommerce-error,.note.woocommerce-message,.note.woocommerce-info{background:none;border-top-width:1px;padding:6px 12px}
.errors.woocommerce-error::before,.note.woocommerce-message::before,.note.woocommerce-info::before{content:none}
.errors.woocommerce-error li{list-style:disc outside!important;padding-left:0!important}

/* Woo's layout sheet (kept on the account page, inc/woo-styles.php) floats the
   account nav 30% / content 68% into a two-column shell Expanse never had. */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}
.woocommerce-MyAccount-navigation{margin-bottom:30px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.woocommerce-MyAccount-navigation .is-active>a{font-weight:700}

/* Author profile (DECISIONS 079): the years line under the expertise chips — the card's own type, the eyebrow gray
   at AA (the harvest's #777 is 4.47:1). The card itself is harvested Expanse markup + CSS. */
.gvws-author-profile__card-note{margin:14px 0 0;color:#6d6d6d;font-size:14px;line-height:1.4}