/*
Theme Name: Havoc
Theme URI: https://havocsoccer.com
Author: Fresno Havoc
Description: Child theme of Twenty Twenty-Five for the Fresno Havoc soccer community. Core blocks only.
Template: twentytwentyfive
Version: 1.0.8
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: havoc
*/

/* Match header/footer inner width. */
body {
	--wp--style--global--content-size: 1200px;
	--wp--style--global--wide-size: 1200px;
}

/* Kill the gap between the header template part and page content. */
.wp-site-blocks {
	gap: 0;
}

.wp-site-blocks > header.wp-block-template-part + main,
main.wp-block-group {
	margin-top: 0;
}

/* Fixed (sticky) header. */
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 100;
}

.admin-bar header.wp-block-template-part {
	top: 32px;
}

#pricing {
	scroll-margin-top: 96px;
}

@media screen and (max-width: 782px) {
	.admin-bar header.wp-block-template-part {
		top: 46px;
	}
}

/* Leftover Classic Product half-column. */
.wp-block-surecart-product-page,
.wp-block-surecart-product-page .wp-block-columns,
.wp-block-surecart-product-page .wp-block-column {
	max-width: 100% !important;
	width: 100% !important;
	flex-basis: 100% !important;
}

.wp-block-surecart-product-price-chooser,
.wp-block-surecart-product-price-chooser .sc-choices {
	width: 100%;
	max-width: 100%;
}

/*
 * SureCart's Price Selector UI maxes at 2 columns.
 * Havoc has 3 plans. Force a single row on desktop.
 */
@media (min-width: 782px) {
	.wp-block-surecart-product-price-chooser .sc-choices {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 1rem !important;
	}

	.wp-block-surecart-product-price-chooser .sc-choice {
		width: auto !important;
		max-width: none !important;
	}
}

.wp-block-group:focus,
.wp-block-group:focus-visible,
.wp-block-columns:focus,
.wp-block-columns:focus-visible,
.wp-block-column:focus,
.wp-block-column:focus-visible {
	outline: none !important;
}
.wp-block-surecart-product-price-chooser .sc-choice:focus {
	outline: none;
}

/*
 * WordPress draws a black :focus outline on the focused control AND
 * sometimes on a parent group wrapping several fields.
 */
.page-checkout .wp-site-blocks *:focus,
.page-checkout .wp-site-blocks *:focus-visible,
.surecart-checkout .wp-site-blocks *:focus,
.surecart-checkout .wp-site-blocks *:focus-visible,
[class*="wp-block-surecart"]:focus,
[class*="wp-block-surecart"] *:focus,
[class*="wp-block-surecart"]:focus-visible,
[class*="wp-block-surecart"] *:focus-visible,
[class^="sc-"]:focus,
[class*=" sc-"]:focus,
[class^="sc-"] *:focus,
[class*=" sc-"] *:focus {
	outline: none !important;
}